/* :root {
    --background-color: #666666 !important;
} */

.sectionPageTitle {
    font-size: var(--type-ramp-plus-5-font-size);
    font-weight: 600;
    font-family: var(--body-font);
    color: var(--neutral-foreground-rest);
    margin-bottom: 1rem;
    padding: 8px 16px;
    /* Explicitly sets an 8px curve matching the standard FluentCard */
    border-radius: 8px !important;
    /* Truncates any square child elements hiding the curve */
    overflow: hidden !important;
    /* Theme-safe solid layers */
    background-color: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    box-shadow: var(--elevation-card-rest);
    /* Ensures wrapped rows have clean, proportional spacing above/below them */
    line-height: 1.25;
    /* Prevents unusually long words from breaking awkwardly mid-character */
    word-break: break-word;
}

.divAdminWebsiteMenuBar {
    font-size: var(--type-ramp-plus-5-font-size);
    font-weight: 600;
    font-family: var(--body-font);
    color: var(--neutral-foreground-rest);
    margin-bottom: 1.5rem;
    padding: 8px 16px;
    /* Explicitly sets an 8px curve matching the standard FluentCard */
    border-radius: 8px !important;
    /* Truncates any square child elements hiding the curve */
    overflow: hidden !important;
    /* Theme-safe solid layers */
    background-color: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    box-shadow: var(--elevation-card-rest);
}

.fgrdSite {
    position: relative;
    z-index: 1 !important;
}

    .fgrdSite div[sm="4"], .home div[sm="6"], .home div[sm="8"] {
        border-bottom: 1px solid var(--neutral-stroke-divider-rest) !important 
        /* from control Style="background-color: var(--neutral-layer-3); overflow: hidden; resize: horizontal; padding: 4px;" */
    }

fluent-card.fcardSite {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
}

/* SPECIFIC COOKIE OVERRIDE (Must stay global to pierce overlay trees) */
fluent-dialog#acctsMgrDlg::part(control),
fluent-dialog#contactDlg::part(control),
fluent-dialog#couponDlg::part(control),
fluent-dialog#exhibitorMapDlg::part(control),
fluent-dialog#exhibitorDlg::part(control),
fluent-dialog#homeDlg::part(control),
fluent-dialog#fileUploadDlg::part(control),
fluent-dialog#siteConfirmationDlg::part(control),
fluent-dialog#manageCookiesDlg::part(control) {
    --dialog-padding: 0px !important;
    padding: 0px !important;
}

#acctsMgrDlg .fluent-dialog-header,
#acctsMgrDlg .fluent-dialog-footer,
#contactDlg .fluent-dialog-header,
#contactDlg .fluent-dialog-footer,
#couponDlg .fluent-dialog-header,
#couponDlg .fluent-dialog-footer,
#exhibitorMapDlg .fluent-dialog-header,
#exhibitorMapDlg .fluent-dialog-footer,
#exhibitorDlg .fluent-dialog-header,
#exhibitorDlg .fluent-dialog-footer,
#homeDlg .fluent-dialog-header,
#homeDlg .fluent-dialog-footer,
#fileUploadDlg .fluent-dialog-header,
#fileUploadDlg .fluent-dialog-footer,
#siteConfirmationDlg .fluent-dialog-header,
#siteConfirmationDlg .fluent-dialog-footer,
#manageCookiesDlg .fluent-dialog-header,
#manageCookiesDlg .fluent-dialog-footer {
    padding: 16px !important;
}

#acctsMgrDlg .fluent-dialog-body,
#contactDlg .fluent-dialog-body,
#couponDlg .fluent-dialog-body,
#exhibitorMapDlg .fluent-dialog-body,
#exhibitorDlg .fluent-dialog-body,
#homeDlg .fluent-dialog-body,
#fileUploadDlg .fluent-dialog-body,
#manageCookiesDlg .fluent-dialog-body {
    padding: 16px 8px 16px 16px !important;
    border-top: 1px solid var(--neutral-stroke-rest) !important;
    border-bottom: 1px solid var(--neutral-stroke-rest) !important;
}

/* Specifically for the Label in SiteConfirmationDlg.razor */
#siteConfirmationDlg .fluent-dialog-body {
    padding: 16px !important;
    border-top: 1px solid var(--neutral-stroke-rest) !important;
    border-bottom: 1px solid var(--neutral-stroke-rest) !important;
    justify-content: center !important;
}

/* GLOBAL DIALOG TO SITECARD SYNCHRONIZATION */
.fluent-dialog-header {
    background-color: var(--neutral-layer-3) !important;
    padding: 16px !important;
}

.fluent-dialog-footer {
    background-color: var(--neutral-layer-3) !important;
    padding: 16px !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

.fluent-dialog-body {
    background-color: var(--neutral-layer-1) !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    flex-grow: 1 !important;
    border-top: 1px solid var(--neutral-stroke-rest) !important;
    border-bottom: 1px solid var(--neutral-stroke-rest) !important;
}

.divFluentControlLabelsCloserToField {
    display: block;
    width: 100%;
    overflow: visible;
}

.identity-field {
    width: 100%;
    margin-bottom: 1rem; /* Unified vertical form spacing */
}

/* Targets the body wrapper inside Exhibitor pages ONLY */
.fcardExhibitor .fluent-dialog-body,
.fcardExhibitor site-card-body {
    /* Changed height to 112px to fit 80px image + 16px top/bottom padding cushion */
    min-height: 112px !important;
    max-height: 112px !important;
    height: 112px !important;
    padding: 16px !important;
    margin: 0px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; /* Tells parent to align items to the left */
    justify-content: center !important;
    overflow: hidden !important;
}

/* Sets the logo image height ONLY for Exhibitor loops */
.fcardExhibitor .image-container,
.fcardExhibitor .responsive-img {
    max-height: 80px !important;
    height: 80px !important;
    max-width: 90% !important;
    width: auto !important;
    object-fit: contain !important;
    margin: 0 !important; /* FIXED: Removed 'auto' to stop horizontal centering */
} 

/* Tells the grid loop to stop stretching cards to match the tallest item */
#fgrdExhibitor,
.fgrdSite {
    align-items: flex-start !important;
}