/* One header geometry and typography for the landing page and inner pages. */
#wrapper #header-container.site-header {
    position: relative; z-index: 999; min-height: 82px; background: #fff;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 1rem; line-height: 1.5;
    box-shadow: 0 1px 0 rgba(19,31,42,.08);
}
#wrapper #header-container.site-header > .container {
    width: calc(100% - var(--site-gutter) * 2); max-width: var(--site-content-width); padding: 0;
}
#wrapper #header-container.site-header .row { margin: 0; align-items: center; min-height: 0; }
#wrapper #header-container.site-header #logo { display: flex; align-items: center; min-height: 82px; height: 82px; }
#wrapper #header-container.site-header #logo img { display: block; width: clamp(140px, 10vw, 190px); max-height: 42px; object-fit: contain; }
#wrapper #header-container.site-header #navigation { display: block; margin: 0; }
#wrapper #header-container.site-header #navigation > ul { display: flex; align-items: center; gap: clamp(4px, .8vw, 16px); float: none; }
#wrapper #header-container.site-header #navigation > ul > li { flex: 0 0 auto; }
#wrapper #header-container.site-header #navigation > ul > li > a { padding: 8px 4px; font-size: .875rem; font-weight: 600; line-height: 1.5; white-space: nowrap; color: #353b43; }
#wrapper #header-container.site-header #navigation a:hover { color: #009350; }
#wrapper #header-container.site-header .right-side { display: flex; align-items: center; justify-content: flex-end; gap: 0; min-height: 82px; height: 82px; }
#wrapper #header-container.site-header .right-side > .header-widget {
    display: flex; align-items: center; justify-content: center; align-self: center;
    height: 60px; min-height: 60px; padding: 0 clamp(10px, 1vw, 20px) !important;
    border-left: 1px solid #e5e9e6 !important; border-right: 0 !important;
}
#wrapper #header-container.site-header .right-side > .header-widget:last-child { border-right: 1px solid #e5e9e6 !important; }
#wrapper #header-container.site-header .header-create-action { display: inline-flex; align-items: center; gap: 8px; color: #00b366; font-size: .875rem !important; line-height: 1.5; white-space: nowrap; }
#wrapper #header-container.site-header .header-create-action > i,
#wrapper #header-container.site-header .notice-bell > i,
#wrapper #header-container.site-header .header-messages-link > i,
#wrapper #header-container.site-header .mobile-button > i,
#wrapper #header-container.site-header .home-header-search-toggle > i {
    display: inline-flex; align-items: center; justify-content: center;
    width: 24px; height: 24px; font-size: 22px; line-height: 1; top: 0; margin: 0; padding: 0;
}
#wrapper #header-container.site-header i::before { line-height: 1; }
#wrapper #header-container.site-header .header-notifications,
#wrapper #header-container.site-header .header-notifications-trigger { margin: 0; padding: 0; line-height: 1; }
#wrapper #header-container.site-header .notice-bell,
#wrapper #header-container.site-header .header-messages-link { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 42px; color: #71857a; line-height: 1; }
#wrapper #header-container.site-header .user-avatar { display: block; margin: 0; }
.home-header-search { position: relative; display: flex; align-items: center; margin: 0 12px 0 0; }
.home-header-search-toggle { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 44px; padding: 0; border: 0; background: transparent; color: #353b43; cursor: pointer; }
.home-header-search-input { position: absolute; top: calc(100% + 12px); right: 0; z-index: 20; width: min(300px, calc(100vw - 40px)); padding: 0 14px; border: 1px solid #dce2e6; border-radius: 8px; background: #fff; }
.home-header-search-input[hidden], .site-mobile-menu[hidden] { display: none !important; }
.home-header-actions { display: flex; align-items: center; gap: 9px; margin-left: 12px; }
.home-header-login, .home-header-register { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 14px; border: 1px solid #dce2e6; border-radius: 7px; color: #353b43; font-size: .875rem; font-weight: 600; }
.home-header-register { border-color: #00b366; background: #00b366; color: #fff; }
#wrapper #header-container.site-header .site-mobile-menu {
    position: absolute; top: 100%; right: 0; left: 0; z-index: 20;
    max-height: calc(100dvh - 70px); overflow-y: auto;
    padding: 10px var(--site-gutter) 16px; border-top: 1px solid #e6ebef;
    background: #fff; box-shadow: 0 12px 24px rgba(20,34,44,.12);
}
.site-mobile-menu ul { list-style: none; margin: 0; padding: 0; }
.site-mobile-menu li { display: block; }
.site-mobile-menu li a { display: block; min-height: 44px; padding: 12px 4px; border-bottom: 1px solid #f0f2f3; color: #353b43; font-size: .9375rem; }
.site-menu-toggle { border: 0; cursor: pointer; }
.site-menu-toggle:focus-visible, .home-header-search-toggle:focus-visible { outline: 2px solid #00b366; outline-offset: 2px; }
@media (max-width: 1199px) {
    #wrapper #header-container.site-header { min-height: 70px; }
    #wrapper #header-container.site-header #logo { height: 70px; min-height: 70px; }
    #wrapper #header-container.site-header #logo img { width: 140px; max-width: 100%; }
    #wrapper #header-container.site-header .right-side { height: 70px !important; min-height: 70px; gap: 4px; }
    #wrapper #header-container.site-header .right-side > .mobile-button { background: transparent; border: 0; color: #71857a; }
    .home-header-search { margin: 0; flex-shrink: 0; }
}
@media (max-width: 479px) {
    #wrapper #header-container.site-header > .container > .row > div { padding: 0; }
    #wrapper #header-container.site-header .right-side { gap: 0; }
    #wrapper #header-container.site-header .right-side > .mobile-button { width: 32px !important; min-width: 32px !important; }
}