/**
 * LuxaLife visual identity v0.13 - shared premium storefront surfaces.
 * The header's editable dimensions, logo variants and colour modes remain intact.
 */
.site-header {
    font-size: .92rem;
    box-shadow: 0 6px 28px rgb(30 25 18 / .035);
    border-bottom-color: #e8dfcf;
}
.site-header__inner { gap: clamp(.65rem, 2.4vw, 2rem); }
.site-branding { letter-spacing: .01em; }
.site-header .site-navigation > .luxalife-nav-list { gap: clamp(.85rem, 1.7vw, 1.75rem); }
.site-navigation .luxalife-nav-list a {
    font-weight: 600;
    letter-spacing: .005em;
    transition: color .15s ease;
}
.site-header .site-navigation .luxalife-nav-list > li.current-menu-item > a,
.site-header .site-navigation .luxalife-nav-list > li.current-menu-ancestor > a {
    color: var(--luxa-section-accent);
}
.site-header .site-navigation .sub-menu {
    padding: .65rem 1.1rem;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 18px 45px rgb(26 24 21 / .1);
}
.site-header__actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
}
.site-header__icon-link {
    width: 41px;
    height: 41px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    color: var(--luxa-section-text);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.site-header__icon-link:hover,
.site-header__icon-link:focus-visible {
    color: var(--luxa-section-text);
    border-color: var(--luxa-section-border);
    background: rgb(190 156 89 / .09);
}
.site-header__cart {
    color: #1c1b19;
    background: #cbaa64;
    border-color: #cbaa64;
}
.site-header__cart:hover,
.site-header__cart:focus-visible {
    color: #1c1b19;
    background: #dec27f;
    border-color: #dec27f;
}
.site-header__search { position: relative; }
.site-header__search > summary { list-style: none; }
.site-header__search > summary::-webkit-details-marker { display: none; }
.site-header__search-form {
    position: absolute;
    right: -95px;
    top: calc(100% + 16px);
    z-index: 200;
    width: min(360px, calc(100vw - 32px));
    padding: 1.1rem;
    border: 1px solid #e7dece;
    border-radius: 12px;
    background: #fffdfa;
    color: #252421;
    box-shadow: 0 20px 55px rgb(27 23 18 / .15);
}
.site-header__search-form label { display: block; margin-bottom: .55rem; font-size: .85rem; font-weight: 700; }
.site-header__search-row { display: flex; gap: .5rem; }
.site-header__search-row input {
    min-width: 0;
    flex: 1;
    border: 1px solid #e2d9c8;
    border-radius: 6px;
    padding: .65rem;
    font: inherit;
    color: #242320;
    background: white;
}
.site-header__search-row button {
    border: 0;
    border-radius: 6px;
    background: #222220;
    color: white;
    font: inherit;
    font-weight: 700;
    padding: .5rem .85rem;
    cursor: pointer;
}
.site-header__search-row button:hover { background: #3b3934; }

/* The optional announcement bar can evoke LuxaLife gold without overriding Dark mode. */
.site-header.luxalife-mode-light .site-topbar.luxalife-mode-inherit,
.site-header .site-topbar.luxalife-mode-light {
    background: #cfaf67;
    color: #1e1d1b;
    --luxa-section-text: #1e1d1b;
    --luxa-section-accent: #1e1d1b;
    border-bottom-color: #c5a45d;
}
.site-header .site-topbar a {
    font-weight: 650;
    letter-spacing: .015em;
    text-decoration: none;
}
.site-header .site-topbar a:hover { text-decoration: underline; }
.site-header.luxalife-mode-light .site-secondary-nav.luxalife-mode-inherit,
.site-header .site-secondary-nav.luxalife-mode-light {
    background: #f9f6ee;
    border-bottom-color: #e8deca;
}
.site-header .site-secondary-nav a { font-weight: 650; }

/* Subtle matching footer details; original Light/Dark Customizer is respected. */
.site-footer__heading { letter-spacing: .045em; text-transform: uppercase; }
.site-footer__heading::after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    margin-top: .7rem;
    background: #cbaa64;
    opacity: .9;
}
.site-footer__bottom { border-top-color: var(--luxa-section-border); }

@media (max-width: 1000px) {
    .site-header .site-navigation > .luxalife-nav-list { gap: .85rem; }
    .site-header__actions { gap: .15rem; }
}
@media (max-width: 780px) {
    .site-header__inner { gap: 0 8px; }
    .site-branding { order: 1; }
    .site-header__actions { order: 2; }
    .site-menu-toggle { order: 3; margin-left: 0; }
    .site-navigation { order: 4; }
    .site-header__search, .site-header__account { display: none; }
    .site-header__cart { width: 40px; height: 40px; }
    .site-menu-toggle { border-radius: 7px; font-weight: 600; }
    .site-header .site-navigation .luxalife-nav-list a { font-size: .96rem; }
}
@media (prefers-reduced-motion: reduce) {
    .site-header__icon-link, .site-navigation .luxalife-nav-list a { transition: none; }
}