/* Shared language and appearance controls; the default palette stays intact. */
.site-preferences{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-shrink:0;margin-left:auto}
.language-control{display:flex;align-items:center;padding:3px;gap:1px;border:1px solid rgba(16,43,41,.2);border-radius:24px;background:rgba(255,250,240,.65);backdrop-filter:blur(14px)}
.language-control button,.theme-control{border:0;cursor:pointer;display:grid;place-items:center;min-width:32px;min-height:32px;padding:6px 8px;font:600 11px/1 var(--body);border-radius:50%;color:var(--pine);background:transparent}
.language-control button{border-radius:20px}
.language-control button[aria-pressed=true]{color:#fffaf0;background:#102b29}
.theme-control{border:1px solid rgba(16,43,41,.2);background:rgba(255,250,240,.65);backdrop-filter:blur(14px);width:39px;height:39px}
.theme-control svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.site-preferences button:hover{box-shadow:0 0 0 2px rgba(229,109,71,.25)}
.site-preferences button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.preference-status{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.site-header:has(.site-preferences){gap:18px}
@media(min-width:761px) and (max-width:1100px){.site-header:has(.site-preferences){padding-inline:22px;gap:12px}.site-header:has(.site-preferences) nav{gap:16px}.site-header:has(.site-preferences) .brand{min-width:175px}.site-header:has(.site-preferences) .header-cta{display:none}}
@media(max-width:760px){
 .site-header:has(.site-preferences){gap:10px;flex-wrap:wrap;height:auto;min-height:76px;padding-block:10px}
 .site-header:has(.site-preferences) .brand{min-width:0;flex:1}
 .site-header:has(.site-preferences) .brand strong{font-size:13px}
 .site-header:has(.site-preferences) .brand small{font-size:7px;letter-spacing:.08em}
 .site-preferences{order:2;margin-left:0;gap:5px}
 .site-header:has(.site-preferences) .mobile-menu-toggle{order:3;padding:5px;min-width:36px;min-height:38px}
 .site-header:has(.site-preferences) .mobile-menu-toggle span{display:none}
 .contact-page .site-header:has(.site-preferences) .header-link{order:4;flex-basis:100%;justify-content:flex-end;min-height:26px;font-size:9px}
 .language-control button{min-width:29px;min-height:32px;padding:6px;font-size:10px}
 .theme-control{width:37px;height:38px}
}
html[data-theme=night]{color-scheme:dark;--ink:#edf1e9;--muted:#acbdb5;--line:rgba(211,231,219,.18);--action:#f09975;--night-surface:rgba(18,40,39,.75);--night-text:#edf1e9}
html[data-theme=night] body{background:radial-gradient(ellipse at 88% 12%,rgba(81,122,128,.18),transparent 34%),radial-gradient(ellipse at 8% 52%,rgba(75,114,104,.15),transparent 38%),linear-gradient(135deg,#091b1e,#132a2a 50%,#1c302c);background-attachment:fixed;color:var(--night-text)}
html[data-theme=night] .site-header{background:linear-gradient(rgba(8,25,27,.76),rgba(8,25,27,.76)),url('assets/header-panorama.jpg') center 50%/cover no-repeat;border-bottom-color:var(--line);color:var(--night-text)}
html[data-theme=night] .language-control,html[data-theme=night] .theme-control{background:rgba(18,40,39,.8);border-color:rgba(231,243,233,.26);color:var(--night-text)}
html[data-theme=night] .language-control button{color:var(--night-text)}
html[data-theme=night] .language-control button[aria-pressed=true]{background:var(--gold);color:#102b29}
html[data-theme=night] :is(.collection-intro,.landscape-section,.vinyl-section){background:transparent;color:var(--night-text)}
html[data-theme=night] :is(.collection-links a,.catalog-carousel-track>.species-card,.catalog-carousel-track>.landscape-card,.catalog-carousel-track>.vinyl-card){background:linear-gradient(145deg,rgba(131,169,163,.12),rgba(24,46,43,.42));border-color:rgba(234,250,240,.25);box-shadow:inset 0 1px rgba(255,255,255,.12),0 12px 32px rgba(0,0,0,.12);color:var(--night-text)}
html[data-theme=night] :is(.species-info,.landscape-text,.vinyl-trigger,.collection-links strong,.section-heading h2,.vinyl-heading h2,.product-price,.landscape-card .product-price,.vinyl-card .product-price){color:var(--night-text)}
html[data-theme=night] :is(.card-actions button:last-child,.vehicle-preview-button,.filter-button,.carousel-controls button){color:var(--night-text);border-color:var(--line)}
html[data-theme=night] :is(.filter-button.is-active,.filter-button:hover){background:var(--gold);color:#102b29}
html[data-theme=night] .add-to-cart{background:#d8e6dc;color:#102b29}
html[data-theme=night] :is(.hero-shade){background:linear-gradient(90deg,#061619f2,#091e22d9 42%,#102b297d),linear-gradient(0deg,#061619bd,transparent 65%)}
html[data-theme=night] :is(.detail-dialog,.detail-content,.application-copy,.cart-dialog,.spyke-panel,.contact-form,.checkout-summary,.contact-draft,.order-summary){background:var(--night-surface);color:var(--night-text);border-color:var(--line)}
html[data-theme=night] :is(.detail-heading h2,.detail-facts strong,.distribution-title h3,.trekking-heading h3,.trekking-name,.trekking-access>strong,.application-copy h2,.cart-header h2,.cart-empty h3,.cart-item-info h3,.cart-total,.spyke-story p,.spyke-message a,.spyke-message button,.spyke-prompts button,.contact-intro h1,.contact-form h2,.checkout-heading h1,.checkout-section h2,.checkout-summary h2,.checkout-item strong,.checkout-totals>strong,.delivery-options b,.payment-option strong,.request-receipt h3,.request-receipt>strong,.request-receipt p,.request-receipt a,.checkout-edit,.checkout-help a){color:var(--night-text)}
html[data-theme=night] :is(.cart-close,.cart-item-end button,.cart-clear,.cart-continue,.cart-empty button,.dialog-close,.trekking-choices button,.detail-application,.vehicle-choices button,.vehicle-gallery-controls>button){background:#203b38;color:var(--night-text);border-color:var(--line)}
html[data-theme=night] :is(.trekking-choices .is-active,.vehicle-choices .is-active){background:var(--gold);color:#102b29}
html[data-theme=night] :is(.distribution-panel,.distribution-map,.trekking-stats>div,.trekking-access,.checkout-delivery-note,.checkout-payment-note,.request-receipt,.spyke-message:not(.spyke-message--user)){background:rgba(142,186,177,.09);color:var(--night-text);border-color:var(--line)}
html[data-theme=night] :is(.form-field input:not([type=file]),.form-field textarea,.form-field select,.spyke-form input,.cart-quantity input,.contact-draft textarea){background:#102b2c;color:var(--night-text);border-color:rgba(212,234,222,.3)}
html[data-theme=night] input::placeholder,html[data-theme=night] textarea::placeholder{color:#a1b5ad;opacity:1}
html[data-theme=night] :is(.checkout-steps,.delivery-options label,.payment-option,.upload-box){color:var(--night-text);border-color:var(--line)}
html[data-theme=night] :is(.contact-coordinate,.contact-email,.form-status--notice){color:var(--night-text)}
html[data-theme=night] :is(.form-field,.form-label,.contact-coordinate strong,.cart-item-end strong,.vinyl-photo-panel h3){color:var(--night-text)}
html[data-theme=night] .vinyl-photo-panel{background:rgba(142,186,177,.09);border-color:var(--line)}
html[data-theme=night] .form-status--success{color:#a9ddbb}
html[data-theme=night] .form-status--error{color:#ffb5a2}
html[data-theme=night] .mobile-dock,html[data-theme=night] #mainNavigation.is-open{background:rgba(12,32,33,.97);color:var(--night-text);border-color:var(--line)}
/* Keep black vinyl artwork on a light mat, and leave photos/artwork unfiltered. */
html[data-theme=night] .vinyl-art{background:radial-gradient(ellipse,#dce8e4,#b9cbc2);border-radius:14px}
html[data-theme=night] .detail-dialog--vinyl .detail-art-stage{background:radial-gradient(ellipse,#dce8e4,#b9cbc2)}
html[lang=en] .hero h1{letter-spacing:-.065em}
@media(prefers-reduced-transparency:reduce){html[data-theme=night] :is(.detail-dialog,.cart-dialog,.spyke-panel,.checkout-form,.checkout-summary){background:#142b2a;backdrop-filter:none}}
