/* =============================================================================
   ASMA — versiunea albă a site-ului.

   Se activează din dashboard → tab-ul "Global Styles". Setarea se salvează în
   data.json (settings.theme), iar theme.js pune data-theme="light" pe <html>.

   Toate regulile de aici sunt prefixate cu html[data-theme="light"], deci
   fișierul e complet inert cât timp site-ul e pe tema închisă (implicită) —
   nimic din aspectul actual nu se schimbă dacă nu se apasă butonul.
   ============================================================================= */

/* ---------- PALETA ----------
   Paleta verde: #051F20 #0B2B26 #163832 #235347 #8EB69B #DAF1DE.
   Fundalul paginii e #ECF8EF — #DAF1DE amestecat spre alb, pentru că paleta
   se oprea prea închis. #DAF1DE coboară pe starea de hover. Suprafețele
   ridicate (carduri, benzi, modale) rămân albe. Aurul se închide față de
   #C8965A, pentru că nuanța de pe fundal negru n-are contrast pe deschis. */
html[data-theme="light"]{
  --dark:#ECF8EF;         /* fundalul paginii — tentă de #DAF1DE spre alb */
  --dark-2:#FFFFFF;       /* carduri, benzi alternante — rămân albe */
  --dark-3:#DAF1DE;       /* hover pe carduri — cea mai deschisă din paletă */
  --white:#051F20;        /* textul principal — cel mai închis verde din paletă */
  --gray:#3F6A5C;         /* text secundar */
  --gray-light:#163832;   /* text de accent, mai închis decât --gray */
  --gold:#9A6A30;
  --gold-light:#7C5325;   /* pe deschis, hover-ul aurului merge mai închis */
  /* Portocaliul ușii din logo (#F15A1A) — singura culoare caldă saturată pe
     care o folosește deja marca. Butoanele pline o iau pe ea: aurul închis,
     turnat pe toată suprafața unui buton, cade în maro pe fundalul verde.
     Aurul rămâne pentru accente subțiri (linii, buline, sublinieri). */
  --orange:#F15A1A;
  --orange-dark:#D94E12;  /* hover — aceeași nuanță, o treaptă mai jos */
  --light:#051F20;
  --line:rgba(5,31,32,.12);

  /* aceiași tokeni pentru CSS-ul injectat de header.js */
  --asma-dark:#ECF8EF;
  --asma-white:#051F20;
  --asma-gray:#3F6A5C;
  --asma-gold:#9A6A30;
  --asma-gold-light:#7C5325;
}

html[data-theme="light"] body{background:var(--dark);color:var(--white)}
/* Prima pagină merge pe alb curat, nu pe verdele foarte deschis:
   sub hero e doar caruselul de imagini, care arată mai bine pe alb. */
html[data-theme="light"] body[data-page="home"]{--dark:#FFFFFF;background:#FFFFFF}
/* Colecțiile și pagina de produs stau la jumătatea drumului dintre #ECF8EF și
   alb: grila de carduri albe, respectiv benzile alternate alb/verde, au nevoie
   de un fundal aproape neutru ca să respire. Redefinirea lui --dark pe body
   duce culoarea nouă și în secțiunile care fac `background:var(--dark)`
   (.pd-finish, .pd-opening, .pd-tex, .pd-acc), fără reguli separate. */
html[data-theme="light"] body[data-page="collections"],
html[data-theme="light"] body[data-page="product"]{--dark:#F6FCF7;background:#F6FCF7}
html[data-theme="light"] ::selection{background:rgba(154,106,48,.22);color:#051F20}

/* =============================================================================
   HEADER + MEGA-MENU (header.js)
   ============================================================================= */

/* Header-ul rămâne transparent peste fotografia din hero, exact ca pe tema
   închisă. Peste conținut deschis însă logo-ul e alb, deci acolo primește un
   fundal de sticlă verde — destul de închis cât logo-ul și meniul să rămână
   lizibile. Culorile din interiorul header-ului nu se inversează niciodată. */
html[data-theme="light"] .asma-header{
  --asma-white:#FFFFFF;
  --asma-gold:#C8965A;
  --asma-gold-light:#E0B87E;
  --asma-dark:#0B2B26;
  --asma-gray:#8EB69B;
  background:rgba(11,43,38,.62)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.3);
  backdrop-filter:blur(16px) saturate(1.3);
  box-shadow:inset 0 -1px 0 rgba(218,241,222,.16)!important;
}
html[data-theme="light"] .asma-header.asma-scrolled{background:rgba(11,43,38,.62)!important}

/* Peste hero (doar prima pagină) header-ul e complet transparent — cât timp nu
   e derulat și cât timp mega-menu-ul e închis. */
html[data-theme="light"] body[data-hero="dark"] .asma-header:not(.asma-scrolled):not(.asma-menu-open){
  background:transparent!important;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none!important;
}

html[data-theme="light"] .asma-mega-menu-left{border-right-color:rgba(5,31,32,.10)}
@media (max-width:1024px){
  html[data-theme="light"] .asma-mega-menu-left{border-bottom-color:rgba(5,31,32,.10)}
}
html[data-theme="light"] .asma-menu-cat-item{border-bottom-color:rgba(5,31,32,.10)}
html[data-theme="light"] .asma-carousel-btn{border-color:rgba(5,31,32,.22)}
html[data-theme="light"] .asma-carousel-btn:hover{background:rgba(154,106,48,.10)}
html[data-theme="light"] .asma-carousel-dot{background:rgba(5,31,32,.18)}
html[data-theme="light"] .asma-explore-btn:hover{color:#FFFFFF}

/* Showroom modal */
html[data-theme="light"] .asma-showroom-overlay{background:rgba(5,31,32,.55)}
html[data-theme="light"] .asma-showroom-modal{
  background:#FFFFFF;border-color:rgba(5,31,32,.12);
  box-shadow:0 30px 80px rgba(5,31,32,.18);
}
html[data-theme="light"] .asma-showroom-card{background:#ECF8EF;border-color:rgba(5,31,32,.12)}
/* filtrul inversa harta Google ca să se potrivească pe negru — pe alb nu mai trebuie */
html[data-theme="light"] .asma-showroom-map iframe{filter:none}
/* Textul stă pe verdele închis, nu pe alb: albul pe portocaliu dă 3,4:1, sub
   pragul WCAG AA pentru text mic — verdele închis urcă la 4,9:1. E și tiparul
   din versiunea închisă, unde butonul auriu are text întunecat. */
html[data-theme="light"] .asma-showroom-btn{background:var(--orange);color:#051F20}
html[data-theme="light"] .asma-showroom-btn:hover{background:var(--orange-dark)}
html[data-theme="light"] .asma-showroom-close{
  background:rgba(5,31,32,.06);border-color:rgba(5,31,32,.14);
}
html[data-theme="light"] .asma-showroom-row-icon{border-color:rgba(154,106,48,.45)}

/* =============================================================================
   INDEX — slider hero + carusel masonry
   ============================================================================= */

html[data-theme="light"] body{background:var(--dark)}

/* Hero-ul e o fotografie full-bleed cu gradient închis peste ea. Textul de
   deasupra rămâne alb — pe imagini arbitrare un text închis n-ar fi lizibil.
   Tot CSS-ul widget-ului e scopat pe .asma-slider-widget, deci e destul să
   redefinim tokenii pe elementul lui. */
html[data-theme="light"] .asma-slider-widget{
  --dark:#0D0D0D;--white:#FFFFFF;--gray:#8A8A8A;
  --gold:#C8965A;--gold-light:#E0B87E;
}

html[data-theme="light"] .msc-wrapper{--msc-bg:#FFFFFF}
html[data-theme="light"] .msc-popup{background:rgba(5,31,32,.45)}
html[data-theme="light"] .msc-popup-box{box-shadow:0 32px 80px rgba(5,31,32,.25)}

/* =============================================================================
   COLECȚII
   ============================================================================= */

html[data-theme="light"] .col-hero::before{
  background:radial-gradient(ellipse at center,rgba(154,106,48,.10) 0%,transparent 70%);
}
html[data-theme="light"] .col-hero-sub{color:rgba(5,31,32,.70)}
html[data-theme="light"] .col-filter-bar{
  background:rgba(255,255,255,.96);border-bottom-color:rgba(5,31,32,.10);
}
html[data-theme="light"] .col-filter-count{background:rgba(154,106,48,.14)}
html[data-theme="light"] .col-filter-brand-row{border-top-color:rgba(5,31,32,.08)}
html[data-theme="light"] .col-brand-header{border-bottom-color:rgba(5,31,32,.12)}
/* fundalul grilei e linia de 1px dintre carduri */
html[data-theme="light"] .col-grid{background:rgba(5,31,32,.10)}
html[data-theme="light"] .col-card-overlay{
  background:linear-gradient(to top,rgba(255,255,255,.24) 0%,rgba(255,255,255,0) 55%);
}
/* Hover-ul cardurilor de uși rămâne griul cald din versiunea neutră —
   restul suprafețelor de hover folosesc verdele din paletă (--dark-3). */
html[data-theme="light"] .col-card:hover{background:#EFEAE4}
html[data-theme="light"] .col-card-body{border-top-color:rgba(5,31,32,.07)}
html[data-theme="light"] .col-card-num{color:rgba(5,31,32,.20)}
html[data-theme="light"] .col-empty{border-color:rgba(5,31,32,.16)}
html[data-theme="light"] .col-footer{border-top-color:rgba(5,31,32,.10)}

/* =============================================================================
   PAGINA DE PRODUS
   ============================================================================= */

html[data-theme="light"] .pd-details{border-left-color:rgba(5,31,32,.10)}
@media(max-width:900px){
  html[data-theme="light"] .pd-details{border-top-color:rgba(5,31,32,.10)}
}
html[data-theme="light"] .pd-desc{color:rgba(5,31,32,.74)}

/* fundalul e și linia de 1px, dar și umplutura sloturilor goale când modelul
   are mai puțin de 3 specificații — de aceea mai deschis decât restul liniilor */
html[data-theme="light"] .pd-key-specs{
  background:rgba(5,31,32,.07);border-color:rgba(5,31,32,.10);
}
/* casetele stau pe o secțiune de aceeași culoare — le ridicăm pe alb */
html[data-theme="light"] .pd-key-spec{background:#FFFFFF}

html[data-theme="light"] .pd-dim{border-color:rgba(5,31,32,.20)}
html[data-theme="light"] .pd-dim.active{background:rgba(154,106,48,.10)}
html[data-theme="light"] .pd-color{box-shadow:inset 0 0 0 1px rgba(5,31,32,.20)}

html[data-theme="light"] .pd-btn-primary{background:var(--orange);color:#051F20}
html[data-theme="light"] .pd-btn-primary:hover{background:var(--orange-dark)}
html[data-theme="light"] .pd-btn-outline{border-color:rgba(5,31,32,.28)}

html[data-theme="light"] .pd-ct-grid{
  background:rgba(5,31,32,.10);border-color:rgba(5,31,32,.10);
}

html[data-theme="light"] .pd-feature,
html[data-theme="light"] .pd-feature:first-child{border-color:rgba(5,31,32,.10)}
html[data-theme="light"] .pd-feature-num{color:rgba(5,31,32,.24)}
html[data-theme="light"] .pd-feature-desc{color:rgba(5,31,32,.68)}
html[data-theme="light"] .pd-finish-note{border-color:rgba(154,106,48,.40)}
html[data-theme="light"] .pd-feronerie{
  border-color:rgba(5,31,32,.12);background:rgba(5,31,32,.02);
}
html[data-theme="light"] .pd-feronerie-text{color:rgba(5,31,32,.84)}
html[data-theme="light"] .pd-feronerie-sub{color:rgba(5,31,32,.62)}
html[data-theme="light"] .pd-feronerie-opts{border-top-color:rgba(5,31,32,.12)}
html[data-theme="light"] .pd-feronerie-list li{color:rgba(5,31,32,.78)}

html[data-theme="light"] .pd-textures-note,
html[data-theme="light"] .pd-opening-note{color:rgba(5,31,32,.72)}
html[data-theme="light"] .pd-tex{border-color:rgba(5,31,32,.12)}
html[data-theme="light"] .pd-opening-fig{background:#FFFFFF;border-color:rgba(5,31,32,.12)}

html[data-theme="light"] .pd-info-col-title{border-bottom-color:rgba(154,106,48,.45)}
html[data-theme="light"] .pd-info-intro{color:rgba(5,31,32,.70)}
html[data-theme="light"] .pd-list li{
  border-bottom-color:rgba(5,31,32,.10);color:rgba(5,31,32,.74);
}
html[data-theme="light"] .pd-info-note{color:rgba(5,31,32,.64)}
html[data-theme="light"] .pd-acc{border-color:rgba(5,31,32,.12)}
html[data-theme="light"] .pd-acc-text{color:rgba(5,31,32,.70)}

html[data-theme="light"] .pd-cta-band{border-top-color:rgba(5,31,32,.10)}
html[data-theme="light"] .pd-cta-band p{color:rgba(5,31,32,.68)}
html[data-theme="light"] .pd-footer{border-top-color:rgba(5,31,32,.10)}

/* =============================================================================
   PRIMA PAGINĂ — secțiunile categorii / modele / showroom / footer (.hm-*)
   Culorile cardurilor sunt aceleași ca la colecții: suprafața ridicată e albă
   (--dark-2), hover-ul e griul cald #EFEAE4, iar cadrul imaginii n-are fundal
   propriu. Restul regulilor înlocuiesc albul translucid folosit pe tema închisă.
   ============================================================================= */

html[data-theme="light"] .hm-head-sub{color:rgba(5,31,32,.70)}
html[data-theme="light"] .hm-more{border-bottom-color:rgba(5,31,32,.22)}

/* CATEGORII — fundalul grilei e linia de 1px dintre celule */
html[data-theme="light"] .hm-cats{border-top-color:rgba(5,31,32,.10)}
html[data-theme="light"] .hm-cat-grid{
  background:rgba(5,31,32,.10);border-color:rgba(5,31,32,.10);
}
html[data-theme="light"] .hm-cat:hover{background:#EFEAE4}

/* MODELE ÎN PRIM-PLAN — identic cu .col-card de pe pagina de colecții.
   Prima pagină duce --dark la alb curat (vezi body[data-page="home"] mai sus), deci
   banda și cardul ar ieși amândouă albe. Banda ia exact fundalul paginii de colecții
   (#F6FCF7), ca grila de carduri albe să se desprindă la fel ca acolo. */
html[data-theme="light"] .hm-featured{background:#F6FCF7}
html[data-theme="light"] .hm-feat-overlay{
  background:linear-gradient(to top,rgba(255,255,255,.94) 0%,rgba(255,255,255,0) 55%);
}
html[data-theme="light"] .hm-feat-card:hover{background:#EFEAE4}
html[data-theme="light"] .hm-feat-body{border-top-color:rgba(5,31,32,.07)}

/* SHOWROOM */
html[data-theme="light"] .hm-showroom{border-top-color:rgba(5,31,32,.10)}
html[data-theme="light"] .hm-shop{border-color:rgba(5,31,32,.12)}
html[data-theme="light"] .hm-shop:hover{border-color:rgba(154,106,48,.45)}
html[data-theme="light"] .hm-shop-text{color:rgba(5,31,32,.72)}

html[data-theme="light"] .hm-footer{border-top-color:rgba(5,31,32,.10)}