/* =====================================================================
   Solomon Lyatuu Foundation — Navy & White Design System
   Clean, professional, consistent across every page.
   ===================================================================== */

:root {
    --navy: #071952;
    --navy-hover: #0a2472;
    --navy-light: #eef1f8;
    --navy-border: #dde3f1;
    --ink: #071952;
    --body: #3f4a63;
    --muted: #6b7280;
    --white: #ffffff;
    --radius: 14px;
    --shadow: 0 12px 32px rgba(7, 25, 82, .10);
    --shadow-sm: 0 4px 16px rgba(7, 25, 82, .07);
}

/* ---- Base ---- */
html { scroll-behavior: smooth; }
body {
    background: #f7f9fc !important;
    color: var(--body) !important;
    font-family: 'Inter', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    line-height: 1.7;
}
.sol-page { position: relative; z-index: 1; background: transparent; }

/* ---- Site-wide SVG background ---- */
.sol-site-bg {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}
.sol-site-bg__svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.sol-site-bg__flow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 55%;
    opacity: 1;
}
img { max-width: 100%; }
::selection { background: var(--navy); color: #fff; }

/* Headings — refined, not shouting */
h1, h2, h3, h4, h5, h6,
.sec-title h2, .big-title h2, .sol-heading {
    color: var(--ink);
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
    font-weight: 600;
    letter-spacing: -.03em;
    line-height: 1.2;
}
h1, .big-title h2 { font-weight: 700; }
h3, h4, h5, h6 { font-weight: 600; letter-spacing: -.02em; }
p { color: var(--body); }

/* ---- No gradients anywhere ---- */
[style*="linear-gradient"] { background-image: none !important; }

/* ---- Buttons ---- */
.btn-one, .thm-btn, .btn-chat, .btn-one.btn-chat, .sol-btn, .auth-btn,
.btn-mobile-compact, .mobile-btn-chat, .sa-btn, .sc-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    background: var(--navy) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    padding: 13px 26px !important;
    box-shadow: 0 8px 20px rgba(7, 25, 82, .25) !important;
    transition: all .22s ease !important;
    text-decoration: none !important;
}
.btn-one:hover, .thm-btn:hover, .btn-chat:hover, .sol-btn:hover, .auth-btn:hover,
.sa-btn:hover, .sc-btn:hover {
    background: var(--navy-hover) !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(7, 25, 82, .32) !important;
}
.btn-one .txt, .btn-one i, .btn-one span,
.thm-btn .txt, .thm-btn i, .btn-chat i { color: #fff !important; }
.btn-one.btn-chat::before { display: none !important; }

/* White button variant */
.sa-btn--white, .sc-btn--white,
.btn-one[style*="background: #fff"], .btn-one[style*="background:#fff"] {
    background: #fff !important;
    color: var(--navy) !important;
    border: 1.5px solid var(--navy-border) !important;
    box-shadow: var(--shadow-sm) !important;
}
.sa-btn--white:hover, .sc-btn--white:hover { background: var(--navy-light) !important; color: var(--navy) !important; }

/* ---- Header — classic foundation bar ---- */
.sol-header { position: relative; z-index: 999; }

/* Ribbon */
.sol-header__ribbon,
.main-header-style1__top.sol-header__ribbon {
    background: linear-gradient(135deg, #051540 0%, var(--navy) 55%, #0a2472 100%) !important;
    border: 0 !important;
    padding: 0 !important;
}
.sol-header__ribbon-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 42px;
    padding: 6px 0;
}
.sol-header__ribbon-left {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    flex-wrap: wrap;
}
.sol-header__crest {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1.5px solid rgba(255,255,255,.35);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -.02em;
    flex-shrink: 0;
}
.sol-header__tagline {
    font-size: 12px;
    font-weight: 600;
    color: rgba(255,255,255,.82);
    letter-spacing: .02em;
    white-space: nowrap;
}
.sol-header__quick {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.sol-header__quick a {
    font-size: 12px;
    font-weight: 600;
    color: rgba(255,255,255,.72) !important;
    text-decoration: none;
    transition: color .2s;
}
.sol-header__quick a:hover { color: #fff !important; }
.sol-header__dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255,255,255,.35);
    flex-shrink: 0;
}
.sol-header__ribbon-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.sol-header__phone {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 12px;
    border-radius: 20px;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.18);
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s, border-color .2s;
}
.sol-header__phone:hover {
    background: rgba(255,255,255,.18);
    border-color: rgba(255,255,255,.35);
    color: #fff !important;
}
.sol-header__phone i { font-size: 11px; opacity: .9; }

.main-header-style1__top a,
.main-header-style1__top h5,
.main-header-style1__top li a { color: rgba(255,255,255,.88) !important; }
.main-header-style1__top a:hover { color: #fff !important; }

.sol-account a { color: rgba(255,255,255,.88) !important; font-size: 12px; font-weight: 600; text-decoration: none; }
.sol-account a.sol-pill {
    background: #fff;
    color: var(--navy) !important;
    padding: 6px 14px;
    border-radius: 20px;
    font-weight: 700;
    transition: transform .2s, box-shadow .2s;
}
.sol-account a.sol-pill:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(0,0,0,.15);
    color: var(--navy) !important;
}
.sol-account button {
    background: transparent;
    border: 1px solid rgba(255,255,255,.28);
    color: rgba(255,255,255,.88);
    border-radius: 20px;
    padding: 6px 13px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s;
}
.sol-account button:hover { background: rgba(255,255,255,.1); }

.sol-header__social ul { display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; }
.sol-header__social ul li a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.1) !important;
    border: 1px solid rgba(255,255,255,.2) !important;
    color: #fff !important;
    font-size: 12px;
    transition: background .2s, transform .2s;
}
.sol-header__social ul li a:hover {
    background: #fff !important;
    color: var(--navy) !important;
    transform: translateY(-2px);
}

/* Main nav bar */
.sol-header__nav,
.main-menu.main-menu-style1.sol-header__nav,
.sol-header__nav .main-menu__wrapper,
.stricky-header .main-menu__wrapper {
    background: #fff !important;
    box-shadow: 0 8px 32px rgba(7, 25, 82, .06) !important;
    border-bottom: 1px solid var(--navy-border);
    position: relative;
}
.sol-header__nav::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--navy) 0%, #c9a227 50%, var(--navy) 100%);
    opacity: .55;
}

.sol-header__bar,
.main-menu-style1 .main-menu__wrapper-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    flex-wrap: nowrap !important;
    padding: 10px 0 !important;
    overflow: visible !important;
}

/* Brand */
.sol-header__brand-wrap {
    flex: 0 0 auto !important;
    min-width: 0;
}
.sol-header__brand {
    display: inline-flex !important;
    align-items: center;
    gap: 14px;
    text-decoration: none !important;
    padding: 4px 0;
}
.sol-header__brand--logo {
    padding: 4px 0 !important;
    flex-shrink: 0;
}
.sol-header__logo-img {
    display: block;
    width: auto;
    height: auto;
    max-width: 168px;
    max-height: 54px;
    object-fit: contain;
    margin: 0 !important;
}
.sol-header__seal {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 2px solid var(--navy-border);
    background: var(--navy-light);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: inset 0 0 0 3px #fff;
    transition: border-color .25s, box-shadow .25s;
}
.sol-header__brand:hover .sol-header__seal {
    border-color: var(--navy);
    box-shadow: 0 4px 18px rgba(7,25,82,.12), inset 0 0 0 3px #fff;
}
.sol-header__seal img {
    width: 44px;
    height: auto;
    display: block;
    margin: 0 !important;
}
.sol-header__wordmark { display: flex; flex-direction: column; gap: 1px; }
.sol-header__name {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--navy);
    line-height: 1.15;
    letter-spacing: -.01em;
}
.sol-header__motto {
    font-size: 11px;
    font-weight: 600;
    color: var(--muted);
    letter-spacing: .14em;
    text-transform: uppercase;
}

/* Nav links — desktop only (never bleed into mobile header) */
.sol-header__menu-wrap--desktop { flex: 1; display: flex; justify-content: center; min-width: 0; }
.sol-header__tools {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    margin-left: auto;
    order: 99;
}
.sol-lang-bar {
    display: inline-flex;
    border: 1.5px solid var(--navy-border);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 10px rgba(7,25,82,.06);
}
.sol-lang-bar a {
    padding: 8px 11px;
    font-size: 12px;
    font-weight: 800;
    color: var(--navy);
    text-decoration: none !important;
    line-height: 1;
    transition: background .2s, color .2s;
}
.sol-lang-bar a.active {
    background: var(--navy);
    color: #fff !important;
}
.sol-lang-bar a:not(.active):hover {
    background: var(--navy-light);
}

@media (min-width: 1200px) {
    .sol-header__menu,
    .main-menu__list.sol-header__menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}
.sol-header__menu > li { margin: 0 !important; padding: 0 !important; white-space: nowrap; }
.sol-header__menu > li > a {
    color: var(--ink) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 10px 11px !important;
    position: relative;
    text-decoration: none;
    letter-spacing: .01em;
    transition: color .2s;
}
.sol-header__menu > li > a::before { display: none !important; content: none !important; }
.sol-header__menu > li > a:hover,
.sol-header__menu > li.current > a { color: var(--navy-hover) !important; }
.sol-header__menu > li > a::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: 11px !important;
    right: 11px !important;
    bottom: 4px !important;
    height: 2px !important;
    background: var(--navy) !important;
    border-radius: 2px !important;
    transform: scaleX(0) !important;
    transition: transform .25s ease !important;
    top: auto !important;
    align-items: unset !important;
}
.sol-header__menu > li > a:hover::after,
.sol-header__menu > li.current > a::after { transform: scaleX(1) !important; }

.main-menu__list > li > ul {
    background: #fff !important;
    box-shadow: var(--shadow) !important;
    border-radius: 12px !important;
    border: 1px solid var(--navy-border) !important;
    padding: 8px 0 !important;
    margin-top: 4px !important;
}
.main-menu__list > li > ul > li > a {
    color: var(--ink) !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
}
.main-menu__list > li > ul > li > a:hover { background: var(--navy-light) !important; color: var(--navy) !important; }

/* Chat CTA */
.sol-header__cta.btn-one.btn-chat {
    border-radius: 24px !important;
    padding: 11px 22px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .02em;
    box-shadow: 0 6px 20px rgba(7,25,82,.22) !important;
}
.sol-header__cta .txt { gap: 8px; }
.sol-header__cta-mobile {
    display: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--navy);
    color: #fff !important;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(7,25,82,.25);
}

/* Logo + magical hamburger */
.sol-header .logo-box-style1::before { display: none !important; }
.sol-header .logo-box-style1,
.sol-header .sol-header__brand--logo.logo-box-style1 {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 6px 0 !important;
}

.sol-magic-burger {
    display: none;
    position: relative;
    width: 52px;
    height: 52px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
    z-index: 1003;
    -webkit-tap-highlight-color: transparent;
}
.sol-magic-burger__orbit {
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    background: conic-gradient(from 0deg, transparent, rgba(7,25,82,.15), rgba(201,162,39,.45), rgba(7,25,82,.2), transparent);
    animation: solBurgerOrbit 5s linear infinite;
    opacity: .85;
}
.sol-magic-burger__ring {
    position: absolute;
    inset: 2px;
    border-radius: 50%;
    background: #fff;
    border: 1.5px solid var(--navy-border);
    box-shadow: 0 6px 22px rgba(7,25,82,.14);
    transition: box-shadow .35s ease, border-color .35s ease;
}
.sol-magic-burger__core {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.sol-magic-burger__line {
    display: block;
    height: 2px;
    background: var(--navy);
    border-radius: 2px;
    transition: transform .4s cubic-bezier(.68,-0.2,.32,1.2), width .35s ease, opacity .3s ease;
}
.sol-magic-burger__line:nth-child(1) { width: 20px; }
.sol-magic-burger__line:nth-child(2) { width: 14px; }
.sol-magic-burger__line:nth-child(3) { width: 18px; }
.sol-magic-burger:hover .sol-magic-burger__ring {
    border-color: var(--navy);
    box-shadow: 0 8px 28px rgba(7,25,82,.22);
}
.sol-magic-burger.is-active .sol-magic-burger__orbit {
    animation-duration: 2.2s;
    opacity: 1;
}
.sol-magic-burger.is-active .sol-magic-burger__ring {
    border-color: var(--navy);
    box-shadow: 0 0 0 4px rgba(7,25,82,.08), 0 10px 32px rgba(7,25,82,.25);
}
.sol-magic-burger.is-active .sol-magic-burger__line:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    width: 20px;
}
.sol-magic-burger.is-active .sol-magic-burger__line:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}
.sol-magic-burger.is-active .sol-magic-burger__line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    width: 20px;
}
@keyframes solBurgerOrbit {
    to { transform: rotate(360deg); }
}

/* Sticky clone */
.stricky-header .sol-header__bar { padding: 6px 0 !important; }
.stricky-header .sol-header__seal { width: 48px; height: 48px; }
.stricky-header .sol-header__seal img { width: 36px; }
.stricky-header .sol-header__name { font-size: 17px; }
.stricky-header .sol-header__motto { font-size: 10px; }
.stricky-header .sol-header__menu > li > a { font-size: 13px !important; padding: 8px 9px !important; }
.stricky-header .main-menu-style1-left { overflow: visible !important; padding-left: 0 !important; }
.stricky-header .sol-header__logo-img {
    max-width: 140px;
    max-height: 46px;
    margin: 0 !important;
}
.stricky-header .main-menu-style1-right { margin-left: auto !important; flex-shrink: 0 !important; }
@media (max-width: 1199px) {
    .stricky-header .sol-header__tools { display: flex !important; margin-left: auto !important; }
    .stricky-header .sol-magic-burger { display: inline-flex !important; }
    .stricky-header .sol-header__menu-wrap--desktop,
    .stricky-header .main-menu-style1-middle,
    .stricky-header .main-menu__list { display: none !important; }
}
@media (max-width: 767px) {
    .stricky-header .sol-header__actions { display: none !important; }
}

/* Responsive */
@media (max-width: 1199px) {
    .sol-header__quick { display: none; }
    .sol-header__menu > li > a { font-size: 13px !important; padding: 8px 8px !important; }
    .sol-header__name { font-size: 17px; }
}

@media (max-width: 1199px) {
    .sol-header__nav { position: relative; z-index: 1000; }
    .sol-header__tagline { display: none; }
    .sol-header__social { display: none; }
    .sol-header__ribbon-inner { min-height: 38px; }
    .sol-header__account a:not(.sol-pill) { display: none; }
    .sol-header__bar {
        flex-wrap: nowrap !important;
        gap: 10px !important;
        justify-content: flex-start !important;
    }
    .sol-header__brand-wrap { flex: 0 0 auto !important; min-width: 0 !important; }
    .sol-header__logo-img { max-width: 128px; max-height: 46px; }
    .sol-header__menu-wrap--desktop,
    .sol-header__menu-wrap,
    .main-menu-style1-middle.sol-header__menu-wrap--desktop {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }
    .sol-header__menu,
    .main-menu__list.sol-header__menu,
    .main-menu__list > li > ul {
        display: none !important;
        visibility: hidden !important;
    }
    .stricky-header .sol-header__menu-wrap--desktop,
    .stricky-header .main-menu-style1-middle,
    .stricky-header .main-menu__list {
        display: none !important;
        visibility: hidden !important;
    }
    .sol-header__tools {
        display: flex !important;
        margin-left: auto !important;
    }
    .sol-magic-burger {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }
    .sol-header__actions { display: none !important; }
    .sol-header__motto { display: none; }
    .sol-header__seal { width: 48px; height: 48px; }
    .sol-header__seal img { width: 36px; }
}

@media (max-width: 575px) {
    .sol-header__phone span { display: none; }
    .sol-header__phone { padding: 6px 10px; }
    .sol-header__name { font-size: 15px; max-width: 150px; line-height: 1.2; }
}

@media (min-width: 1200px) {
    .sol-magic-burger { display: none !important; }
    .sol-header__tools { display: flex !important; }
    .sol-header__cta.btn-desktop { display: inline-flex !important; }
}

/* ---- Homepage hero — full image + blur fill + glass veil ---- */
.sol-hero {
    position: relative;
    background: var(--navy);
    overflow: hidden;
}
.sol-hero__slide {
    position: relative;
    min-height: clamp(500px, 90vh, 960px);
}
.sol-hero__media {
    position: absolute;
    inset: 0;
    background: var(--navy);
    overflow: hidden;
}
.sol-hero__blur {
    position: absolute;
    inset: -32px;
    background-image: var(--hero-img);
    background-size: cover;
    background-position: center;
    filter: blur(20px);
    transform: scale(1.08);
    opacity: 0.38;
    z-index: 0;
}
.sol-hero__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    opacity: 0.92;
    z-index: 1;
}
.sol-hero__veil {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        120deg,
        rgba(7, 25, 82, 0.55) 0%,
        rgba(7, 25, 82, 0.22) 50%,
        rgba(7, 25, 82, 0.38) 100%
    );
    z-index: 2;
}
.sol-hero__container {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    min-height: clamp(500px, 90vh, 960px);
    padding-top: 140px;
    padding-bottom: 120px;
}
.sol-hero__glass {
    position: relative;
    max-width: 640px;
    padding: 40px 38px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 22px;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
}
.sol-hero__glass-deco {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 48px;
    height: 48px;
}
.sol-hero__glass .sub-title h5,
.sol-hero__glass .big-title h2,
.sol-hero__glass .text p { color: #fff !important; }
.sol-hero__glass .border-line { background: rgba(255,255,255,.65) !important; }
.sol-hero__wave {
    position: absolute;
    left: 0; right: 0; bottom: -1px;
    z-index: 20;
    line-height: 0;
    pointer-events: none;
}
.sol-hero__wave svg { display: block; width: 100%; height: 72px; }
.sol-hero__nav { z-index: 15; }
@media (max-width: 767px) {
    .sol-hero__container { padding-top: 110px; padding-bottom: 90px; }
    .sol-hero__glass { padding: 28px 22px; max-width: 100%; }
    .sol-hero__slide { min-height: clamp(440px, 78vh, 720px); }
    .sol-hero__container { min-height: clamp(440px, 78vh, 720px); }
}
.main-slider__nav .swiper-button-next,
.main-slider__nav .swiper-button-prev {
    background: var(--navy) !important;
    color: #fff !important;
    border: 1.5px solid rgba(255,255,255,.25) !important;
    box-shadow: 0 8px 22px rgba(7,25,82,.35) !important;
}
.main-slider__nav .swiper-button-next:hover,
.main-slider__nav .swiper-button-prev:hover {
    background: #fff !important;
    color: var(--navy) !important;
}
.main-slider .main-slider-content h2,
.main-slider .main-slider-content h5,
.main-slider .main-slider-content p { color: #fff !important; }
.main-slider .main-slider-content h2 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: clamp(30px, 4.5vw, 52px) !important;
    font-weight: 700 !important;
    letter-spacing: -.03em !important;
}
.main-slider .sub-title h5 { color: rgba(255,255,255,.9) !important; }

/* Hero buttons: navy primary + glass white secondary */
.main-slider .btn-box .btn-one:first-child:before,
.main-slider .btn-box .btn-one:first-child:after { display: none !important; }
.main-slider .btn-box .btn-one:first-child {
    background: var(--navy) !important;
    color: #fff !important;
    border-radius: 12px !important;
    padding: 14px 28px !important;
    line-height: 1.4 !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
}
.main-slider .btn-box .btn-one:first-child:hover {
    background: var(--navy-hover) !important;
    color: #fff !important;
    transform: translateY(-2px);
}
.main-slider .btn-box .btn-one.btn-one--white:before,
.main-slider .btn-box .btn-one.btn-one--white:after { display: none !important; }
.main-slider .btn-box .btn-one.btn-one--white {
    background: rgba(255,255,255,.14) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #fff !important;
    border: 1.5px solid rgba(255,255,255,.88) !important;
    border-radius: 12px !important;
    padding: 14px 28px !important;
    line-height: 1.4 !important;
    margin-left: 16px !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.14) !important;
}
.main-slider .btn-box .btn-one.btn-one--white .txt,
.main-slider .btn-box .btn-one.btn-one--white i { color: #fff !important; }
.main-slider .btn-box .btn-one.btn-one--white:hover {
    background: #fff !important;
    color: var(--navy) !important;
    border-color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
}
.main-slider .btn-box .btn-one.btn-one--white:hover .txt,
.main-slider .btn-box .btn-one.btn-one--white:hover i { color: var(--navy) !important; }
.main-slider .btn-box .btn-one i {
    background: transparent !important;
    color: inherit !important;
    width: auto !important;
    height: auto !important;
}
.main-slider .main-slider-content__inner { opacity: 1 !important; visibility: visible !important; transform: none !important; }
.main-slider .swiper-slide:first-child .main-slider-content .sub-title,
.main-slider .swiper-slide:first-child .main-slider-content .big-title,
.main-slider .swiper-slide:first-child .main-slider-content .text,
.main-slider .swiper-slide:first-child .main-slider-content .btn-box { opacity: 1; transform: none; }

/* ---- Section rhythm ---- */
section { padding-top: 80px; padding-bottom: 80px; }
section:not(.sol-hero):not(.main-slider):not(.sol-banner):not(.breadcrumb-style1):not(.sp-hero):not(.sp-navy-band):not(.sp-structure):not(.sp-team):not(.sp-ideas):not(.sp-form-section):not(.sc-hero):not(.sc-tree):not(.sc-arusha) {
    background: transparent;
}
.no-pad, section.main-slider { padding: 0 !important; }

/* ---- Sub-titles ---- */
.sub-title h4, .sub-title h5 {
    color: var(--navy-hover) !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: 13px !important;
}
.border-line, .sub-title .border-line { background: var(--navy) !important; }

/* ---- Cards ---- */
.sol-card, .single-event-box, .single-blog-style1,
.single-testimonial-style1, .event-card, .event-card-home {
    background: #fff !important;
    border: 1px solid var(--navy-border) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow-sm) !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
    overflow: hidden;
}
.sol-card:hover, .single-event-box:hover, .event-card:hover, .event-card-home:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow) !important;
}

/* ---- Member connections strip ---- */
.sol-connections__label { background: var(--navy) !important; }
.sol-connections__label h4 { color: #fff !important; }

/* ---- Jerome memorial ---- */
.jerome-memorial-section { background: var(--navy-light) !important; }
.jerome-memorial-section .animated-shapes,
.jerome-memorial-section .image-shine,
.jerome-memorial-section .floating-circle { display: none !important; }
.jerome-memorial-section h2, .jerome-memorial-section .memorial-name,
.jerome-memorial-section .memorial-dates { color: var(--ink) !important; }
.jerome-memorial-section .sub-title h4 { color: var(--navy-hover) !important; }
.flip-card-back, .flip-card-back h4, .flip-card-back p, .flip-card-back a { color: #fff !important; background: var(--navy) !important; }

/* ---- Header top icons: navy on light, visible on navy bar ---- */
.main-header-style1__top .box-search-style1 a {
    background: rgba(255,255,255,.14) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.28) !important;
}
.main-header-style1__top .box-search-style1 a:hover {
    background: #fff !important;
    color: var(--navy) !important;
}
.main-header-style1__top .header-social-link-style1 ul li a {
    background: rgba(255,255,255,.14) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.28) !important;
}
.main-header-style1__top .header-social-link-style1 ul li a:hover {
    background: #fff !important;
    color: var(--navy) !important;
}

/* ---- Footer ---- */
.footer-area, .sol-footer { background: var(--navy) !important; }
.sol-footer__art { opacity: 1; }
.footer-area .footer-widget-title, .sol-footer h3 { color: #fff !important; }
.footer-area .footer-widget-title::after, .sol-footer__col h3::after { background: rgba(255,255,255,.5) !important; }
.footer-links li a, .sol-footer a, .sol-footer p { color: rgba(255,255,255,.78) !important; }
.footer-links li a:hover, .sol-footer a:hover { color: #fff !important; }
.footer-area .shape-top, .footer-area .shape-bottom { display: none !important; }

/* ---- Page banner (component) — image + light navy veil ---- */
.sol-banner {
    position: relative;
    background: var(--navy) !important;
    padding: 120px 0 90px !important;
    overflow: hidden;
    isolation: isolate;
}
.sol-banner__blur {
    position: absolute;
    inset: -30px;
    background-image: var(--sol-hero-image);
    background-size: cover;
    background-position: center;
    filter: blur(22px);
    transform: scale(1.1);
    opacity: 0.5;
    z-index: 0;
}
.sol-banner__bg {
    position: absolute;
    inset: 0;
    background-image: var(--sol-hero-image);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
}
.sol-banner__veil {
    position: absolute;
    inset: 0;
    background: rgba(7, 25, 82, 0.42);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 2;
}
@media (max-width: 767px) {
    .sol-banner { padding: 88px 0 72px !important; min-height: 260px; }
}
.sol-banner__deco {
    position: absolute;
    top: 30px;
    right: 40px;
    width: 140px;
    height: 140px;
    z-index: 4;
    pointer-events: none;
}
.sol-banner .container { position: relative; z-index: 5; }
.sol-banner__inner { text-align: center; }
.sol-banner__title {
    color: #fff !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: clamp(30px, 4vw, 42px) !important;
    font-weight: 700 !important;
    letter-spacing: -.03em;
    margin: 0 0 18px;
}
.sol-banner__crumbs ul {
    list-style: none; margin: 0; padding: 0;
    display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px;
}
.sol-banner__crumbs li { font-size: 14px; font-weight: 600; }
.sol-banner__crumbs li.sep { color: rgba(255,255,255,.45); }
.sol-banner__crumbs a { color: rgba(255,255,255,.82) !important; text-decoration: none; }
.sol-banner__crumbs a:hover { color: #fff !important; }
.sol-banner__crumbs li.active { color: rgba(255,255,255,.65) !important; }
.sol-banner__wave {
    position: absolute; left: 0; right: 0; bottom: -1px; z-index: 4;
    line-height: 0; pointer-events: none;
}
.sol-banner__wave svg { display: block; width: 100%; height: 64px; }

/* ---- Legacy breadcrumb banner — image visible through navy veil ---- */
.breadcrumb-style1 {
    position: relative;
    padding: 110px 0 90px !important;
    overflow: hidden;
    isolation: isolate;
}
.breadcrumb-style1 .breadcrumb-style1-bg {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    z-index: 0;
}
.breadcrumb-style1 .breadcrumb-style1-bg:after {
    content: "";
    position: absolute;
    inset: -30px;
    background: inherit;
    background-size: cover !important;
    background-position: center !important;
    filter: blur(22px);
    transform: scale(1.1);
    opacity: 0.45;
    z-index: 0;
}
.breadcrumb-style1 .breadcrumb-style1-bg:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(7, 25, 82, .42);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 1;
}
.breadcrumb-style1 .shape-bottom,
.breadcrumb-style1__border-line-left,
.breadcrumb-style1__border-line-right { display: none !important; }
.breadcrumb-style1 .container { position: relative; z-index: 2; }
.breadcrumb-style1 .title h2 {
    color: #fff !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -.03em;
}
.breadcrumb-style1 .breadcrumb-menu li,
.breadcrumb-style1 .breadcrumb-menu li a { color: rgba(255,255,255,.8) !important; }
.breadcrumb-style1 .breadcrumb-menu li.active { color: rgba(255,255,255,.6) !important; }
.breadcrumb-style1:after {
    content: "";
    position: absolute; left: 0; right: 0; bottom: -1px; height: 56px; z-index: 3;
    background: #fff;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'><path d='M0,48 C240,80 480,80 720,56 C960,32 1200,16 1440,40 L1440,80 L0,80 Z' fill='%23000'/></svg>") bottom/100% 56px no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'><path d='M0,48 C240,80 480,80 720,56 C960,32 1200,16 1440,40 L1440,80 L0,80 Z' fill='%23000'/></svg>") bottom/100% 56px no-repeat;
}

/* ---- Navy hero blocks — keep navy + white text visible ---- */
.leadership-hero-section,
.constitution-hero-section,
.ideas-hero-section,
.contributions-hero-section,
.channel-hero-section {
    background: var(--navy) !important;
}
.leadership-hero-section h2, .leadership-hero-section h3, .leadership-hero-section h4,
.constitution-hero-section h2, .constitution-hero-section h3, .constitution-hero-section h4,
.ideas-hero-section h2, .ideas-hero-section h3, .ideas-hero-section h4,
.contributions-hero-section h2, .contributions-hero-section h3, .contributions-hero-section h4,
.channel-hero-section h1, .channel-hero-section h2, .channel-hero-section h4,
.contributions-hero-visual div,
.contributions-hero-visual span { color: #fff !important; }

/* White intro heroes only */
.events-hero-section,
.gallery-hero-section,
.meeting-hero-section,
.suspension-hero-section {
    background: #fff !important;
    padding: 70px 0 50px !important;
}
.events-hero-section .shape-overlay,
.gallery-hero-section .shape-overlay,
.meeting-hero-section .shape-overlay { display: none !important; }
.events-hero-section h2, .events-hero-section h4,
.gallery-hero-section h2, .gallery-hero-section h4,
.meeting-hero-section h2, .meeting-hero-section h4 { color: var(--ink) !important; }
.events-hero-section p, .gallery-hero-section p, .meeting-hero-section p { color: var(--body) !important; }
.events-hero-section .sub-title h4,
.gallery-hero-section .sub-title h4,
.meeting-hero-section .sub-title h4 { color: var(--navy-hover) !important; }
.events-hero-section .border-line,
.gallery-hero-section .border-line { background: var(--navy) !important; }

/* Section titles on white backgrounds */
.contributions-content-section .sec-title h2,
.contributions-content-section .sec-title h4,
.contributions-content-section .sec-title p,
.constitution-content-section .sec-title h2,
.constitution-content-section .sec-title h4,
.constitution-content-section .sec-title p { color: var(--ink) !important; }
.contributions-content-section .sec-title p,
.constitution-content-section .sec-title p { color: var(--body) !important; }

/* Stats boxes inside white hero intros */
.events-hero-stats > div,
.leadership-hero-visual > div {
    background: var(--navy-light) !important;
    border: 1px solid var(--navy-border) !important;
    backdrop-filter: none !important;
}
.events-hero-stats div[style*="font-size: 56px"],
.leadership-hero-visual div[style*="font-size: 42px"],
.leadership-hero-visual div[style*="font-size: 120px"] { color: var(--navy) !important; }
.events-hero-stats div[style*="font-size: 16px"],
.leadership-hero-visual div[style*="font-size: 13px"] { color: var(--body) !important; }
.leadership-hero-visual div[style*="font-size: 120px"] { color: var(--navy-border) !important; }
.events-hero-stats > div > div > div[style*="rgba(255,255,255"] {
    background: #fff !important;
    border: 1px solid var(--navy-border) !important;
}

/* ---- News page: white background ---- */
.news-section { background: #fff !important; padding: 80px 0 !important; }
.news-section .bg-animation { display: none !important; }
.news-section > .container > .text-center h1 { color: var(--ink) !important; text-shadow: none !important; }
.news-section > .container > .text-center p { color: var(--body) !important; }
.news-section .mb-4[style*="rgba(255,255,255"] {
    background: var(--navy-light) !important;
    border: 1px solid var(--navy-border) !important;
    backdrop-filter: none !important;
}
.news-section .col-xl-4 h4, .news-section .col-xl-4 h5, .news-section .col-xl-4 h6,
.news-section .col-lg-4 h4, .news-section .col-lg-4 h5, .news-section .col-lg-4 h6 { color: var(--ink) !important; }
.news-section .col-xl-4 p, .news-section .col-lg-4 p { color: var(--body) !important; }
.news-section .col-xl-4 [style*="rgba(255,255,255,0.15)"] {
    background: var(--navy-light) !important;
    border: 1px solid var(--navy-border) !important;
    backdrop-filter: none !important;
}
.news-section .col-xl-4 h4[style], .news-section .col-xl-4 h5[style],
.news-section .col-xl-4 h6[style], .news-section .col-xl-4 span[style],
.news-section .col-xl-4 i[style] { color: var(--ink) !important; }
.news-section .col-xl-4 i.fas { color: var(--navy) !important; }
.news-section #loadMoreBtn {
    background: var(--navy) !important;
    color: #fff !important;
    border: none !important;
}

/* ---- Navy surfaces: white text (targeted, no wildcards) ---- */
.sol-connections__label, .sol-connections__label h4 { color: #fff !important; }
.main-header-style1__top, .main-header-style1__top * { color: rgba(255,255,255,.88); }
.main-header-style1__top a.sol-pill { color: var(--navy) !important; }
.sol-footer, .sol-footer__main, .sol-footer__bottom { color: rgba(255,255,255,.8); }
.sol-footer h3, .sol-footer__logo span { color: #fff !important; }
.sa-stats, .sa-stats h2, .sa-stats .sa-lbl { color: rgba(255,255,255,.9) !important; }
.sa-stats .sa-num { color: #fff !important; }
.sa-cta-inner, .sa-cta-inner h2, .sa-cta-inner p { color: #fff !important; }
.sa-card--accent, .sa-card--accent h4, .sa-card--accent p { color: #fff !important; }
.sc-info, .sc-info h3, .sc-info p, .sc-info a { color: #fff !important; }
.events-cta-section, .events-cta-section h2, .events-cta-section p { color: #fff !important; background: var(--navy) !important; }

/* Navy event card headers */
div[style*="background: #071952"], div[style*="background:#071952"] {
    color: #fff !important;
}
div[style*="background: #071952"] h1, div[style*="background: #071952"] h2,
div[style*="background: #071952"] h3, div[style*="background: #071952"] h4,
div[style*="background: #071952"] h5, div[style*="background: #071952"] p,
div[style*="background: #071952"] span, div[style*="background: #071952"] i,
div[style*="background: #071952"] div,
div[style*="background:#071952"] h1, div[style*="background:#071952"] h2,
div[style*="background:#071952"] h3, div[style*="background:#071952"] h4,
div[style*="background:#071952"] h5, div[style*="background:#071952"] p,
div[style*="background:#071952"] span, div[style*="background:#071952"] i,
div[style*="background:#071952"] div { color: #fff !important; }

/* Navy buttons inline */
a[style*="background: #071952"], a[style*="background:#071952"],
button[style*="background: #071952"], button[style*="background:#071952"],
span[style*="background: #071952"], span[style*="background:#071952"] { color: #fff !important; }

/* ---- Finances-style1 dark sections → white ---- */
.finances-style1 { background: #fff !important; }
.finances-style1 .finances-style1__bg { background: #fff !important; opacity: 0 !important; display: none !important; }
.finances-style1 .finances-style1__bg:before { display: none !important; }
.finances-style1:before, .finances-style1:after,
.finances-style1__shape1, .finances-style1__shape2 { display: none !important; }
.finances-style1 .sec-title h2, .finances-style1 .sec-title p,
.finances-style1 .sub-title h4 { color: var(--ink) !important; }

/* ---- Testimonial quote icon ---- */
.testimonial-style1-box__quote-icon { background: var(--navy-light) !important; border-color: #fff !important; }
.testimonial-style1-box__quote-icon span { color: var(--navy) !important; }

/* ---- Forms ---- */
input:focus, select:focus, textarea:focus {
    border-color: var(--navy) !important;
    box-shadow: 0 0 0 3px rgba(7, 25, 82, .12) !important;
    outline: 0 !important;
}

/* ---- Carousel ---- */
.owl-nav button, .owl-theme .owl-nav [class*="owl-"] {
    background: var(--navy-light) !important;
    color: var(--navy) !important;
}
.owl-nav button:hover, .owl-theme .owl-nav [class*="owl-"]:hover {
    background: var(--navy) !important;
    color: #fff !important;
}
.owl-dots .owl-dot.active span { background: var(--navy) !important; }

/* ---- Scrollbar ---- */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-thumb { background: var(--navy); border-radius: 8px; }
::-webkit-scrollbar-track { background: var(--navy-light); }

/* ---- Magical full-screen mobile navigation (auth-style blur) ---- */
body.sol-menu-open { overflow: hidden !important; touch-action: none; }

.sol-magic-nav {
    position: fixed;
    inset: 0;
    z-index: 99990;
    visibility: hidden;
    pointer-events: none;
    transition: visibility .45s ease;
}
.sol-magic-nav.is-open {
    visibility: visible;
    pointer-events: auto;
}

.sol-magic-nav__scene {
    position: absolute;
    inset: 0;
    cursor: pointer;
}
.sol-magic-nav__blur {
    position: absolute;
    inset: -40px;
    background-image: var(--menu-bg);
    background-size: cover;
    background-position: center;
    filter: blur(26px);
    transform: scale(1.08);
    opacity: .5;
}
.sol-magic-nav__veil {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        145deg,
        rgba(4, 16, 46, .88) 0%,
        rgba(7, 25, 82, .72) 42%,
        rgba(7, 25, 82, .82) 100%
    );
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
.sol-magic-nav.is-open .sol-magic-nav__blur {
    animation: solMenuBgIn 1.1s ease both;
}
@keyframes solMenuBgIn {
    from { opacity: 0; transform: scale(1.14); }
    to { opacity: .5; transform: scale(1.08); }
}

.sol-magic-nav__panel {
    position: relative;
    z-index: 2;
    height: 100%;
    max-width: 520px;
    margin: 0 auto;
    padding: max(18px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    gap: 18px;
    transform: translateY(24px) scale(.97);
    opacity: 0;
    transition: transform .55s cubic-bezier(.22,1,.36,1), opacity .45s ease;
}
.sol-magic-nav.is-open .sol-magic-nav__panel {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.sol-magic-nav__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.sol-magic-nav__brand {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
    color: #fff;
}
.sol-magic-nav__seal {
    width: 50px; height: 50px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.28);
    background: rgba(255,255,255,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.sol-magic-nav__seal img { width: 36px; height: auto; }
.sol-magic-nav__brand strong {
    display: block;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
}
.sol-magic-nav__brand small {
    display: block;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
    margin-top: 2px;
}

.sol-magic-nav__close {
    width: 44px; height: 44px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
    transition: background .25s, transform .25s;
}
.sol-magic-nav__close span {
    position: absolute;
    left: 50%; top: 50%;
    width: 18px; height: 2px;
    background: #fff;
    border-radius: 2px;
    margin-left: -9px;
    margin-top: -1px;
}
.sol-magic-nav__close span:first-child { transform: rotate(45deg); }
.sol-magic-nav__close span:last-child { transform: rotate(-45deg); }
.sol-magic-nav__close:hover { background: rgba(255,255,255,.2); transform: rotate(90deg); }

.sol-magic-nav__glass {
    padding: 18px 16px;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 22px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 24px 60px rgba(0,0,0,.18);
}

.sol-magic-nav__list { display: flex; flex-direction: column; gap: 4px; }
.sol-magic-nav__link {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 10px;
    color: rgba(255,255,255,.94) !important;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none !important;
    border-radius: 12px;
    transition: background .25s, transform .25s, padding-left .25s;
    opacity: 0;
    transform: translateX(-12px);
}
.sol-magic-nav.is-open .sol-magic-nav__link {
    animation: solNavLinkIn .5s cubic-bezier(.22,1,.36,1) forwards;
}
.sol-magic-nav.is-open .sol-magic-nav__list > *:nth-child(1) .sol-magic-nav__link,
.sol-magic-nav.is-open .sol-magic-nav__list > *:nth-child(1) > .sol-magic-nav__link { animation-delay: .06s; }
.sol-magic-nav.is-open .sol-magic-nav__list > *:nth-child(2) .sol-magic-nav__link,
.sol-magic-nav.is-open .sol-magic-nav__list > *:nth-child(2) > summary { animation-delay: .1s; }
.sol-magic-nav.is-open .sol-magic-nav__list > *:nth-child(3) .sol-magic-nav__link { animation-delay: .14s; }
.sol-magic-nav.is-open .sol-magic-nav__list > *:nth-child(4) .sol-magic-nav__link,
.sol-magic-nav.is-open .sol-magic-nav__list > *:nth-child(4) > summary { animation-delay: .18s; }
.sol-magic-nav.is-open .sol-magic-nav__list > *:nth-child(5) .sol-magic-nav__link { animation-delay: .22s; }
.sol-magic-nav.is-open .sol-magic-nav__list > *:nth-child(6) .sol-magic-nav__link,
.sol-magic-nav.is-open .sol-magic-nav__list > *:nth-child(6) > summary { animation-delay: .26s; }
.sol-magic-nav.is-open .sol-magic-nav__list > *:nth-child(7) .sol-magic-nav__link { animation-delay: .3s; }
.sol-magic-nav.is-open .sol-magic-nav__list > *:nth-child(8) .sol-magic-nav__link { animation-delay: .34s; }
.sol-magic-nav.is-open .sol-magic-nav__list > *:nth-child(9) .sol-magic-nav__link { animation-delay: .38s; }
@keyframes solNavLinkIn {
    to { opacity: 1; transform: translateX(0); }
}
.sol-magic-nav__link span {
    font-size: 11px;
    font-weight: 800;
    color: rgba(232,213,160,.85);
    min-width: 22px;
    letter-spacing: .06em;
}
.sol-magic-nav__link:hover {
    background: rgba(255,255,255,.1);
    padding-left: 16px;
    color: #fff !important;
}

.sol-magic-nav__group { border-radius: 12px; }
.sol-magic-nav__group summary {
    list-style: none;
    cursor: pointer;
    opacity: 0;
    transform: translateX(-12px);
}
.sol-magic-nav.is-open .sol-magic-nav__group > summary {
    animation: solNavLinkIn .5s cubic-bezier(.22,1,.36,1) forwards;
}
.sol-magic-nav__group summary::-webkit-details-marker { display: none; }
.sol-magic-nav__link--sum::after {
    content: '+';
    margin-left: auto;
    font-size: 18px;
    font-weight: 400;
    color: rgba(255,255,255,.5);
    transition: transform .3s;
}
.sol-magic-nav__group[open] .sol-magic-nav__link--sum::after {
    transform: rotate(45deg);
    color: #e8d5a0;
}
.sol-magic-nav__sub {
    padding: 4px 0 8px 36px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.sol-magic-nav__sub a {
    padding: 10px 12px;
    color: rgba(255,255,255,.78) !important;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;
    border-radius: 8px;
    transition: background .2s, color .2s;
}
.sol-magic-nav__sub a:hover {
    background: rgba(255,255,255,.08);
    color: #fff !important;
}

.sol-magic-nav__foot {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: auto;
    padding-top: 8px;
}
.sol-magic-nav__auth {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.sol-magic-nav__auth form { flex: 1; min-width: 42%; }
.sol-magic-nav__pill {
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    border: none;
    cursor: pointer;
    background: #fff;
    color: var(--navy) !important;
    transition: transform .2s, box-shadow .2s;
}
.sol-magic-nav__pill--ghost {
    background: transparent !important;
    color: #fff !important;
    border: 1.5px solid rgba(255,255,255,.35) !important;
}
.sol-magic-nav__pill:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,.2);
}
.sol-magic-nav__chat {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px;
    border-radius: 14px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.28);
    color: #fff !important;
    font-weight: 700;
    text-decoration: none !important;
    backdrop-filter: blur(8px);
    transition: background .25s, transform .2s;
}
.sol-magic-nav__chat:hover {
    background: rgba(255,255,255,.2);
    color: #fff !important;
    transform: translateY(-1px);
}
.sol-magic-nav__phone {
    text-align: center;
    color: rgba(255,255,255,.7) !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
}
.sol-magic-nav__phone:hover { color: #fff !important; }

@media (max-width: 380px) {
    .sol-magic-burger { width: 48px; height: 48px; }
    .sol-lang-bar a { padding: 7px 9px; font-size: 11px; }
    .sol-header__mobile-tools { gap: 8px; }
    .sol-magic-nav__panel { padding-left: 16px; padding-right: 16px; }
    .sol-magic-nav__link { font-size: 15px; padding: 12px 8px; }
}

/* ---- Stray accent neutralisation ---- */
[style*="255,215,0"] { background: var(--navy) !important; color: #fff !important; }
[style*="0,210,122"] { background: var(--navy) !important; color: #fff !important; }