/* ============================================================
   nilis.studio — Design-System v3 (Theme-Basis)
   weiß/beige/schwarz · Akzente Eukalyptus + Türkis
   ============================================================ */
:root{
  --black:#1a1a18;
  --ink:#26261f;
  --ink-soft:#6f6e64;
  --beige:#efe9df;
  --beige-2:#e6ded0;
  --beige-3:#f3eee4;--card:#f3eee4;
  --photo-bg:#ffffff;
  --white:#ffffff;
  --paper:#fbf9f4;
  --euca:#6f8f7d;
  --euca-dk:#566f60;
  --euca-soft:#e0e8e2;
  --tuerkis:#3fb0a8;
  --tuerkis-dk:#2c8a83;
  --tuerkis-soft:#d7efec;
  --terra:#b97d63;
  --line:#e4ddd0;
  --line-2:#ece5d8;
  --r-img:9px;
  --r-img-lg:11px;
  --r-pill:6px;
  --sh-sm:0 4px 16px -8px rgba(40,40,30,.16);
  --sh:0 14px 38px -22px rgba(40,40,30,.26);
  --sh-lg:0 30px 70px -34px rgba(40,40,30,.34);
  --disp:'Cormorant Garamond',Georgia,serif;
  --body:'Manrope',-apple-system,sans-serif;
  --logo:'Geologica','Manrope',sans-serif;
  --maxw:1300px;
}

/* ---- Reset, scoped: nur Inhalt, Elementor-Header/Footer bleiben unberührt ---- */
.woocommerce *,.nilis-wc *{box-sizing:border-box}
body.woocommerce,body.woocommerce-page,
body.woocommerce-cart,body.woocommerce-checkout,
body.woocommerce-account,body.archive.woocommerce,
body.single-product{
  font-family:var(--body);color:var(--ink);background:var(--paper);
  font-weight:400;line-height:1.62;-webkit-font-smoothing:antialiased;letter-spacing:-.011em;
}
.nilis-wc img{max-width:100%;display:block}
.nilis-wc a{color:inherit;text-decoration:none}
.nilis-wc h1,.nilis-wc h2,.nilis-wc h3,.nilis-wc h4{
  font-family:var(--disp);font-weight:500;line-height:1.05;letter-spacing:.005em;text-wrap:balance;
}
.nilis-wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}

/* ---- Brotkrumen ---- */
.nilis-crumb{font-size:.78rem;color:var(--ink-soft);margin:22px 0 20px}
.nilis-crumb a:hover{color:var(--euca)}
.nilis-crumb .sep{margin:0 7px;opacity:.5}
.nilis-crumb .current{color:var(--ink)}
.woocommerce-breadcrumb{font-size:.78rem;color:var(--ink-soft);margin:22px auto 20px;max-width:var(--maxw);padding:0 26px}
.woocommerce-breadcrumb a:hover{color:var(--euca)}

/* ---- Buttons (global, WooCommerce-Mapping) ---- */
.nilis-wc .button,
.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page .button{
  font-family:var(--body);font-weight:600;font-size:.86rem;letter-spacing:.01em;
  background:var(--ink);color:#fff;border:1px solid var(--ink);
  border-radius:var(--r-pill);padding:13px 26px;cursor:pointer;
  transition:.2s;line-height:1.2;text-transform:none;
}
.nilis-wc .button:hover,
.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover{
  background:var(--euca-dk);border-color:var(--euca-dk);color:#fff;
}
.woocommerce .button.alt,
.woocommerce button.button.alt,
.woocommerce a.button.alt{
  background:var(--euca);border-color:var(--euca);
}
.woocommerce .button.alt:hover{background:var(--euca-dk);border-color:var(--euca-dk)}
.nilis-btn-ghost{
  background:#fff;color:var(--ink);border:1px solid var(--line);
  border-radius:var(--r-pill);padding:13px 26px;font-weight:600;font-size:.86rem;transition:.2s;
}
.nilis-btn-ghost:hover{border-color:var(--euca);color:var(--euca-dk)}

/* ---- Preise / MwSt ---- */
.woocommerce .price,.nilis-price{font-family:var(--body);color:var(--ink);font-weight:600}
.woocommerce .price del,.nilis-price .old{color:var(--ink-soft);opacity:.7;font-weight:400;margin-left:8px}
.woocommerce .price ins{text-decoration:none;color:var(--terra)}
.nilis-vat{font-size:.72rem;color:var(--ink-soft);font-weight:400;margin-left:6px}

/* ---- Badges ---- */
.nilis-badge{
  position:absolute;top:12px;left:12px;z-index:3;font-size:.68rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:var(--r-pill);
}
.nilis-badge.new{background:var(--euca);color:#fff}
.nilis-badge.sale{background:var(--terra);color:#fff}
.woocommerce span.onsale{
  background:var(--terra);color:#fff;border-radius:var(--r-pill);
  min-width:auto;min-height:auto;padding:5px 10px;font-size:.68rem;font-weight:700;
  top:12px;left:12px;right:auto;margin:0;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;
}

/* ---- USP-Leiste (optional, unter Header) ---- */
.nilis-usp{background:var(--beige-3);border-bottom:1px solid var(--line)}
.nilis-usp .row{display:flex;gap:30px;justify-content:center;padding:11px 26px;flex-wrap:wrap;max-width:var(--maxw);margin:0 auto}
.nilis-usp span{font-size:.78rem;color:var(--ink-soft);font-weight:500;display:flex;align-items:center;gap:7px}
.nilis-usp svg{width:15px;height:15px;stroke:var(--euca);fill:none;stroke-width:1.8}

/* ---- Versand-Fortschrittsbalken ---- */
.nilis-shipbar{background:var(--euca-soft);border:1px solid var(--euca);border-radius:var(--r-img);padding:14px 18px;margin-bottom:22px;font-size:.85rem;color:var(--euca-dk);font-weight:500}
.nilis-shipbar .bar{height:6px;background:#fff;border-radius:999px;margin-top:9px;overflow:hidden}
.nilis-shipbar .bar i{display:block;height:100%;background:var(--euca);border-radius:999px}

/* ---- Notices ---- */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  border-top-color:var(--euca);border-radius:var(--r-img);
  background:var(--euca-soft);font-size:.88rem;
}
.woocommerce-message::before,.woocommerce-info::before{color:var(--euca)}
.woocommerce-error{background:#f7e7e1;border-top-color:var(--terra)}
.woocommerce-error::before{color:var(--terra)}

/* ---- Mengensteuerung ---- */
.woocommerce .quantity .qty,.nilis-qty input{
  border:1px solid var(--line);border-radius:var(--r-pill);
  padding:9px 6px;font-family:var(--body);text-align:center;color:var(--ink);background:#fff;
}
.nilis-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--r-pill);overflow:hidden;background:#fff}
.nilis-qty button{width:38px;height:42px;font-size:1.1rem;color:var(--ink);background:#fff}
.nilis-qty button:hover{background:var(--beige-3)}
.nilis-qty input{border:none;width:44px;height:42px;text-align:center}

/* ---- Allgemeine Seitenüberschrift ---- */
.nilis-page-head{text-align:center;padding:34px 0 8px}
.nilis-page-head .eyebrow{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--euca);font-weight:700;margin-bottom:8px}
.nilis-page-head h1{font-size:2.6rem}
.nilis-page-head p{color:var(--ink-soft);font-size:.95rem;max-width:560px;margin:12px auto 0}

@media(max-width:860px){
  .nilis-wrap{padding:0 18px}
  .nilis-page-head h1{font-size:2rem}
}
