/* Shared Sedara primary navigation. */
:root {
    --sedara-nav-wine: #800020;
    --sedara-nav-wine-deep: #5e0e23;
    --sedara-nav-gold: #f7c96a;
    --sedara-nav-white: #ffffff;
    --sedara-global-header-height: 82px;
    --sedara-context-nav-height: 67px;
    --sedara-nav-header-offset: calc(var(--sedara-global-header-height) + var(--sedara-context-nav-height) + 16px);
}

html { scroll-behavior: smooth; }

.sedara-skip-link {
    background: var(--sedara-nav-white);
    color: var(--sedara-nav-wine);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    left: 18px;
    padding: 10px 14px;
    position: fixed;
    text-decoration: none;
    top: -64px;
    transition: top .2s ease;
    z-index: 1000;
}

.sedara-skip-link:focus { outline: 3px solid var(--sedara-nav-gold); outline-offset: 3px; top: 14px; }

.sedara-navigation-stack {
    position: sticky;
    top: 0;
    z-index: 300;
}

.sedara-global-header {
    background: var(--sedara-nav-wine);
    border-bottom: 1px solid rgba(247, 201, 106, .18);
    box-shadow: 0 2px 9px rgba(48, 0, 13, .25);
}

.sedara-global-header-inner {
    align-items: center;
    display: flex;
    gap: 28px;
    margin: 0 auto;
    max-width: 1180px;
    min-height: 82px;
    padding: 0 28px;
}

.sedara-global-brand { display: inline-flex; flex: 0 0 auto; line-height: 0; }
.sedara-global-brand img { height: auto; max-width: 142px; }

.sedara-global-nav {
    align-items: center;
    display: flex;
    gap: 4px;
    margin-left: auto;
}

.sedara-global-nav a {
    align-items: center;
    color: rgba(255, 255, 255, .86);
    display: inline-flex;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 1.25;
    min-height: 44px;
    padding: 11px 12px;
    text-decoration: none;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease;
    white-space: nowrap;
}

.sedara-global-nav a:hover { background: rgba(255, 255, 255, .1); color: var(--sedara-nav-white); }

.sedara-global-nav a[aria-current="page"] {
    background: rgba(255, 255, 255, .11);
    box-shadow: inset 0 -3px 0 var(--sedara-nav-gold);
    color: var(--sedara-nav-white);
}

.sedara-global-nav .sedara-global-contact {
    background: var(--sedara-nav-gold);
    color: #4a1723;
    margin-left: 6px;
}

.sedara-global-nav .sedara-global-contact:hover { background: #ffdc8c; color: #35101a; }

.sedara-global-header a:focus-visible {
    outline: 3px solid var(--sedara-nav-gold);
    outline-offset: 3px;
}

.sedara-context-nav {
    background: var(--sedara-nav-white);
    border-bottom: 1px solid rgba(128, 0, 32, .14);
    box-shadow: 0 3px 9px rgba(48, 0, 13, .06);
}

.sedara-context-nav-inner {
    align-items: center;
    display: flex;
    gap: 26px;
    margin: 0 auto;
    max-width: 1180px;
    min-height: var(--sedara-context-nav-height);
    padding: 0 28px;
}

.sedara-context-nav-label {
    color: var(--sedara-nav-wine);
    flex: 0 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.15px;
    text-transform: uppercase;
}

.sedara-context-nav-links {
    align-items: center;
    display: flex;
    gap: 5px;
}

.sedara-context-nav-links a {
    color: #5f5059;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 9px 11px;
    text-decoration: none;
    white-space: nowrap;
}

.sedara-context-nav-links a:hover { background: #f9f5f6; color: var(--sedara-nav-wine); }

.sedara-context-nav-links a:focus-visible {
    outline: 3px solid rgba(192, 78, 112, .45);
    outline-offset: 2px;
}

.sedara-navigation-stack ~ section[id],
.sedara-navigation-stack ~ .contact-area [id],
.sedara-navigation-stack ~ main[id],
.sedara-navigation-stack ~ main [id] { scroll-margin-top: var(--sedara-nav-header-offset); }

@media (max-width: 920px) {
    :root { --sedara-global-header-height: 123px; }

    .sedara-global-header-inner {
        flex-wrap: wrap;
        gap: 10px;
        min-height: 0;
        padding: 10px 20px;
    }

    .sedara-global-brand img { max-width: 118px; }

    .sedara-global-nav {
        flex-basis: 100%;
        gap: 3px;
        margin-left: 0;
        overflow-x: auto;
        padding-bottom: 2px;
        width: 100%;
    }

    .sedara-global-nav a { font-size: 11px; min-height: 44px; padding: 10px 11px; }
    .sedara-global-nav .sedara-global-contact { margin-left: 3px; }

    .sedara-context-nav-inner { padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 680px) {
    :root { --sedara-context-nav-height: 54px; }

    .sedara-context-nav-inner {
        gap: 0;
        min-height: var(--sedara-context-nav-height);
        padding-bottom: 0;
        padding-top: 0;
    }

    .sedara-context-nav-label { display: none; }

    .sedara-context-nav-links {
        max-width: 100%;
        overflow-x: auto;
        padding-bottom: 1px;
        width: 100%;
    }

    .sedara-context-nav-links a { flex: 0 0 auto; font-size: 11px; padding: 8px 9px; }
}

@media (max-width: 480px) {
    .sedara-global-header-inner { padding-left: 15px; padding-right: 15px; }
    .sedara-global-nav { justify-content: space-between; overflow-x: visible; }
    .sedara-global-nav a { font-size: 10px; padding-left: 8px; padding-right: 8px; }
    .sedara-global-nav .sedara-global-contact { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .sedara-skip-link, .sedara-global-nav a { transition: none; }
}