:root {
    --shell-accent: #0056FF;
    --shell-accent-2: #2277FF;
    --shell-ink: #000000;
    --shell-muted: rgba(0,0,0,.58);
    --shell-line: #E3E7FC;
}

body.home-light-theme .top--head-area,
body.home-light-theme .wrapper > header,
body.home-light-theme .wrapper > header .header { background: #fff !important; }

/* Keep the inner navigation row inside the full-width header surface. */
@media (min-width: 992px) {
    body.home-light-theme .wrapper > header .header { transform: none !important; }
}
body.home-light-theme .top--head .item,
body.home-light-theme .wrapper > header .navbar .nav-link { color: var(--shell-ink) !important; }
body.home-light-theme .top--head .item > i,
body.home-light-theme .wrapper > header .navbar .nav-link > i,
body.home-light-theme .wrapper > header .navbar .nav-link::after { color: var(--shell-muted) !important; }
body.home-light-theme .wrapper > header .navbar .nav-link:hover,
body.home-light-theme .wrapper > header .navbar li.active > .nav-link { color: var(--shell-accent) !important; }
body.home-light-theme .wrapper > header .navbar .nav-link:hover::before,
body.home-light-theme .wrapper > header .navbar li.active > .nav-link::before { background: var(--shell-accent) !important; }
body.home-light-theme .wrapper > header .navbar--action .butto-login { color: #FFFFFF !important; background: linear-gradient(135deg,var(--shell-accent),var(--shell-accent-2)) !important; border-color: var(--shell-accent) !important; }
body.home-light-theme .mobile-navbar-button .line { background: var(--shell-accent) !important; }
body.home-light-theme .menu--control .control--area { background: #FFFFFF !important; }
body.home-light-theme .menu--control .top-side,
body.home-light-theme .menu--control .content--navbar .nav-link { background: #fff !important; border-color: var(--shell-line) !important; color: var(--shell-ink) !important; }
body.home-light-theme .menu--control .content--navbar .nav-link .icon { color: var(--shell-accent) !important; background: rgba(34,119,255,.10) !important; border-color: rgba(34,119,255,.18) !important; }
body.home-light-theme .menu--control .top-side .close { color:#fff !important; background:var(--shell-accent) !important; border-color:var(--shell-accent) !important; box-shadow:0 8px 20px rgba(0,86,255,.22) !important; }
body.home-light-theme .menu--control .top-side .close i,
body.home-light-theme .menu--control .top-side .close svg { color:#fff !important; stroke:#fff !important; }
body.home-light-theme .bottom--menu .bottom--content { background: #fff !important; border-color: var(--shell-line) !important; }
body.home-light-theme .bottom-content-nav .bm-item,
body.home-light-theme .bottom-content-nav .bm-item .icon,
body.home-light-theme .bottom-content-nav .bm-item .text { color: var(--shell-muted) !important; }
body.home-light-theme .bottom-content-nav .bm-item-center::before { background: #fff !important; border-color: var(--shell-line) !important; }
body.home-light-theme .bottom-content-nav .bm-item-center .icon,
body.home-light-theme .bottom-content-nav .bm-item-center .icon i { color: #fff !important; background: #25d366 !important; -webkit-text-fill-color: #fff !important; }
body.home-light-theme .bottom-content-nav .bm-item-center .icon { box-shadow:0 9px 22px rgba(37,211,102,.28) !important; }
body.home-light-theme .bottom-content-nav .bm-item-center:hover .icon,
body.home-light-theme .bottom-content-nav .bm-item-center:hover .icon i { background:#1ebe5d !important; }
body.home-light-theme .bottom-content-nav .bm-item-center .text { color: rgba(0,0,0,.66) !important; }
body.home-light-theme .ss-footer-kicker,
body.home-light-theme .ss-footer-reg strong,
body.home-light-theme .ss-footer-col a:hover,
body.home-light-theme .ss-footer-col-title i { color: var(--shell-accent) !important; }
body.home-light-theme .ss-footer-monogram { color: #fff !important; background: linear-gradient(135deg,var(--shell-accent),var(--shell-accent-2)) !important; }
/* Royal-blue header action and white footer location mark. */
body.home-light-theme .wrapper > header .navbar-action-area .navbar--action .nav-user-action .butto-login,
body.home-light-theme .wrapper > header .navbar-action-area .navbar--action .nav-user-action .butto-login:hover,
body.home-light-theme .wrapper > header .navbar-action-area .navbar--action .nav-user-action .butto-login:focus-visible { color:#FFFFFF !important; background:linear-gradient(135deg,#0056FF,#2277FF) !important; border-color:#0056FF !important; box-shadow:0 12px 28px rgba(0,86,255,.24) !important; }
body.home-light-theme .wrapper > header .navbar-action-area .butto-login :is(span,i),
body.home-light-theme .ss-footer-company .ss-footer-monogram i { color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; }
@media (max-width:1024px) {
    body.home-light-theme { padding-bottom:82px; }
    body.home-light-theme .bottom--menu { display:block !important; }
    body.home-light-theme .bottom-content-nav { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; }
}
@media (min-width:1025px) { body.home-light-theme .bottom--menu { display:none !important; } }

/* Keep the shared chrome consistent on home, platform and category pages. */
body.home-light-theme .top--head-area { background:#fff !important; border-bottom:1px solid #E5E8FB !important; }
body.home-light-theme .top--head-area .item,
body.home-light-theme .top--head-area .item.item-action { color:#20242d !important; }
body.home-light-theme .top--head-area .item i { color:#7b8794 !important; }
body.home-light-theme .ss-footer { background:#1e2029 !important; color:#fff !important; }
body.home-light-theme .ss-footer::before { display:none !important; }
body.home-light-theme .ss-footer :is(.ss-footer-brand h2,.ss-footer-col-title,.ss-footer-company-top b,.ss-footer-contact b) { color:#fff !important; }
body.home-light-theme .ss-footer :is(.ss-footer-brand p,.ss-footer-col a,.ss-footer-company p,.ss-footer-company-top small,.ss-footer-contact small,.ss-footer-bottom) { color:#aeb4c0 !important; }
body.home-light-theme .ss-footer :is(.ss-footer-company,.ss-footer-contact) { background:#1e2029 !important; box-shadow:none !important; }
