/* =====================================================================
   GOURMET COFFEE SHOP — Sistem vizual v1 · FAZA 1 (fundația)
   Sursă: site_stage/pentru live/sistem_vizual_gcs_1.html
   Se încarcă DUPĂ CSS-ul temei (via _partials/stylesheets.tpl) ca să
   câștige prin ordine. Reversibil: șterge acest fișier + linia din tpl.
   ===================================================================== */

/* ---------- 01 · Tokens (paletă + sistem) ---------- */
:root{
  /* Bază — paletă caldă, restrânsă */
  --gcs-paper:#FAF5EC;      /* fundal pagină */
  --gcs-paper-2:#F3EADB;    /* bandă alternativă */
  --gcs-surface:#FFFCF7;    /* carduri */
  --gcs-espresso:#241811;   /* dark tare: titluri contrast */
  --gcs-nav:#2E2018;        /* bară de meniu / footer */
  --gcs-ink:#2B211A;        /* text corp */
  --gcs-muted:#6E5F51;      /* text secundar */
  --gcs-line:#E6DAC8;       /* borduri */
  /* Accent unic (înlocuiește albastrul) */
  --gcs-accent:#B4552C;     /* teracotă — CTA, linkuri, focus */
  --gcs-accent-hover:#99461F;
  --gcs-gold:#C39A4E;       /* micro-accent premium */
  --gcs-success:#5E7B4F;    /* „în stoc" */
  /* Cod pe profil de gust (rezervat pt. Faza 3) */
  --gcs-p-choco:#6F4A2E;
  --gcs-p-fruit:#B23A48;
  --gcs-p-floral:#8E5A7D;
  --gcs-p-cream:#CE9A4E;
  --gcs-p-spice:#9C5A2B;

  --gcs-radius:14px;
  --gcs-shadow:0 6px 24px rgba(36,24,17,.08);
  --gcs-font-title:'Fraunces','Georgia',serif;
  --gcs-font-body:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

/* ---------- 02 · Tipografie ----------
   Fonturile (corp + titluri) vin din IQIT Theme Editor → Typography (BO).
   Aici păstrăm doar culoarea/spacing-ul titlurilor (design), NU font-family. */
body{
  color:var(--gcs-ink);
  background:var(--gcs-paper);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,
.page-heading,.product-title,
.products-section-title,.featured-products .h2,
#category-name,.category-name,
.product-name,.pl-name,.product-miniature .product-title{
  color:var(--gcs-espresso);
  letter-spacing:-.01em;
}
/* Titluri pe care tema NU le acoperă cu fontul de titlu (card/secțiune/categorie) —
   păstrăm Fraunces prin variabilă, ca să rămână coerente cu restul titlurilor. */
.product-title,.product-title a,
.products-section-title,.featured-products .h2,
#category-name,.category-name,
.product-name,.pl-name,.product-miniature .product-title{
  font-family:var(--gcs-font-title);
}
h1,.h1,.page-heading{font-weight:600}

/* ---------- 03 · Accentul unic (teracotă în loc de albastru) ---------- */
/* Butonul principal / „Adaugă în coș" (în temă: .btn-primary, fundal #2d5acc) */
.btn-primary,
.btn-primary:focus,
.btn-primary.disabled,
.btn-primary:disabled{
  background:var(--gcs-accent);
  border-color:var(--gcs-accent);
  color:#fff;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active{
  background:var(--gcs-accent-hover);
  border-color:var(--gcs-accent-hover);
  color:#fff;
}
/* Butonul de adăugare din listă/pagină produs (variază ca selector în temă) */
.add-to-cart,
.product-add-to-cart .btn,
.iqit-add-to-cart .btn-primary{
  background:var(--gcs-accent);
  border-color:var(--gcs-accent);
  color:#fff;
}
.add-to-cart:hover,
.product-add-to-cart .btn:hover{
  background:var(--gcs-accent-hover);
  border-color:var(--gcs-accent-hover);
}

/* Linkuri de conținut în teracotă (fără a atinge meniul/breadcrumb, care rămân espresso) */
.page-content a:not(.btn):not(.pchip):not(.nav-link),
#content a:not(.btn):not(.pchip):not(.thumbnail):not(.product-thumbnail),
.cms-content a:not(.btn){
  color:var(--gcs-accent);
}
.page-content a:not(.btn):hover,
#content a:not(.btn):not(.product-thumbnail):hover,
.cms-content a:not(.btn):hover{
  color:var(--gcs-accent-hover);
}

/* Stare de focus vizibilă, în accent (accesibilitate) */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2px solid var(--gcs-accent);
  outline-offset:2px;
}

/* Preț & elemente „premium" pot folosi auriul ca micro-accent (utilitar, opt-in) */
.gcs-gold{color:var(--gcs-gold)}

/* ---------- 04 · Componente utilitare (pt. Fazele 2-3) ---------- */
/* Butoane secundare din sistemul de design — disponibile ca utilitare */
.gcs-btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:10px;
  padding:12px 22px;font-weight:600;font-size:.95rem;cursor:pointer;
  font-family:inherit;text-decoration:none;line-height:1}
.gcs-btn-primary{background:var(--gcs-accent);color:#fff}
.gcs-btn-primary:hover{background:var(--gcs-accent-hover);color:#fff}
.gcs-btn-ghost{background:transparent;color:var(--gcs-accent);border:1.5px solid var(--gcs-accent)}
.gcs-btn-ghost:hover{background:var(--gcs-accent);color:#fff}
.gcs-btn-dark{background:var(--gcs-espresso);color:#fff}
.gcs-btn-dark:hover{background:var(--gcs-nav);color:#fff}

/* Chip de profil de gust */
.pchip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;
  border-radius:999px;font-size:.8rem;font-weight:600;color:#fff}
.pchip .d{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.85)}
.pchip.is-choco{background:var(--gcs-p-choco)}
.pchip.is-fruit{background:var(--gcs-p-fruit)}
.pchip.is-floral{background:var(--gcs-p-floral)}
.pchip.is-cream{background:var(--gcs-p-cream);color:var(--gcs-espresso)}
.pchip.is-cream .d{background:var(--gcs-espresso)}
.pchip.is-spice{background:var(--gcs-p-spice)}

/* Bara de încredere (înlocuiește badge-ul SCA orfan) */
.gcs-trust{background:var(--gcs-espresso);color:#EEDFCB;border-radius:12px;
  display:flex;gap:26px;justify-content:center;flex-wrap:wrap;
  padding:14px 18px;font-size:.86rem}
.gcs-trust span{display:inline-flex;align-items:center;gap:8px}
.gcs-trust .dotg{width:8px;height:8px;border-radius:50%;
  background:var(--gcs-gold);display:inline-block}

/* Marcaj „în stoc" în verde-salvie */
.gcs-instock{color:var(--gcs-success);font-weight:600}

/* =====================================================================
   RAFINĂRI FAZA 1 (24 iul) — butoane secundare de temă + accente verzi
   NB: butoanele Elementor de pe homepage au culori per-widget bătute în
   cuie (verde/albastru/maro) → NU se ating de aici; necesită editare în
   Elementor. Aici doar accentele la nivel de TEMĂ (categorii/coș/formulare).
   ===================================================================== */

/* Butonul secundar de temă: gri bootstrap #6c757d → espresso („dark" din doc) */
.btn-secondary,
.btn-secondary.disabled,
.btn-secondary:disabled{
  background-color:var(--gcs-espresso);
  border-color:var(--gcs-espresso);
  color:#fff;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active{
  background-color:var(--gcs-nav);
  border-color:var(--gcs-nav);
  color:#fff;
}

/* Accentul verde al temei (#a2bf5e) → în familia caldă */
/* Bula cu numărul de produse din coș (foarte vizibilă în header) */
.cart-products-count-btn{background:var(--gcs-accent) !important;color:#fff}
/* Flag „nou" pe carduri */
.product-flags .new{color:var(--gcs-accent) !important}
/* Bară mobilă de butoane */
#mobile-header .mobile-buttons-bar{background:var(--gcs-nav)}
/* Scrollbar în ton cald */
::-webkit-scrollbar-thumb{background:var(--gcs-accent)}

/* Butoane „read more" / link-buttons ale temei (fundal verde → teracotă) */
.rm-link,
a.rm-link,
.read-more-link .btn{
  background:var(--gcs-accent) !important;
  border-color:var(--gcs-accent) !important;
  color:#fff !important;
}
.rm-link:hover,
a.rm-link:hover{background:var(--gcs-accent-hover) !important}

/* =====================================================================
   FAZA 2 — Bară de încredere (site-wide) + micro-trust (PDP)
   Sursă: site_stage/pentru live/fisa_produs_passion_1.html
   ===================================================================== */

/* Bară de încredere — bandă espresso full-width sub header */
.gcs-trustbar{background:var(--gcs-espresso);color:#EEDFCB;font-family:var(--gcs-font-body)}
.gcs-trustbar-inner{max-width:1140px;margin:0 auto;padding:10px 18px;
  display:flex;gap:26px;justify-content:center;flex-wrap:wrap;
  font-size:.82rem;line-height:1.3}
.gcs-trustbar span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.gcs-trustbar .gcs-dot{width:8px;height:8px;border-radius:50%;
  background:var(--gcs-gold);display:inline-block;flex:0 0 auto}
@media(max-width:640px){
  .gcs-trustbar-inner{gap:8px 18px;font-size:.76rem;padding:9px 14px}
}

/* Cutia de gust — stilizează description_short ca panou evidențiat */
.gcs-tastebox{
  background:var(--gcs-paper-2);
  border:1px solid var(--gcs-line);
  border-radius:12px;
  padding:14px 16px;
  margin:4px 0 10px;
  font-size:.92rem;
  line-height:1.6;
  color:var(--gcs-ink);
}
.gcs-tastebox p{margin:0}
.gcs-tastebox p + p{margin-top:.5em}
.gcs-taste-label{color:var(--gcs-espresso);font-weight:700}

/* Selectoarele de atribute pe rânduri separate (Gramaj sus, Măcinare jos) */
.product-variants .product-variants-item{display:block;width:100%;margin-bottom:14px}
.product-variants .product-variants-item:last-child{margin-bottom:0}

/* Selector de atribute (Măcinare / Gramaj etc.) — starea selectată în teracotă
   (era bordură gri închis; aduce accentul sistemului și aici) */
.product-variants .input-container .radio-label{transition:border-color .15s, box-shadow .15s, color .15s}
.product-variants .input-container .radio-label:hover{border-color:var(--gcs-accent) !important}
.product-variants .input-container .input-radio:checked + .radio-label{
  border-color:var(--gcs-accent) !important;
  color:var(--gcs-espresso);
  font-weight:600;
  box-shadow:0 0 0 2px rgba(180,85,44,.15) !important;
}
.product-variants .form-control-label,
.product-variants .control-label{color:var(--gcs-espresso);font-weight:600}

/* =====================================================================
   FAZA 3 — Color-coding pe profil de gust (carduri produs)
   ===================================================================== */
/* Banda de profil — deasupra numelui produsului (colț sus-stânga rămas pt. badge-uri) */
.gcs-profile-tag{margin:2px 0 5px}

/* Sidebar de filtre (facetedsearch) — stil paletă v1 */
#search_filters{background:var(--gcs-surface);border:1px solid var(--gcs-line);
  border-radius:14px;padding:5px;box-shadow:var(--gcs-shadow)}
#search_filters .facet{border-bottom:1px solid var(--gcs-line);padding:12px 11px;margin:0}
#search_filters .facet:last-child{border-bottom:0}
#search_filters .facet-title{margin:0 0 8px;font-size:.72rem;text-transform:uppercase;
  letter-spacing:.08em;color:var(--gcs-accent);font-weight:700}
#search_filters .facet-title span{color:inherit}
/* prima grupă (Profil de gust) evidențiată — filtru principal */
#search_filters .facet:first-child{background:#FBF3E6;border-radius:10px;border-bottom:0;margin-bottom:2px}
#search_filters .facet:first-child .facet-title{color:var(--gcs-espresso)}
/* labels + hover */
#search_filters .facet-label{font-size:.88rem;color:var(--gcs-ink)}
#search_filters .facet-label:hover{color:var(--gcs-accent)}
/* checkbox bifat în teracotă */
#search_filters .custom-checkbox input:checked + span{
  background:var(--gcs-accent);border-color:var(--gcs-accent);color:#fff}
#search_filters .custom-checkbox input:checked + span .checkbox-checked,
#search_filters .custom-checkbox input:checked + span i{color:#fff}
/* slider de preț în accent */
#search_filters .ui-slider-range,
#search_filters .ui-slider .ui-slider-range{background:var(--gcs-accent)}
#search_filters .ui-slider-handle{border-color:var(--gcs-accent)}

/* Badge punctual — colț sus-stânga pe card */
.product-miniature{position:relative}
.gcs-badge{position:absolute;top:12px;left:12px;z-index:3;font-size:.64rem;font-weight:700;
  padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;line-height:1.4;
  box-shadow:0 2px 6px rgba(36,24,17,.15)}
.gcs-badge-hero{background:var(--gcs-accent);color:#fff}
.gcs-badge-rare{background:var(--gcs-espresso);color:var(--gcs-gold)}
.gcs-badge-bio{background:#e9f0e2;color:#3f5a2e;border:1px solid #cddcbe}

/* Card produs — conținut aliniat la stânga (tema îl centra) */
.product-miniature .product-description{text-align:left}
.product-miniature .product-description .product-title,
.product-miniature .product-description .product-title a,
.product-miniature .product-category-name,
.product-miniature .product-brand,
.product-miniature .product-price-and-shipping,
.product-miniature .product-comments,
.product-miniature .comments_note,
.product-miniature .product-list-reviews{text-align:left}
/* Chip de profil */
.gcs-chip{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;
  color:#fff;padding:3px 10px;border-radius:999px;margin:0 0 6px;line-height:1.4}
.gcs-chip .gcs-chip-d{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.85);flex:0 0 auto}
/* Culori profil (bandă + chip folosesc aceeași clasă) */
.gcs-p-cream{background:var(--gcs-p-cream)}
.gcs-p-choco{background:var(--gcs-p-choco)}
.gcs-p-fruit{background:var(--gcs-p-fruit)}
.gcs-p-floral{background:var(--gcs-p-floral)}
.gcs-p-spice{background:var(--gcs-p-spice)}
.gcs-p-bal{background:var(--gcs-accent)}
/* Cremos e deschis → text închis pe chip */
.gcs-chip.gcs-p-cream{color:var(--gcs-espresso)}
.gcs-chip.gcs-p-cream .gcs-chip-d{background:var(--gcs-espresso)}

/* =====================================================================
   Landing pages „După gust" (categorii de profil)
   ===================================================================== */
.gcs-prof-tag{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600;
  font-size:.8rem;padding:5px 13px;border-radius:999px}
.gcs-prof-tag .d{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.85)}
.gcs-aeo{background:var(--gcs-surface);border:1px solid var(--gcs-line);
  border-left:5px solid var(--gcs-accent);border-radius:12px;padding:18px 22px;
  margin:20px 0 6px;box-shadow:var(--gcs-shadow)}
.gcs-aeo h2{font-family:var(--gcs-font-title);font-size:1.15rem;margin:0 0 8px;color:var(--gcs-espresso)}
.gcs-aeo p{margin:0;color:var(--gcs-ink)}
.gcs-lp-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}
@media(max-width:680px){.gcs-lp-two{grid-template-columns:1fr}}
.gcs-lp-info{background:var(--gcs-surface);border:1px solid var(--gcs-line);
  border-radius:12px;padding:18px 20px}
.gcs-lp-info h3{font-family:var(--gcs-font-title);margin:.1em 0 .4em;font-size:1.05rem;color:var(--gcs-espresso)}
.gcs-lp-info p{font-size:.92rem;color:var(--gcs-muted);margin:0}
.gcs-lp-sec{background:var(--gcs-paper-2);border-radius:12px;padding:14px 18px;
  font-size:.92rem;margin:22px 0}
.gcs-lp-sec b{color:var(--gcs-espresso)}
.gcs-cat-bottom{max-width:1000px}
.gcs-cat-bottom hr{border:0;border-top:1px solid var(--gcs-line);margin:24px 0}

/* FAQ accordion (sistem vizual v1) */
.gcs-faq{max-width:820px;margin:8px 0 4px}
.gcs-faq-eyebrow{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gcs-accent);font-weight:600;margin-bottom:8px}
.gcs-faq-title{font-family:var(--gcs-font-title);color:var(--gcs-espresso);
  font-size:1.5rem;font-weight:600;margin:0 0 14px}
.gcs-faq details{background:var(--gcs-surface);border:1px solid var(--gcs-line);
  border-radius:12px;padding:2px 16px;margin-bottom:10px}
.gcs-faq summary{cursor:pointer;font-weight:600;color:var(--gcs-espresso);
  padding:12px 0;list-style:none;display:flex;justify-content:space-between;
  align-items:center;gap:12px;font-size:.95rem}
.gcs-faq summary::-webkit-details-marker{display:none}
.gcs-faq summary::marker{content:""}
.gcs-faq summary:after{content:"+";color:var(--gcs-accent);font-size:1.3rem;line-height:1;flex:0 0 auto}
.gcs-faq details[open] summary:after{content:"–"}
.gcs-faq p{margin:0 0 14px;color:var(--gcs-ink);font-size:.9rem;line-height:1.55}
.gcs-faq a{color:var(--gcs-accent);font-weight:600}

/* Rândul de recenzii mutat sub titlu */
.gcs-rating-slot{margin:2px 0 8px}
.gcs-rating-slot .my-yotpo{padding:0 !important;margin:0}

/* Box specificații — features randate ca panou (Compoziție/Origini/Altitudine…) */
.gcs-spec{
  background:var(--gcs-paper-2);
  border:1px solid var(--gcs-line);
  border-radius:14px;
  padding:14px 18px;
  margin-top:18px;
  font-size:.9rem;
  color:var(--gcs-ink);
}
.gcs-spec-title{font-family:var(--gcs-font-title);color:var(--gcs-espresso);
  font-size:1.02rem;font-weight:600;margin-bottom:6px}
.gcs-spec-row{padding:6px 0;border-bottom:1px dashed var(--gcs-line)}
.gcs-spec-row:last-child{border-bottom:0}
.gcs-spec-row b{color:var(--gcs-espresso);font-weight:600}
/* varianta full-width (mutat sub tab-urile de info) */
.gcs-spec-full{max-width:820px;margin-top:24px}
/* sub-titluri de grup în boxul de specificații (Origine / Gust & corp / …) */
.gcs-spec-group{font-family:var(--gcs-font-title);color:var(--gcs-accent);
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  margin:16px 0 4px;padding-top:12px;border-top:1px solid var(--gcs-line)}
.gcs-spec-group:first-of-type{margin-top:4px;padding-top:0;border-top:0}
/* rândul dinaintea unui grup nou nu mai are linie punctată (evită dublu separator) */
.gcs-spec-row:has(+ .gcs-spec-group){border-bottom:0}

/* Descriere produs — format carduri (model fisa_produs_passion) */
.gcs-desc-intro{color:var(--gcs-ink);margin:0 0 20px;font-size:.95rem;line-height:1.65;max-width:760px}
.gcs-desc-intro p{margin:0 0 .8em}
.gcs-desc-intro p:last-child{margin-bottom:0}
.gcs-desc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;align-items:stretch}
.gcs-desc-card{background:var(--gcs-surface);border:1px solid var(--gcs-line);
  border-radius:14px;padding:18px}
.gcs-desc-card-t{font-family:var(--gcs-font-title);color:var(--gcs-espresso);
  font-size:1.08rem;font-weight:600;margin:0 0 8px}
.gcs-desc-card p{color:var(--gcs-muted);font-size:.9rem;line-height:1.55;margin:0 0 .7em}
.gcs-desc-card p:last-child{margin-bottom:0}
.gcs-desc-card ul,.gcs-desc-card ol{color:var(--gcs-muted);font-size:.9rem;line-height:1.55;margin:.2em 0;padding-left:1.15em}
.gcs-desc-card li{margin:0 0 .35em}
.gcs-desc-card img{max-width:100%;height:auto;border-radius:10px}

/* Notă preț pe gramaj (sub preț) */
.gcs-price-note{font-size:.82rem;color:var(--gcs-muted);margin:2px 0 10px}
.gcs-price-note .gcs-gramaj{color:var(--gcs-espresso);font-weight:600}

/* Micro-trust — rând discret sub „Adaugă în coș" pe pagina de produs */
.gcs-microtrust{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;
  font-size:.82rem;color:var(--gcs-muted)}
.gcs-microtrust span{display:inline-flex;align-items:center;gap:6px}
.gcs-microtrust-note{color:var(--gcs-accent) !important;font-weight:700;text-decoration:none;
  margin-left:1px;line-height:1}
.gcs-microtrust-note:hover{color:var(--gcs-accent-hover) !important;text-decoration:underline}

/* =====================================================================
   Rafinări pagină categorie (Task A) — dots profil în filtru + toolbar
   ===================================================================== */
/* Dots colorate pe valorile filtrului „Profil de gust" (facetedsearch).
   Țintit prin substringul stabil din href (?q=Profil+de+gust-VALOARE),
   nu după text — CSS-only, fără JS, fără editare template. */
#search_filters a[href*="Profil+de+gust-"]::before{
  content:"";display:inline-block;width:9px;height:9px;border-radius:50%;
  margin-right:8px;vertical-align:middle;background:var(--gcs-line);flex:0 0 auto}
#search_filters a[href*="gust-Fructate"]::before{background:var(--gcs-p-fruit)}
#search_filters a[href*="gust-Florale"]::before{background:var(--gcs-p-floral)}
#search_filters a[href*="gust-Ciocolat"]::before{background:var(--gcs-p-choco)}
#search_filters a[href*="gust-Cremos"]::before{background:var(--gcs-p-cream)}
#search_filters a[href*="gust-Condimente"]::before{background:var(--gcs-p-spice)}
#search_filters a[href*="gust-Delicat"]::before{background:var(--gcs-p-spice)}
#search_filters a[href*="gust-Echilibrat"]::before{background:var(--gcs-accent)}

/* Header categorie — titlul H1 în Fraunces/espresso */
#js-product-list-header .page-title,
#js-product-list-header h1.page-title{font-family:var(--gcs-font-title);
  color:var(--gcs-espresso);font-size:1.9rem;margin:6px 0 4px}

/* Toolbar (sortare / nr. produse / view-switcher) — bară stilizată */
#js-product-list-top.products-selection{background:var(--gcs-paper-2);
  border:1px solid var(--gcs-line);border-radius:12px;padding:8px 14px;margin:10px 0 16px}
#js-product-list-top .showing{color:var(--gcs-muted);font-size:.85rem;font-weight:600}
#js-product-list-top .select-title.form-control{background:var(--gcs-surface);
  border:1px solid var(--gcs-line);border-radius:999px;color:var(--gcs-ink);font-size:.85rem}
#js-product-list-top .products-sort-order .dropdown-item:hover,
#js-product-list-top .products-sort-order .dropdown-item.current{color:var(--gcs-accent)}
#js-product-list-top .view-switcher a{color:var(--gcs-muted)}
#js-product-list-top .view-switcher a.current,
#js-product-list-top .view-switcher a:hover{color:var(--gcs-accent)}

/* =====================================================================
   Pagină produs (PDP) — rafinări vizuale (25 iul)
   ===================================================================== */
/* #1 · Eticheta de profil deasupra numelui (folosește chip-ul de card) */
#product .gcs-profile-tag{margin:0 0 8px}
#product .gcs-profile-tag .gcs-chip{font-size:.78rem;padding:4px 12px}

/* #2 · Rotunjire căsuțe selectoare (atribute) + qty + buton adaugă în coș */
.product-variants .input-container .radio-label{border-radius:10px !important}
.product-variants .input-container .color,
.product-variants .input-container .texture{border-radius:10px}
.product-quantity .qty,
.product-quantity .qty .input-group,
.product-quantity #quantity_wanted,
.product-quantity .bootstrap-touchspin{border-radius:10px !important;overflow:hidden}
.product-add-to-cart .add-to-cart,
.product-add-to-cart .btn.add-to-cart{border-radius:12px}

/* #3 · Preț — Fraunces, 1.8rem, espresso #241811 */
#product .product-prices .current-price .product-price,
#product .product-prices .current-price-value,
.product-prices .current-price .current-price-value{
  font-family:var(--gcs-font-title) !important;
  font-size:1.8rem !important;
  color:#241811 !important;
  font-weight:600;
}

/* #4 · Fundal pagină cald pe tot PDP-ul */
#product,
#product #wrapper,
#product #content-wrapper,
#product #main,
#product .product-container{background:var(--gcs-paper)}

/* #5 · Fundal imagine produs — radial gradient cald */
.product-cover,
.product-cover .product-lmage-large,
.product-cover .product-image-large,
.product-images-large .swiper-slide{
  background:radial-gradient(120% 120% at 50% 15%, #fff, #F1E6D4);
}
/* Pozele au fundal ALB opac → „multiply" face albul transparent, ca gradientul
   să se vadă în spatele produsului, fără a edita imaginile. Funcționează pt.
   poze fotografiate pe alb (cazul nostru). */
.product-cover .product-lmage-large img,
.product-cover .product-image-large img,
.product-images-large .swiper-slide img,
.product-cover img.js-qv-product-cover{
  mix-blend-mode:multiply;
}
/* și pe miniaturile de sub imagine, pt. consistență */
.product-thumbs .thumb-container,
.js-thumb-container{background:radial-gradient(120% 120% at 50% 15%, #fff, #F1E6D4)}
.product-thumbs img.js-thumb,
.product-thumbs .thumb{mix-blend-mode:multiply}

/* #6 · Progres transport gratuit (sub adaugă în coș) */
.gcs-freeship{margin-top:14px;background:var(--gcs-paper-2);border:1px solid var(--gcs-line);
  border-radius:12px;padding:11px 14px;font-size:.85rem;color:var(--gcs-ink)}
.gcs-freeship .gcs-fs-msg{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.gcs-freeship .gcs-fs-msg b{color:var(--gcs-espresso)}
.gcs-freeship .gcs-fs-bar{height:7px;border-radius:999px;background:var(--gcs-line);overflow:hidden}
.gcs-freeship .gcs-fs-fill{height:100%;width:0;background:var(--gcs-accent);
  border-radius:999px;transition:width .4s ease}
.gcs-freeship.is-reached{border-color:var(--gcs-success)}
.gcs-freeship.is-reached .gcs-fs-fill{background:var(--gcs-success)}

/* Descriere lungă produs (blenduri) — titluri de secțiune + rezumat + semnătură */
.gcs-desc-h{font-family:var(--gcs-font-title);color:var(--gcs-espresso);
  font-size:1.5rem;margin:0 0 10px;line-height:1.2}
.gcs-desc-sh{font-family:var(--gcs-font-title);color:var(--gcs-espresso);
  font-size:1.1rem;margin:18px 0 5px;line-height:1.25}
.gcs-desc-scurt{background:var(--gcs-paper-2);border:1px solid var(--gcs-line);
  border-radius:12px;padding:12px 16px;font-size:.9rem;margin:20px 0 8px;color:var(--gcs-ink)}
.gcs-desc-scurt b{color:var(--gcs-espresso)}
.gcs-desc-sign{color:var(--gcs-muted);font-style:italic;font-size:.88rem;margin-top:14px}

/* Bandă CTA colorată (landing Cadou și alte campanii) */
.gcs-cband{background:#8E3B4A;color:#fff;border-radius:14px;padding:20px 24px;margin:26px 0;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.gcs-cband h3{color:#fff;margin:0 0 4px;font-size:1.3rem;font-family:var(--gcs-font-title)}
.gcs-cband p{margin:0;color:rgba(255,255,255,.9);font-size:.92rem}
.gcs-cband a{background:#fff;color:#8E3B4A !important;font-weight:700;padding:11px 20px;
  border-radius:10px;white-space:nowrap;text-decoration:none}
.gcs-cband a:hover{background:#fff5f6;color:#8E3B4A !important}
.gcs-cat-close{border-top:1px solid var(--gcs-line);padding-top:16px;margin-top:10px;
  color:var(--gcs-muted);font-size:.9rem}

/* Logo SCA în header (stânga) + ascunderea vechii benzi Elementor */
.gcs-sca-header{display:inline-flex;align-items:center}
.gcs-sca-header img{height:56px;width:auto;display:block}
@media(max-width:991px){.gcs-sca-header img{height:40px}}
.elementor-element-3yreb43{display:none !important}

/* ============================================================
   PAGINI BUSINESS CMS (Cadouri corporate, Pentru afaceri/B2B)
   Wrapper .gcs-cb setează accentul --biz; .is-corp = gri-oțel.
   ============================================================ */
.gcs-cb{--biz:var(--gcs-accent);--biz-hover:var(--gcs-accent-hover);
  max-width:1040px;margin:0 auto;color:var(--gcs-ink);line-height:1.6}
.gcs-cb.is-corp{--biz:#3C4A5A;--biz-hover:#2C3846}
.gcs-cb h1,.gcs-cb h2,.gcs-cb h3,.gcs-cb h4{font-family:var(--gcs-font-title);color:var(--gcs-espresso);letter-spacing:-.01em}
.gcs-cb p{color:var(--gcs-ink)}
.gcs-cb a{color:var(--biz);text-decoration:none}
.gcs-cb .gcs-cb-lead{font-size:1.12rem;color:var(--gcs-muted);max-width:66ch;margin:10px 0 0}
.gcs-cb-eyebrow{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--biz);margin:0 0 6px}

/* pill titlu (înlocuiește reg-tag din machetă) */
.gcs-cb-tag{display:inline-flex;align-items:center;gap:8px;background:var(--biz);color:#fff;
  font-weight:600;font-size:.8rem;padding:5px 13px;border-radius:999px}
.gcs-cb-tag .d{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.85)}

/* HERO întunecat (B2B) */
.gcs-cb-hero{background:linear-gradient(180deg,#2E2018,#241811);color:#F3E9DA;
  border-radius:16px;padding:42px 34px;margin:8px 0 26px}
.gcs-cb-hero .gcs-cb-eyebrow{color:var(--gcs-gold)}
.gcs-cb-hero h1{color:#fff;font-size:2.2rem;margin:0 0 12px;max-width:22ch}
.gcs-cb-hero p{color:#E2D2BE;margin:0;max-width:64ch;font-size:1.1rem}
.gcs-cb-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.gcs-cb-chips span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
  color:#F3E9DA;font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:999px}
.gcs-cb-cta{display:inline-block;margin-top:20px;background:var(--biz);color:#fff !important;
  font-weight:700;padding:13px 24px;border-radius:11px;text-decoration:none}
.gcs-cb-cta:hover{background:var(--biz-hover)}

/* AEO box cu accent business */
.gcs-cb .gcs-cb-aeo{background:var(--gcs-surface);border:1px solid var(--gcs-line);
  border-left:5px solid var(--biz);border-radius:12px;padding:18px 22px;margin:22px 0;box-shadow:var(--gcs-shadow)}
.gcs-cb .gcs-cb-aeo h2{font-size:1.15rem;margin:0 0 8px} .gcs-cb .gcs-cb-aeo p{margin:0;font-size:1rem}

/* pași numerotați */
.gcs-cb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}
@media(max-width:720px){.gcs-cb-steps{grid-template-columns:1fr 1fr}}
.gcs-cb-step{background:var(--gcs-surface);border:1px solid var(--gcs-line);border-radius:12px;padding:16px}
.gcs-cb-step .n{width:30px;height:30px;border-radius:50%;background:var(--biz);color:#fff;
  font-family:var(--gcs-font-title);font-weight:700;display:grid;place-items:center;margin-bottom:8px}
.gcs-cb-step h4{margin:.1em 0 .3em;font-size:.98rem} .gcs-cb-step p{margin:0;font-size:.82rem;color:var(--gcs-muted)}

/* grilă carduri servicii / segmente */
.gcs-cb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:14px 0}
@media(max-width:820px){.gcs-cb-grid{grid-template-columns:1fr}}
.gcs-cb-card{background:var(--gcs-surface);border:1px solid var(--gcs-line);border-radius:var(--gcs-radius);
  padding:22px;box-shadow:var(--gcs-shadow);display:flex;flex-direction:column}
.gcs-cb-card .ic{font-size:2rem;margin-bottom:8px;line-height:1}
.gcs-cb-card h3{font-size:1.12rem;margin:0 0 8px} .gcs-cb-card p{font-size:.92rem;color:var(--gcs-muted);margin:0 0 12px}
.gcs-cb-card ul{margin:0 0 14px;padding-left:18px} .gcs-cb-card li{font-size:.9rem;margin:5px 0;color:var(--gcs-ink)}
.gcs-cb-card .go{margin-top:auto;font-weight:700;color:var(--biz);font-size:.9rem}

/* grilă "de ce noi" */
.gcs-cb-why{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:12px 0}
@media(max-width:820px){.gcs-cb-why{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.gcs-cb-why{grid-template-columns:1fr}}
.gcs-cb-w{background:var(--gcs-surface);border:1px solid var(--gcs-line);border-radius:12px;padding:16px}
.gcs-cb-w .ic{font-size:1.5rem} .gcs-cb-w h3{font-size:1rem;margin:.3em 0 .2em} .gcs-cb-w p{font-size:.86rem;color:var(--gcs-muted);margin:0}

/* bandă CTA business (variantă gcs-cband pe --biz) */
.gcs-cb-band{background:var(--biz);color:#fff;border-radius:14px;padding:22px 26px;margin:26px 0;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.gcs-cb-band h3{color:#fff;margin:0 0 4px;font-size:1.3rem} .gcs-cb-band p{margin:0;color:rgba(255,255,255,.9);font-size:.92rem}
.gcs-cb-band a{background:#fff;color:var(--biz) !important;font-weight:700;padding:11px 20px;border-radius:10px;white-space:nowrap;text-decoration:none}

/* două casete info */
.gcs-cb-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}
@media(max-width:680px){.gcs-cb-two{grid-template-columns:1fr}}
.gcs-cb-info{background:var(--gcs-surface);border:1px solid var(--gcs-line);border-radius:12px;padding:18px 20px}
.gcs-cb-info h3{margin:.1em 0 .4em;font-size:1.05rem} .gcs-cb-info p{font-size:.92rem;color:var(--gcs-muted);margin:0}

/* FAQ business (details/summary) */
.gcs-cb-faq{margin:22px 0}
.gcs-cb-faq details{background:var(--gcs-surface);border:1px solid var(--gcs-line);border-radius:12px;padding:2px 18px;margin-bottom:10px}
.gcs-cb-faq summary{cursor:pointer;font-weight:600;color:var(--gcs-espresso);padding:13px 0;list-style:none;display:flex;justify-content:space-between}
.gcs-cb-faq summary::-webkit-details-marker{display:none}
.gcs-cb-faq summary:after{content:"+";color:var(--biz);font-size:1.2rem} .gcs-cb-faq details[open] summary:after{content:"–"}
.gcs-cb-faq p{margin:0 0 14px;font-size:.92rem}
.gcs-cb-close{border-top:1px solid var(--gcs-line);padding-top:16px;color:var(--gcs-muted);font-size:.9rem;margin-top:8px}

/* casetă de contact laterală (aside) */
.gcs-cb-aside{background:var(--gcs-espresso);color:#E2D2BE;border-radius:16px;padding:24px}
.gcs-cb-aside h3{color:#fff;font-size:1.2rem;margin:0 0 10px} .gcs-cb-aside p{font-size:.9rem;margin:0 0 12px;color:#E2D2BE}
.gcs-cb-aside .line{display:flex;gap:10px;align-items:center;font-size:.92rem;margin:8px 0;color:#F3E9DA}
.gcs-cb-aside .line b{color:#fff} .gcs-cb-aside .g{color:var(--gcs-gold)}

/* ---- Formular B2B (randare nativă contactform, restilizată) ---- */
.gcs-cb-formwrap{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;margin-top:14px;align-items:start}
@media(max-width:820px){.gcs-cb-formwrap{grid-template-columns:1fr}}
.gcs-cb-form{background:var(--gcs-surface);border:1px solid var(--gcs-line);border-radius:16px;padding:24px;box-shadow:var(--gcs-shadow)}
.gcs-cb-form .login-form>form>header{margin-bottom:6px}
.gcs-cb-form h1,.gcs-cb-form .h3{font-size:1.3rem;margin:0 0 4px}
.gcs-cb-form label>span,.gcs-cb-form .field label{display:block;font-size:.82rem;font-weight:600;color:var(--gcs-espresso);margin-bottom:5px}
.gcs-cb-form input,.gcs-cb-form select,.gcs-cb-form textarea{width:100%;font-family:inherit;font-size:.95rem;
  color:var(--gcs-ink);background:var(--gcs-paper);border:1.5px solid var(--gcs-line);border-radius:10px;padding:11px 13px}
.gcs-cb-form .form-fields>label,.gcs-cb-form .field{display:block;margin-bottom:14px}
.gcs-cb-form input:focus,.gcs-cb-form select:focus,.gcs-cb-form textarea:focus{outline:none;border-color:var(--biz)}
.gcs-cb-form textarea{min-height:120px;resize:vertical}
.gcs-cb-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:520px){.gcs-cb-form .row{grid-template-columns:1fr}}
.gcs-cb-form button[type=submit],.gcs-cb-form .submit{width:100%;background:var(--biz);color:#fff;border:0;
  font-family:inherit;font-weight:700;font-size:1rem;padding:14px;border-radius:11px;cursor:pointer;margin-top:6px}
.gcs-cb-form button[type=submit]:hover{background:var(--biz-hover)}
.gcs-cb-form .notification{border-radius:12px;padding:14px 16px;margin-bottom:14px;font-size:.9rem}
.gcs-cb-form .notification-success{background:#F2F5EC;border:1px solid var(--gcs-success);color:#3f5a2e}
.gcs-cb-form .notification-error{background:#F9EEEE;border:1px solid var(--gcs-p-fruit);color:#8a2f3a}
.gcs-cb-links{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 8px}
.gcs-cb-links a{background:var(--gcs-surface);border:1px solid var(--gcs-line);border-radius:999px;
  padding:7px 15px;font-size:.86rem;color:var(--biz);font-weight:600}

/* ==========================================================================
   FIX FONTURI ELEMENTOR (homepage) — 2026-07-28
   iqitelementor punea Georgia (titluri) si Verdana (text) pe widget-uri,
   ignorand fonturile brandului. Fortam variabilele existente.
   !important e necesar ca sa invinga tipografia per-widget a Elementor.
   Nu atingem iconurile (Font Awesome / eicon isi pastreaza font-family).
   ========================================================================== */
/* Titluri -> Fraunces */
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-heading h1, .elementor-widget-heading h2,
.elementor-widget-heading h3, .elementor-widget-heading h4,
.elementor-widget-heading h5, .elementor-widget-heading h6{
  font-family:var(--gcs-font-title) !important;
}
/* Text, paragrafe, butoane -> Hanken Grotesk */
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor .elementor-widget-container,
.elementor-widget-button .elementor-button-text,
.elementor-button{
  font-family:var(--gcs-font-body) !important;
}

/* ==========================================================================
   BANDA BEJ de sus (sectiune Elementor goala, ~30px) — 2026-07-28
   Se vedea bejul paginii printr-o sectiune goala deasupra hero-ului.
   Ascundem coloana goala; sectiunea colapseaza la 0.
   NOTA: id-ul 'uarpr8a' e generat de Elementor. Daca reconstruiesti layout-ul
   si banda reapare, re-ruleaza snippet-ul din consola si actualizeaza id-ul aici.
   Fixul durabil ramane stergerea sectiunii din builder.
   ========================================================================== */
.elementor-element-uarpr8a{ display:none !important; }
.elementor-section:has(> .elementor-container > .elementor-row > .elementor-element-uarpr8a){ display:none !important; }

/* ==========================================================================
   BLOC NEWSLETTER footer (ps_emailsubscription) — aliniere paleta — 2026-07-29
   Textul descriptiv (.ps-emailsubscription-block) ramasese VERDE (#7ea81a,
   accentul vechi al temei) — singurul element nealiniat pe homepage/footer.
   Il aducem la muted GCS; titlul h5 pe Fraunces/espresso pentru consistenta.
   NOTA: titlul „Sign up to newsletter" e inca in engleza — string de tradus
   din BO (Localization → Translations / config modul), nu tine de CSS.
   ========================================================================== */
.block-newsletter .ps-emailsubscription-block,
.block_newsletter .ps-emailsubscription-block{
  color:var(--gcs-muted) !important;
}
.block-newsletter .ps-emailsubscription-block a,
.block_newsletter .ps-emailsubscription-block a{
  color:var(--gcs-accent) !important;
}
.block-newsletter h5,
.block_newsletter h5{
  font-family:var(--gcs-font-title) !important;
  color:var(--gcs-espresso) !important;
}

/* ==========================================================================
   MENIU MOBIL (iqitmegamenu drawer) — aliniere sistem vizual — 2026-07-30
   Structura era completa (Dupa gust/regiune/colectii), dar pe grey-ul temei.
   Doar STIL (culori/fonturi). Cautare in drawer + comportament = config modul.
   ========================================================================== */
/* fundal drawer + sub-nivele */
.mobile-menu{ background:var(--gcs-paper) !important; }
.mobile-menu .mm-panel,
.mobile-menu .mobile-menu__panel{ background:var(--gcs-paper) !important; }

/* header drawer / panel (back + titlu) = espresso, text deschis */
.mobile-menu .mm-panel__header,
.mobile-menu__header-wrapper,
.mobile-menu .mobile-menu__header{ background:var(--gcs-espresso) !important; }
.mobile-menu__header, .mobile-menu__title{ color:#F3E9DA !important; }
.mobile-menu__title{ font-family:var(--gcs-font-title) !important; }
.mobile-menu__back-btn, .mobile-menu__back-btn .fa,
.mobile-menu__header .btn, .mobile-menu__header .fa{ color:var(--gcs-gold) !important; }

/* randuri categorie L1 = Fraunces espresso */
.mobile-menu__tab{ border-bottom-color:var(--gcs-line) !important; }
.mobile-menu__link{ font-family:var(--gcs-font-title) !important; color:var(--gcs-espresso) !important; font-weight:600 !important; }
.mobile-menu__link:hover, .mobile-menu__link:focus{ color:var(--gcs-accent) !important; }

/* iconite expand / colapsare / arrow = teracota */
.mobile-menu__arrow, .mobile-menu__expand-ico, .mobile-menu__close-icon{ color:var(--gcs-accent) !important; }

/* footer drawer */
.mobile-menu__footer{ border-top:1px solid var(--gcs-line) !important; background:var(--gcs-paper-2) !important; }
.mobile-menu__footer a{ color:var(--gcs-espresso) !important; }

/* ==========================================================================
   FUNDAL HOMEPAGE cald — #wrapper era ALB din temă (theme-*.css: #wrapper{background:#fff})
   Homepage e Elementor; între/în jurul secțiunilor se vedea albul, nu paper.
   Scoping pe body#index (controllerul homepage) → nu atinge alte pagini.
   `#index #wrapper` = 2 ID-uri, bate `#wrapper` (1 ID) al temei fără !important.
   2026-07-30
   ========================================================================== */
#index #wrapper{ background:var(--gcs-paper); }

/* ==========================================================================
   SEMNĂTURA GRAFICĂ SHERIF pe fișa de produs — 2026-07-30
   Apare automat sub linia .gcs-desc-sign (Prăjită la comandă de Sherif…),
   deci DOAR pe cafelele cu descriere nouă. Imagine transparentă 140×62,
   în themes/warehouse/assets/img/. Decorativ (textul poartă sensul).
   ========================================================================== */
.gcs-desc-sign::after{
  content:"";
  display:block;
  width:150px;
  height:66px;
  margin-top:8px;
  background:url('../img/semnatura-sherif.png') left center / contain no-repeat;
}