/* ============================================================================
   UCA theme — header layout.

   Written fresh rather than inherited from the original school stylesheet.
   That sheet targets Bootstrap 3 and a jQuery mobile-menu plugin: it lays the
   header out with display:table rows, sets font-size:0 on the contact strip,
   and hides the real navigation below its breakpoint expecting its own script
   to rebuild it. The builder ships Bootstrap 5 and none of that JS, so reusing
   those rules produced a floating logo, invisible text and a vanished menu.

   The look is kept — two rows, green rule under the header, orange accents —
   without the assumptions.
   ============================================================================ */

.uca-header {
    background: #ffffff;
    border-bottom: 3px solid #F97316;
    box-shadow: 0 2px 18px rgba(22, 163, 74, .10);
}

.uca-header-inner {
    width: min(1200px, 100% - 32px);
    margin-inline: auto;
}

/* Row 1 — separated from the menu by a hairline so the two read as two lines. */
.uca-header .info-bar {
    border-bottom: 1px solid rgba(21, 128, 61, .14);
}

/* Row 2 — the menu itself. */
.uca-nav { padding: 4px 0; }

.uca-menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.uca-menu > li { position: relative; }

.uca-menu > li > a {
    display: inline-flex;
    align-items: center;
    padding: 14px 16px;
    color: #14532D;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
}

.uca-menu > li > a:hover,
.uca-menu > li > a:focus-visible {
    color: #15803D;
    background: rgba(21, 128, 61, .08);
}

.uca-menu > li.active > a,
.uca-menu > li.current > a {
    color: #15803D;
    box-shadow: inset 0 -3px 0 #F97316;
}

/* The utility block sits at the end of the menu row. */
.uca-menu > li.menu-utility { margin-inline-start: auto; }

/* One-level dropdowns, styled to match the language menu. */
.uca-menu .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .14);
    padding: 6px;
}
.uca-menu .dropdown-menu a {
    display: block;
    padding: 8px 12px;
    border-radius: 8px;
    color: #14532D;
    text-decoration: none;
}
.uca-menu .dropdown-menu a:hover { background: rgba(21, 128, 61, .08); }

html.dark-mode .uca-header {
    background: #0A1628;
    border-bottom-color: #F97316;
}
html.dark-mode .uca-menu > li > a { color: #e5e7eb; }
html.dark-mode .uca-menu > li > a:hover { color: #fff; background: rgba(255, 255, 255, .08); }

@media (max-width: 991px) {
    .uca-menu { gap: 2px; }
    .uca-menu > li > a { padding: 10px 12px; font-size: 14px; }
    .uca-menu > li.menu-utility { margin-inline-start: 0; width: 100%; }
}