/*
Theme Name: Ie Românească
Theme URI: https://ie-românească.ro
Description: Temă de afiliere pentru ie-românească.ro — dedicată iei și hainelor tradiționale românești. WooCommerce (produse externe/afiliere), buton „Vezi în magazin" din feed, favorite fără cont, comparație de preț între magazine, taxonomii regiune/motiv. Design „In alb": alb-in cald, tricolor vegetal (roșu garanță, indigo, ocru), Cormorant Garamond + Instrument Sans.
Author: Alex
Version: 1.6.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ie-romaneasca
WC requires at least: 7.0
WC tested up to: 9.0
*/

/* ============================================================
   TOKENS
   ============================================================ */
:root{
  --red:#9E2F28; --red-deep:#7C221D; --indigo:#28405F; --indigo-deep:#1C2E45;
  --gold:#B4863A; --gold-soft:#C9A661; --olive:#6C6A44; --ok:#3f7a4e;
  --tri-blue:#1f4b9a; --tri-yellow:#edb62c; --tri-red:#c0392b;
  --bg:#FCFCFA; --paper:#ffffff; --ink:#231E16; --muted:#7A6E5D;
  --line:rgba(35,30,22,.13); --line-soft:rgba(35,30,22,.08);
  --disp:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --wrap:1180px;
  --shadow:0 1px 2px rgba(35,30,22,.05),0 18px 46px -26px rgba(35,30,22,.4);
}

/* ============================================================
   BASE
   ============================================================ */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);
  font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
h1,h2,h3,h4{margin:0;line-height:1.1}
.ie-wrap{max-width:var(--wrap);margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ie-disp{font-family:var(--disp)}
.ie-red{color:var(--red)}

/* ============================================================
   HEADER
   ============================================================ */
.ie-promo{background:var(--indigo);color:#F1EAD8;font-size:12.5px;text-align:center;
  padding:9px 14px;letter-spacing:.03em}
.ie-header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;
  top:env(safe-area-inset-top,0px);z-index:50}
.ie-head-in{display:flex;align-items:center;gap:18px;padding-block:15px}
.ie-menu-btn{display:none;background:none;border:none;color:var(--ink);padding:4px}
.ie-menu-btn svg{width:25px;height:25px;display:block}
.ie-logo img{height:54px;width:auto}
.ie-search{flex:1;min-width:0;display:flex;align-items:center;gap:9px;background:var(--paper);
  border:1px solid var(--line);border-radius:999px;padding:12px 18px}
.ie-search svg{width:18px;height:18px;color:var(--muted);flex:none}
.ie-search input{border:none;background:none;outline:none;font:inherit;font-size:14.5px;width:100%;color:var(--ink)}
.ie-search input::placeholder{color:var(--muted)}
.ie-head-links{display:flex;gap:20px;align-items:center;font-size:13px;font-weight:600}
.ie-head-links a{color:var(--ink);opacity:.85;white-space:nowrap}
.ie-head-links a:hover{opacity:1;color:var(--red)}
@media(max-width:1040px){.ie-head-links{display:none}}
.ie-actions{display:flex;gap:18px;align-items:center;font-size:13px;font-weight:600}
.ie-fav-link{display:inline-flex;align-items:center;gap:6px}
.ie-fav-link svg{width:18px;height:18px;color:var(--red)}
.ie-fav-count{background:var(--red);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;
  border-radius:999px;display:inline-grid;place-items:center;padding:0 5px}
.ie-nav{border-top:1px solid var(--line-soft)}
.ie-nav ul{list-style:none;margin:0;padding:12px 0;display:flex;gap:10px;flex-wrap:wrap}
.ie-nav a{font-size:13px;font-weight:600;color:var(--ink);background:var(--paper);
  border:1px solid var(--line);border-radius:2px;padding:8px 15px;display:block}
.ie-nav .current-menu-item a,.ie-nav a:hover{background:var(--indigo);color:#fff;border-color:var(--indigo)}

/* ============================================================
   HOMEPAGE
   ============================================================ */
.ie-hero{display:grid;grid-template-columns:1.45fr 1fr;gap:14px;padding-block:22px 0}
.ie-hero-main{position:relative;border-radius:3px;overflow:hidden;
  background:linear-gradient(120deg,#2b466a,#1c2e45);color:#F4EEDD;
  padding:clamp(28px,4vw,52px);min-height:340px;display:flex;flex-direction:column;justify-content:flex-end}
.ie-hero-main .eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);
  font-weight:600;margin-bottom:12px}
.ie-hero-main h1{font-family:var(--disp);font-weight:600;font-size:clamp(36px,5vw,62px);line-height:.98;
  margin:0 0 12px;text-wrap:balance}
.ie-hero-main p{max-width:36ch;margin:0 0 22px;opacity:.9;font-size:16px}
.ie-btn-gold{align-self:flex-start;background:var(--gold);color:#20180c;font-weight:600;font-size:14px;
  padding:14px 28px;border-radius:2px}
.ie-hero-side{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.ie-tile{border-radius:3px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;
  min-height:150px}
.ie-tile.t1{background:#F1E7D4;color:var(--ink)}
.ie-tile.t2{background:var(--red);color:#F7ECD8}
.ie-tile small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.72}
.ie-tile b{font-family:var(--disp);font-weight:700;font-size:27px;line-height:1}
.ie-tile .go{font-size:13px;font-weight:600}
/* colaj de produse în hero */
.ie-hero-collage{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:12px}
.ie-hero-collage .hc{position:relative;border-radius:3px;overflow:hidden;background:#f2ece2;
  aspect-ratio:1/1;display:block}
.ie-hero-collage .hc img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ie-hero-collage .hc:hover img{transform:scale(1.05)}
.ie-hero-collage .hc-cap{position:absolute;left:0;right:0;bottom:0;padding:24px 12px 11px;color:#fff;
  background:linear-gradient(180deg,rgba(20,13,8,0),rgba(20,13,8,.82));font-size:12px;font-weight:600;
  display:flex;flex-direction:column;gap:1px;line-height:1.25}
.ie-hero-collage .hc-cap b{font-family:var(--disp);font-size:16px;font-weight:700}
.ie-hero-collage .hc-cap b del{opacity:.7;font-size:12px;font-weight:500;margin-left:4px}
@media(max-width:960px){.ie-hero-collage{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.ie-hero-collage .hc:nth-child(n+3){display:none}}

/* HERO CU POZĂ (full-bleed) */
.ie-hero-photo{position:relative;min-height:clamp(440px,62vh,640px);display:flex;align-items:center;
  background-size:cover;background-position:center;overflow:hidden}
.ie-hero-photo::before{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(18,22,36,.82) 0%,rgba(18,22,36,.55) 48%,rgba(18,22,36,.12) 100%)}
.ie-hero-photo-in{position:relative;color:#fff;padding-block:48px;max-width:var(--wrap);width:100%}
.ie-hero-photo .eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);
  font-weight:600;display:block;margin-bottom:16px}
.ie-hero-photo h1{font-family:var(--disp);font-weight:600;font-size:clamp(38px,6vw,72px);line-height:1;
  margin:0;max-width:16ch;text-wrap:balance;text-shadow:0 2px 20px rgba(0,0,0,.35)}
.ie-hero-photo p{max-width:46ch;font-size:17px;margin:18px 0 26px;opacity:.95;line-height:1.5;
  text-shadow:0 1px 12px rgba(0,0,0,.4)}
@media(max-width:680px){
  .ie-hero-photo{min-height:420px}
  .ie-hero-photo::before{background:linear-gradient(180deg,rgba(18,22,36,.45),rgba(18,22,36,.8))}
}

/* ============================================================
   HOMEPAGE — secțiuni de magazin
   ============================================================ */
/* carduri categorii cu imagine */
.ie-catcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ie-catcard{position:relative;display:block;aspect-ratio:4/3;border-radius:6px;overflow:hidden;isolation:isolate;
  background-color:#e7ddcd;background-size:cover;background-position:center;background-repeat:no-repeat;
  transition:transform .2s ease,box-shadow .2s ease}
.ie-catcard.no-img{background-image:linear-gradient(140deg,var(--indigo),var(--indigo-deep))}
.ie-catcard::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(20,20,30,0) 30%,rgba(20,20,30,.74))}
.ie-catcard:hover{transform:translateY(-3px);box-shadow:0 18px 38px -20px rgba(35,30,22,.6)}
.ie-catcard .cc-in{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:18px;color:#fff}
.ie-catcard .cc-in b{display:block;font-family:var(--disp);font-weight:700;font-size:23px;line-height:1.05}
.ie-catcard .cc-count{font-size:12.5px;opacity:.9}

/* feature cards „de ce noi" */
.ie-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ie-features .feat{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:22px}
.ie-features .fic{width:46px;height:46px;border-radius:50%;background:#F1E7D4;display:grid;place-items:center;color:var(--red);margin-bottom:14px}
.ie-features .fic svg{width:23px;height:23px}
.ie-features .feat b{display:block;font-family:var(--disp);font-weight:700;font-size:19px;margin-bottom:6px}
.ie-features .feat p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.5}

/* bandă „cum alegi" */
.ie-band-cream{background:#F7F1E6;border-block:1px solid var(--line);padding-block:clamp(36px,5vw,60px);margin-top:8px}
.ie-sec-head.center{flex-direction:column;text-align:center;align-items:center;gap:4px}
.ie-sec-head.center p{color:var(--muted);font-size:15px;margin:0;max-width:56ch}
.ie-howto{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}
.ie-howto .ht{background:#fff;border:1px solid var(--line);border-radius:6px;padding:24px}
.ie-howto .num{font-family:var(--disp);font-weight:700;font-size:34px;color:var(--gold);display:block;line-height:1;margin-bottom:8px}
.ie-howto .ht b{display:block;font-family:var(--disp);font-weight:700;font-size:20px;margin-bottom:6px}
.ie-howto .ht p{margin:0;font-size:14px;color:#3a3227;line-height:1.55}
.center{text-align:center}
.ie-btn-outline{display:inline-block;border:1px solid var(--indigo);color:var(--indigo);font-weight:600;font-size:14px;
  padding:12px 26px;border-radius:10px;transition:all .15s}
.ie-btn-outline:hover{background:var(--indigo);color:#fff}

/* bandă CTA */
.ie-cta-band{background:linear-gradient(120deg,var(--indigo),var(--indigo-deep));color:#fff;text-align:center;
  padding-block:clamp(40px,6vw,72px);margin-top:8px}
.ie-cta-band .eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);font-weight:600;display:block;margin-bottom:12px}
.ie-cta-band h2{font-family:var(--disp);font-weight:600;font-size:clamp(28px,4vw,44px);margin:0 0 10px;text-wrap:balance}
.ie-cta-band p{max-width:52ch;margin:0 auto 24px;opacity:.9;font-size:16px}

@media(max-width:900px){.ie-catcards,.ie-howto,.ie-features{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ie-catcards,.ie-features,.ie-howto{grid-template-columns:1fr}}

/* FAQ (acordeon nativ) */
.ie-faq{padding-block:clamp(36px,5vw,58px)}
.ie-faq .inner{max-width:760px;margin:22px auto 0}
.ie-faq details{border:1px solid var(--line);border-radius:10px;background:var(--card);margin-bottom:12px}
.ie-faq summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:600;font-size:16px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--ink)}
.ie-faq summary::-webkit-details-marker{display:none}
.ie-faq summary:hover{color:var(--red)}
.ie-faq summary .ic{width:24px;height:24px;flex:none;border-radius:50%;border:1px solid var(--line);
  display:grid;place-items:center;transition:transform .2s ease,background .2s ease,color .2s ease;color:var(--red)}
.ie-faq summary .ic::before{content:"+";font-size:19px;line-height:1;font-weight:400}
.ie-faq details[open] summary{color:var(--red)}
.ie-faq details[open] summary .ic{transform:rotate(45deg);background:var(--red);color:#fff;border-color:var(--red)}
.ie-faq details p{margin:0;padding:0 20px 20px;color:var(--muted);font-size:14.5px;line-height:1.6}

.ie-folk{display:block;height:20px;width:220px;margin:26px auto}

.ie-section{padding-block:clamp(30px,4.5vw,52px)}
.ie-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:20px}
.ie-sec-head h2{font-family:var(--disp);font-weight:600;font-size:clamp(26px,3.4vw,38px)}
.ie-sec-head a{font-size:13px;font-weight:600;color:var(--indigo)}
.ie-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.ie-cat{background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:18px 12px;text-align:center}
.ie-cat .ic{width:46px;height:46px;margin:0 auto 10px;border-radius:50%;background:#F1E7D4;
  display:grid;place-items:center;color:var(--red)}
.ie-cat .ic svg{width:24px;height:24px}
.ie-cat b{font-size:13px;font-weight:600;display:block;line-height:1.2}
.ie-cat span{font-size:11.5px;color:var(--muted)}

/* ============================================================
   PRODUCT CARDS (loops)
   ============================================================ */
.ie-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
/* anulează clearfix-ul WooCommerce (::before/::after) care ocupa prima celulă goală în grilă */
ul.products::before,ul.products::after{content:none!important;display:none!important}
ul.products li.product{margin:0;width:auto;float:none;list-style:none}
.ie-card{background:var(--paper);border:1px solid var(--line);border-radius:4px;overflow:hidden;
  display:flex;flex-direction:column;position:relative;margin:0;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.ie-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px -20px rgba(35,30,22,.5);border-color:rgba(35,30,22,.2)}
.ie-card .ie-thumb{aspect-ratio:4/5;position:relative;display:block;background:#f2ece2;overflow:hidden}
.ie-card .ie-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.ie-card:hover .ie-thumb img{transform:scale(1.04)}
.ie-card .ie-badge{position:absolute;left:10px;top:10px;background:var(--red);color:#F7ECD8;font-size:10.5px;
  font-weight:700;padding:4px 9px;border-radius:2px;z-index:2}
.ie-card .ie-heart{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.94);border:1px solid var(--line-soft);display:grid;place-items:center;
  color:var(--ink);z-index:2;box-shadow:0 2px 6px rgba(35,30,22,.12)}
.ie-card .ie-heart svg{width:16px;height:16px}
.ie-card .ie-heart.is-fav svg{fill:var(--red);color:var(--red)}
.ie-card .ie-cbody{padding:13px 15px 15px;display:flex;flex-direction:column;gap:5px;flex:1}
.ie-card .ie-shop{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--olive)}
.ie-card .ie-name{font-size:14.5px;font-weight:600;line-height:1.3;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ie-card .ie-name:hover{color:var(--red)}
.ie-card .ie-cfoot{margin-top:auto;padding-top:12px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ie-card .ie-price{font-family:var(--disp);font-weight:700;font-size:23px;color:var(--ink);line-height:1}
.ie-card .ie-price small{font-size:11px;font-weight:500;color:var(--muted);font-family:var(--body)}
.ie-card .ie-price del{color:var(--muted);font-weight:500;font-size:13px;margin-left:5px}
/* buton mic „Vezi în magazin" — pastilă cu accent de cusătură */
.ie-card .ie-cta{font-size:12px;font-weight:600;letter-spacing:.01em;color:#fff;display:inline-flex;
  align-items:center;gap:6px;white-space:nowrap;background:var(--indigo);border:none;border-radius:8px;
  padding:9px 14px;transition:all .15s}
.ie-card .ie-cta svg{width:13px;height:13px;transition:transform .15s}
.ie-card .ie-cta:hover{background:var(--indigo-deep)}
.ie-card:hover .ie-cta svg{transform:translate(2px,-2px)}

/* ============================================================
   ARCHIVE / LISTING
   ============================================================ */
.ie-arch-head{padding-block:22px 6px}
.ie-crumb{font-size:13px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.ie-crumb span{opacity:.5}
.ie-arch-head h1{font-family:var(--disp);font-weight:600;font-size:clamp(28px,4vw,42px)}
.ie-arch-head .count{color:var(--muted);font-size:14px;margin-top:4px}
.ie-arch-desc{color:var(--muted);font-size:14px;margin-top:6px;max-width:70ch}
/* toolbar arhivă (nr. produse + sortare) — stă deasupra produselor, nu lasă gol */
.ie-arch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.ie-arch-count{font-size:13px;color:var(--muted);font-weight:600}
.ie-sortform{margin:0}
.ie-filter{position:relative;display:inline-flex;align-items:center;gap:9px}
.ie-filter .lbl{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.ie-filter select{font-size:13px;font-weight:600;background:var(--paper);border:1px solid var(--line);
  border-radius:2px;padding:9px 36px 9px 14px;color:var(--ink);appearance:none;cursor:pointer}
.ie-filter::after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;pointer-events:none;
  border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg)}
.ie-chips-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.ie-chip{font-size:12.5px;font-weight:600;background:var(--paper);border:1px solid var(--line);border-radius:999px;
  padding:8px 14px;color:var(--ink)}
.ie-chip.on{background:var(--indigo);color:#fff;border-color:var(--indigo)}
.ie-arch-pagination{margin-top:28px}
.ie-arch-layout{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start;padding-bottom:40px}
.ie-side h3{font-family:var(--disp);font-weight:600;font-size:21px;margin:0 0 12px;padding-bottom:8px;
  border-bottom:2px solid var(--gold)}
.ie-side ul{list-style:none;margin:0 0 26px;padding:0}
.ie-side li{padding:8px 0;border-bottom:1px solid var(--line-soft);font-size:14px;display:flex;
  justify-content:space-between;align-items:center;gap:10px}
.ie-side li a{color:var(--ink)}
.ie-side li a:hover{color:var(--red)}
.ie-side li.cur a{color:var(--red);font-weight:700}
.ie-side li .c{color:var(--muted);font-size:12px;background:#F1E7D4;border-radius:999px;padding:1px 9px;font-variant-numeric:tabular-nums}
@media(min-width:961px){.ie-side{position:sticky;top:96px}}
.ie-arch-products ul.products{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}

/* ============================================================
   SINGLE PRODUCT (the money page)
   ============================================================ */
.ie-sp{padding-bottom:24px}
.ie-sp-crumb{padding-block:14px;font-size:13px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}
.ie-sp-crumb span{opacity:.5}
.ie-sp-main{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,54px)}
/* gallery */
.ie-gal{display:grid;grid-template-columns:64px 1fr;gap:12px}
.ie-gal-thumbs{display:flex;flex-direction:column;gap:10px}
.ie-gal-thumbs button{padding:0;aspect-ratio:1/1;border-radius:2px;border:1px solid var(--line);overflow:hidden;background:none}
.ie-gal-thumbs button.on{border-color:var(--indigo);outline:1px solid var(--indigo)}
.ie-gal-thumbs img{width:100%;height:100%;object-fit:cover}
.ie-gal-main{position:relative;aspect-ratio:4/5;border-radius:3px;overflow:hidden;border:1px solid var(--line);background:#f3ece1}
.ie-gal-main img{width:100%;height:100%;object-fit:cover}
.ie-gal-main .ie-disc{position:absolute;left:12px;top:12px;background:var(--red);color:#F7ECD8;font-size:12px;
  font-weight:700;padding:5px 11px;border-radius:2px}
/* info */
.ie-brandline{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.03em;
  text-transform:uppercase;color:var(--olive)}
.ie-brandline .reg{color:var(--muted);font-weight:600}
.ie-sp h1{font-family:var(--disp);font-weight:600;font-size:clamp(27px,3.6vw,40px);line-height:1.1;
  margin:12px 0 6px;text-wrap:pretty;overflow-wrap:break-word}
.ie-motifs{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 18px}
.ie-motifs a{font-size:12px;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:5px 12px;
  color:var(--ink);background:var(--paper)}
.ie-priceblock{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:4px}
.ie-priceblock .now{font-family:var(--disp);font-weight:700;font-size:36px;color:var(--ink);line-height:1}
.ie-priceblock .now b{font-weight:600;font-size:19px;color:var(--muted)}
.ie-priceblock .old{color:var(--muted);text-decoration:line-through;font-size:18px}
.ie-priceblock .save{background:#f0e2cf;color:#8a5a12;font-size:12px;font-weight:700;padding:4px 10px;border-radius:2px}
.ie-feednote{font-size:12.5px;color:var(--muted);margin:2px 0 16px;display:flex;align-items:center;gap:7px}
.ie-feednote svg{width:14px;height:14px;color:var(--ok);flex:none}
.ie-stock{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ok);margin-bottom:18px}
.ie-stock.out{color:var(--muted)}
.ie-stock .d{width:8px;height:8px;border-radius:50%;background:currentColor;display:block}
/* the BIG buy button */
.ie-buyrow{display:flex;gap:10px;margin-bottom:12px}
.ie-buy{flex:1;background:var(--red);color:#fff;border:none;border-radius:10px;padding:18px 26px;
  font-size:16px;font-weight:600;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;
  gap:10px;text-align:center;transition:background .15s,box-shadow .15s,transform .12s;
  box-shadow:0 10px 24px -12px rgba(158,47,40,.65)}
.ie-buy:hover{background:var(--red-deep);transform:translateY(-1px);box-shadow:0 18px 30px -14px rgba(158,47,40,.75)}
.ie-buy:active{transform:translateY(0)}
.ie-buy svg{width:19px;height:19px;transition:transform .15s}
.ie-buy:hover svg{transform:translate(2px,-2px)}

/* „Vezi în magazin" — romburi tricolore + sclipire (pe toate butoanele de magazin) */
.ie-tri{display:inline-flex;gap:5px;flex:none}
.ie-tri i{width:9px;height:9px;transform:rotate(45deg);border-radius:1px;display:block}
.ie-tri i:nth-child(1){background:var(--tri-blue)}
.ie-tri i:nth-child(2){background:var(--tri-yellow)}
.ie-tri i:nth-child(3){background:var(--tri-red)}
.ie-buy,.ie-sticky .go,.ie-card .ie-cta{position:relative;overflow:hidden}
.ie-buy::after,.ie-sticky .go::after,.ie-card .ie-cta::after{content:"";position:absolute;top:0;bottom:0;left:-60%;
  width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:skewX(-18deg);
  animation:ie-shine 3.6s ease-in-out infinite;pointer-events:none}
@keyframes ie-shine{0%{left:-60%}55%{left:120%}100%{left:120%}}
/* pe card: romburi mai mici, fără săgeată, ca să încapă */
.ie-card .ie-cta .ie-tri{gap:4px}
.ie-card .ie-cta .ie-tri i{width:7px;height:7px}
.ie-card .ie-cta svg{display:none}
@media(prefers-reduced-motion:reduce){.ie-buy::after,.ie-sticky .go::after,.ie-card .ie-cta::after{animation:none;display:none}}
.ie-fav-btn{width:58px;border:1px solid var(--line);background:var(--paper);border-radius:3px;display:grid;
  place-items:center;color:var(--ink)}
.ie-fav-btn svg{width:23px;height:23px;transition:.15s}
.ie-fav-btn.is-fav{border-color:var(--red);background:#fbeeec}
.ie-fav-btn.is-fav svg{fill:var(--red);color:var(--red)}
.ie-buysub{font-size:12px;color:var(--muted);margin-bottom:22px;line-height:1.5}
.ie-buysub a{color:var(--indigo);text-decoration:underline}
.ie-attrs{border-top:1px solid var(--line);padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
.ie-attrs .a{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:4px 0;border-bottom:1px dotted var(--line)}
.ie-attrs .a b{color:var(--muted);font-weight:500}
.ie-attrs .a span{font-weight:600;text-align:right}

/* price comparison */
.ie-compare{border:1px solid var(--line);border-radius:3px;overflow:hidden;background:var(--paper)}
.ie-cmp-row{display:grid;grid-template-columns:1.4fr 1fr 1.2fr auto;gap:14px;align-items:center;
  padding:15px 18px;border-top:1px solid var(--line)}
.ie-cmp-row:first-child{border-top:none}
.ie-cmp-row.best{background:#f7f1e6}
.ie-cmp-shop b{font-size:14.5px;font-weight:600;display:block}
.ie-cmp-shop small{font-size:11.5px;color:var(--muted)}
.ie-cmp-shop .best-tag{display:inline-block;margin-top:3px;background:var(--ok);color:#fff;font-size:10px;
  font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:2px}
.ie-cmp-price{font-family:var(--disp);font-weight:700;font-size:22px}
.ie-cmp-price small{font-size:12px;color:var(--muted);font-family:var(--body);font-weight:500}
.ie-cmp-ship{font-size:12.5px;color:var(--muted);line-height:1.4}
.ie-cmp-go{background:var(--indigo);color:#F4EEDD;font-size:13px;font-weight:600;padding:11px 18px;
  border-radius:2px;white-space:nowrap}
.ie-cmp-go.ghost{background:var(--paper);color:var(--indigo);border:1px solid var(--indigo)}

/* description + story */
.ie-desc-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(22px,4vw,44px);align-items:start}
.ie-desc h2{font-family:var(--disp);font-weight:600;font-size:26px;margin:0 0 10px}
.ie-desc{font-size:15px;color:#3a3227}
.ie-desc p{margin:0 0 14px;max-width:62ch}
.ie-story{background:var(--indigo);color:#EDE4CF;border-radius:3px;padding:28px}
.ie-story .k{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft);font-weight:600}
.ie-story h3{font-family:var(--disp);font-weight:600;font-size:24px;margin:8px 0 10px}
.ie-story p{font-size:14px;opacity:.92;margin:0 0 16px;line-height:1.55}
.ie-story a{font-size:13px;font-weight:600;color:var(--gold-soft)}

/* sticky buy bar */
.ie-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--paper);
  border-top:1px solid var(--line);box-shadow:0 -10px 28px -14px rgba(35,30,22,.45);
  padding:10px clamp(14px,4vw,40px);padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));
  display:flex;align-items:center;gap:14px;transform:translateY(120%);transition:transform .24s ease}
.ie-sticky.show{transform:translateY(0)}
.ie-sticky .th{width:46px;height:46px;border-radius:3px;flex:none;object-fit:cover;border:1px solid var(--line)}
.ie-sticky .info{min-width:0;flex:1}
.ie-sticky .nm{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ie-sticky .pr{font-family:var(--disp);font-weight:700;font-size:20px;line-height:1.1}
.ie-sticky .pr small{font-size:11.5px;font-weight:500;color:var(--muted);font-family:var(--body)}
.ie-sticky .go{background:var(--red);color:#fff;font-weight:600;font-size:14.5px;letter-spacing:.01em;
  padding:15px 24px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;
  white-space:nowrap;box-shadow:0 8px 18px -8px rgba(158,47,40,.6)}
.ie-sticky .go:hover{background:var(--red-deep)}
.ie-sticky .go svg{width:16px;height:16px}

/* related */
.ie-related{padding-block:clamp(28px,4vw,44px)}

/* favorites page */
.ie-fav-page{padding-block:26px 44px}
.ie-fav-empty{text-align:center;color:var(--muted);padding:60px 20px}
.ie-fav-empty h2{font-family:var(--disp);font-weight:600;font-size:28px;color:var(--ink);margin-bottom:8px}

/* ============================================================
   FOOTER
   ============================================================ */
.ie-footer{background:var(--indigo);color:#c8d2e2;margin-top:40px}
.ie-footer .ftop{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:28px;padding-block:42px 30px}
.ie-footer .fbrand .logo img{height:52px;filter:brightness(0) invert(1);opacity:.95;margin-bottom:14px}
.ie-footer .fbrand p{font-size:13px;line-height:1.6;opacity:.82;max-width:34ch;margin:0 0 14px}
.ie-footer .fsocial{display:flex;gap:10px}
.ie-footer .fsocial a{width:36px;height:36px;border:1px solid rgba(255,255,255,.22);border-radius:50%;
  display:grid;place-items:center;color:#e7ecf4}
.ie-footer .fsocial a:hover{background:rgba(255,255,255,.1)}
.ie-footer .fsocial svg{width:17px;height:17px}
.ie-footer h4{font-family:var(--disp);font-weight:600;font-size:19px;color:#fff;margin:0 0 14px}
.ie-footer .fcol ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.ie-footer .fcol a{font-size:13.5px;opacity:.85}
.ie-footer .fcol a:hover{opacity:1;color:var(--gold-soft)}
.ie-footer .fanpc{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.ie-footer .fanpc img{height:40px;width:auto;opacity:.95;border-radius:3px}
.ie-footer .fanpc a{display:inline-block}
.ie-footer .fbottom{border-top:1px solid rgba(255,255,255,.16);padding-block:18px 26px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;font-size:12px;opacity:.85}
.ie-footer .flegal{max-width:70ch;line-height:1.6}
.ie-footer .flegal b{color:#fff;opacity:.95}
.ie-footer .fbottom .fmini{display:flex;gap:16px;flex-wrap:wrap}
.ie-footer .fbottom .fmini a:hover{color:var(--gold-soft)}
.ie-footer .disc{font-size:12px;opacity:.8;margin-top:10px;line-height:1.55}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:960px){
  .ie-hero,.ie-sp-main,.ie-desc-grid{grid-template-columns:1fr}
  .ie-cats{grid-template-columns:repeat(3,1fr)}
  .ie-grid,ul.products{grid-template-columns:repeat(3,1fr)}
  .ie-arch-layout{grid-template-columns:1fr}
  .ie-side{order:2}
  .ie-cmp-row{grid-template-columns:1fr auto;grid-template-areas:"shop price" "ship go";row-gap:10px}
  .ie-cmp-shop{grid-area:shop}.ie-cmp-price{grid-area:price;text-align:right}
  .ie-cmp-ship{grid-area:ship}.ie-cmp-go{grid-area:go}
}
@media(max-width:680px){
  .ie-promo{display:none}
  .ie-menu-btn{display:block}
  .ie-head-in{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:8px}
  .ie-search{display:none}
  .ie-logo{justify-self:center}
  .ie-logo img{height:56px}
  .ie-fav-text{display:none}
  .ie-actions{gap:0;margin-left:0}
  .ie-nav ul{flex-wrap:nowrap;overflow-x:auto;padding-bottom:14px}
  .ie-nav a{white-space:nowrap}
  .ie-grid,ul.products{grid-template-columns:repeat(2,1fr)}
  .ie-cats{grid-template-columns:repeat(2,1fr)}
  /* galerie stivuită pe mobil: poza mare sus, miniaturi rând dedesubt */
  .ie-gal{display:flex;flex-direction:column;gap:10px}
  .ie-gal-main{order:1}
  .ie-gal-thumbs{order:2;flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:2px}
  .ie-gal-thumbs button{width:66px;flex:none}
  .ie-sticky .th,.ie-sticky .nm{display:none}
}
@media(max-width:440px){
  .ie-grid,ul.products{grid-template-columns:1fr}
  .ie-attrs{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ie-buy{animation:none}}

/* entry content (pagini & articole) */
.ie-entry{font-size:16px;line-height:1.7}
.ie-entry p{margin:0 0 16px}
.ie-entry h2{font-family:var(--disp);font-weight:600;font-size:28px;margin:28px 0 10px}
.ie-entry h3{font-family:var(--disp);font-weight:600;font-size:22px;margin:22px 0 8px}
.ie-entry a{color:var(--indigo);text-decoration:underline}
.ie-entry img{border-radius:3px;margin:10px 0}
.ie-entry ul,.ie-entry ol{margin:0 0 16px;padding-left:22px}
.ie-entry li{margin:6px 0}
.ie-entry blockquote{border-left:3px solid var(--gold);margin:18px 0;padding:4px 0 4px 18px;color:var(--muted);font-family:var(--disp);font-size:20px}

/* pagination (Woo + posts) — pastile rotunde, curat */
.woocommerce-pagination{margin-top:8px}
.woocommerce-pagination ul.page-numbers,.pagination .nav-links{display:flex;gap:8px;justify-content:center;
  list-style:none;padding:0;margin:0;border:0;flex-wrap:wrap}
.woocommerce-pagination ul.page-numbers li{margin:0;border:0;list-style:none}
.woocommerce-pagination .page-numbers,.pagination .page-numbers{display:inline-grid;place-items:center;
  min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font-weight:600;
  font-size:14px;color:var(--ink);background:var(--paper);text-decoration:none;font-variant-numeric:tabular-nums;
  transition:all .15s}
.woocommerce-pagination a.page-numbers:hover{border-color:var(--gold);color:var(--red)}
.woocommerce-pagination .page-numbers.current,.pagination .page-numbers.current{background:var(--indigo);color:#fff;border-color:var(--indigo)}
.woocommerce-pagination .page-numbers.dots{border-color:transparent;background:transparent;min-width:26px;color:var(--muted)}
.woocommerce-pagination .page-numbers.next,.woocommerce-pagination .page-numbers.prev{background:var(--indigo);
  color:#fff;border-color:var(--indigo);font-size:17px}
.woocommerce-pagination .page-numbers.next:hover,.woocommerce-pagination .page-numbers.prev:hover{background:var(--indigo-deep);border-color:var(--indigo-deep);color:#fff}

/* nav menu mobile toggle (simple) */
.ie-nav.ie-collapsed ul{display:none}
@media(max-width:680px){.ie-nav.ie-collapsed ul{display:none}.ie-nav.ie-open ul{display:flex}}

/* ============================================================
   TRUST STRIP pe fișa de produs (umple pagina, mereu vizibil)
   ============================================================ */
.ie-trust-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;
  border-top:1px solid var(--line);padding-top:18px}
.ie-trust-mini .tm{display:flex;gap:10px;align-items:flex-start}
.ie-trust-mini .tm .ic{width:34px;height:34px;flex:none;border-radius:50%;background:#F1E7D4;
  display:grid;place-items:center;color:var(--red)}
.ie-trust-mini .tm .ic svg{width:18px;height:18px}
.ie-trust-mini .tm b{display:block;font-size:13px;font-weight:600;line-height:1.2}
.ie-trust-mini .tm span{font-size:11.5px;color:var(--muted);line-height:1.3}
@media(max-width:520px){.ie-trust-mini{grid-template-columns:1fr;gap:14px}}

/* card „De ce ie-românească" (fallback când produsul n-are motiv) */
.ie-value{background:#F7F1E6;border:1px solid var(--line);border-radius:3px;padding:26px}
.ie-value .k{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:600}
.ie-value h3{font-family:var(--disp);font-weight:600;font-size:23px;margin:8px 0 14px}
.ie-value ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.ie-value li{display:flex;gap:10px;font-size:14px;line-height:1.4}
.ie-value li svg{width:18px;height:18px;color:var(--red);flex:none;margin-top:1px}

/* RELATED products — mai frumos, cu titlu centrat + linie folk */
.ie-related{padding-block:clamp(30px,4vw,52px);border-top:1px solid var(--line);margin-top:14px}
.ie-related .rel-head{text-align:center;margin-bottom:22px}
.ie-related .rel-head h2{font-family:var(--disp);font-weight:600;font-size:clamp(24px,3.2vw,34px)}
.ie-related .rel-head p{color:var(--muted);font-size:14px;margin:4px 0 0}
.ie-related .ie-folk{margin:14px auto 0}

/* ============================================================
   COOKIE CONSENT
   ============================================================ */
.ie-cookie{position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--indigo-deep);color:#e7ecf4;
  padding:16px clamp(16px,4vw,40px);padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));
  box-shadow:0 -12px 34px -16px rgba(0,0,0,.6);transform:translateY(120%);transition:transform .3s ease}
.ie-cookie.show{transform:translateY(0)}
.ie-cookie .cin{max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ie-cookie p{margin:0;font-size:13px;line-height:1.5;flex:1;min-width:240px}
.ie-cookie p a{color:var(--gold-soft);text-decoration:underline}
.ie-cookie .cbtns{display:flex;gap:10px;flex-wrap:wrap}
.ie-cookie button{border-radius:2px;padding:11px 20px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.3);cursor:pointer}
.ie-cookie .c-acc{background:var(--gold);color:#20180c;border-color:var(--gold)}
.ie-cookie .c-acc:hover{background:var(--gold-soft)}
.ie-cookie .c-rej{background:transparent;color:#e7ecf4}
.ie-cookie .c-rej:hover{background:rgba(255,255,255,.1)}
@media(max-width:600px){.ie-cookie .cbtns{width:100%}.ie-cookie .cbtns button{flex:1}}

/* footer responsive */
@media(max-width:900px){.ie-footer .ftop{grid-template-columns:1fr 1fr}.ie-footer .fbrand{grid-column:1/-1}}
@media(max-width:560px){.ie-footer .ftop{grid-template-columns:1fr}.ie-footer .fbottom{flex-direction:column;align-items:flex-start}}

/* ============================================================
   CONȚINUT SEO (homepage, sub produse) — pliabil
   ============================================================ */
.ie-seo-wrap{padding-bottom:44px}
.ie-seo{position:relative;max-height:440px;overflow:hidden;transition:max-height .35s ease}
.ie-seo.open{max-height:12000px}
.ie-seo-body{max-width:900px;margin:0 auto}
.ie-seo-body h2{font-family:var(--disp);font-weight:600;font-size:clamp(24px,3vw,32px);margin:30px 0 12px}
.ie-seo-body h3{font-family:var(--disp);font-weight:600;font-size:21px;margin:22px 0 8px;color:var(--indigo)}
.ie-seo-body p{margin:0 0 14px}
.ie-seo-body p:first-child{font-size:17px}
.ie-seo-fade{position:absolute;left:0;right:0;bottom:0;height:130px;pointer-events:none;
  background:linear-gradient(180deg,rgba(252,252,250,0),var(--bg))}
.ie-seo.open .ie-seo-fade{opacity:0}
.ie-seo-more{text-align:center;margin-top:18px}
.ie-seo-toggle{position:relative;background:var(--paper);border:1px solid var(--indigo);color:var(--indigo);
  font-weight:600;font-size:13.5px;letter-spacing:.02em;padding:12px 26px;border-radius:999px;cursor:pointer;transition:all .15s}
.ie-seo-toggle:hover{background:var(--indigo);color:#fff}
