/*--------------------------------------------------------------
>>> HEADER
--------------------------------------------------------------*/

/* Top Bar */

.site-topbar {
    border-bottom: 1px solid var(--abr-color-gray-light);
    font-size: var(--abr-topbar-fs, 13px);
    padding: var(--abr-topbar-padding, 4px) 0;
    min-height: var(--abr-topbar-height, 50px);
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    box-shadow: var(--abr-topbar-shadow, none);
}

/* Ensure container fills the flex parent and uses correct max-width */
.site-topbar .container,
.site-header .container {
    width: 100%;
    max-width: var(--abr-container-max);
}

.topbar-grid,
.bottom-header-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: 100%;
    gap: var(--abr-header-gap);
}

.header-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: var(--abr-header-gap);
}

.topbar-column,
.header-column {
    display: flex;
    align-items: center;
    gap: var(--abr-header-item-gap);
}

.site-header-bottom {
    border-top: 1px solid var(--abr-border-glass);
    padding: var(--abr-header-bottom-padding, 10px) 0;
    min-height: var(--abr-header-bottom-height, 60px);
    box-shadow: var(--abr-header-bottom-shadow, none);
    width: 100%;
}

/* Alignments - Using specificity instead of !important */
.site-topbar .topbar-column.topbar-start,
.site-topbar .topbar-column.topbar-left,
.site-header .bottom-start,
.site-header .bottom-left,
.site-header .header-start,
.site-header .header-left {
    flex: 1;
    justify-content: flex-start;
    text-align: start;
}

.site-topbar .topbar-center,
.site-header .bottom-center,
.site-header .header-center {
    flex: 1;
    justify-content: center;
    text-align: center;
}

.site-topbar .topbar-column.topbar-end,
.site-topbar .topbar-column.topbar-right,
.site-header .bottom-end,
.site-header .bottom-right,
.site-header .header-end,
.site-header .header-right {
    flex: 1;
    justify-content: flex-end;
    text-align: end;
}

/* Smart flex layout when center column has no content */
.site-header-main:not(.has-center-content) .header-column.header-start,
.site-header-main:not(.has-center-content) .header-column.header-left {
    flex: 0 0 auto;
}
.site-header-main:not(.has-center-content) .header-column.header-end,
.site-header-main:not(.has-center-content) .header-column.header-right {
    flex: 1;
    justify-content: flex-end;
}
.site-header-main:not(.has-center-content) .header-column.header-center {
    display: none;
}


/* Ensure widgets inside don't have default centering */
.topbar-column>*,
.header-column>* {
    margin-inline-end: 0;
    margin-inline-start: 0;
}




/* Header Navigation (New Slots) */

.header-navigation .header-menu,
.site-header-bottom .header-menu {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: var(--abr-items-gap, 20px);
}

.header-navigation .header-menu a,
.site-header-bottom .header-menu a {
    color: inherit;
    /* Handled by parent container variables */
    font-weight: 500;
    font-size: inherit;
    transition: var(--abr-trans-fast);
}

.header-navigation .header-menu a:hover,
.site-header-bottom .header-menu a:hover {
    color: inherit;
    /* User logic override in dynamic-css.php */
}


/* Top Bar Menu - Same styles as header-menu for consistency */

.topbar-menu {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: var(--abr-header-action-gap);
}

.topbar-menu a {
    color: inherit;
    font-weight: 500;
    font-size: inherit;
    transition: var(--abr-trans-fast);
}

.topbar-menu a:hover {
    color: inherit;
    opacity: 0.8;
}

/* Header */

.site-header {
    height: auto;
    position: relative;
    z-index: var(--z-header, 900);
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), background 0.3s ease, box-shadow 0.3s ease;
}

/* Sticky Class */
.is-sticky-active .site-header {
    position: sticky;
}

/* Reveal Mode Logic */
.header-behavior-reveal.site-header {
    position: fixed;
    transform: translateY(0);
}

.header-behavior-reveal.site-header.is-hidden {
    transform: translateY(-100%);
}

/* Scrolled State Styles - Removed Glassmorphism */
.site-header-main {
    display: flex;
    align-items: center;
    width: 100%;
}

.site-header-main .container-header {
    display: flex;
    align-items: center;
    width: 100%;
}

/* Branding */

.site-branding {
    display: flex;
    align-items: center;
}

.site-branding .custom-logo-link {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}

.site-branding .site-title {
    font-size: var(--abr-fs-xl);
    font-weight: 800;
    margin-bottom: 0;
    line-height: 1.2;
}

.site-branding .site-title a {
    display: inline-block;
    line-height: inherit;
    background: var(--abr-gradient-primary);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: opacity var(--abr-trans-fast);
}

.site-branding .site-title a:hover {
    opacity: 0.9;
}

.site-branding img,
.custom-logo {
    display: block;
    max-height: 50px;
    width: auto;
}

/* Header Actions */

.header-actions {
    display: flex;
    justify-content: flex-end;
    gap: var(--abr-header-action-gap);
}

/* Main Header Widget Areas */

.header-widgets {
    display: flex;
    align-items: center;
    gap: var(--abr-space-sm);
}

.header-widgets-left {
    justify-content: flex-start;
}

.header-widgets-center {
    justify-content: center;
}

.header-widgets-right {
    justify-content: flex-end;
}

.header-widgets .header-widget,
.header-widgets .main-header-widget {
    display: flex;
    align-items: center;
}



/* Header search custom styles removed */