/* Fraunces Variable Font for Headings */
@font-face {
    font-family: 'Fraunces';
    src: url('/fonts/Fraunces/Fraunces.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* Apply Fraunces font to all headings - 9pt Black variant like in Word */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Fraunces', serif;
    font-weight: 900;
    font-variation-settings: 'SOFT' 100, 'WONK' 0, 'opsz' 9;
}

/* Envelope Drag & Drop Styles */
.envelope-drop-container,
.envelope-drop-container-grid {
    min-height: 50px;
}

.envelope-dropzone {
    min-height: 50px;
}

.envelope-row-container {
    transition: background-color 0.2s ease;
}

.envelope-row-container:hover {
    background-color: #f8f9fa;
}

.envelope-drag-item {
    cursor: move;
}

.drag-handle {
    cursor: grab;
}

.drag-handle:active {
    cursor: grabbing;
}

/* MudBlazor drag styles */
.mud-drop-item-dragging {
    opacity: 0.5;
}

.drag-over {
    background-color: #e3f2fd !important;
}

.no-drop {
    background-color: #ffebee !important;
    cursor: not-allowed !important;
}

/* Helper class for drop container */
.d-contents {
    display: contents;
}

/* Ensure drop zones work within tables */
.mud-drop-zone {
    display: block;
    width: 100%;
}

/* Ensure consistent text sizing in drop container */
.mud-drop-item {
    font-size: inherit;
    color: inherit;
}