/* ============================================================
   Dravone – Chrome + WooCommerce-Restyling
   Wird nur auf WooCommerce-Seiten geladen (Shop, Produkt,
   Warenkorb, Kasse, Mein Konto). Bringt Navigation, Fußzeile
   und WooCommerce-Komponenten in das Dravone-Markendesign.
   ============================================================ */
:root{
  --dv-accent:#c98a4a; --dv-accent2:#e0a866; --dv-ink:#16191f; --dv-mut:#5a626d;
  --dv-bg:#fff; --dv-line:rgba(20,23,28,.12);
}
body.woocommerce-page, body.woocommerce{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  color:var(--dv-ink); background:var(--dv-bg);
}

/* ---- Navigation ---- */
nav.top{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;
  justify-content:space-between;padding:18px clamp(20px,5vw,64px);background:rgba(255,255,255,.97);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:box-shadow .3s;gap:0}
nav.top.scrolled{box-shadow:0 1px 0 rgba(0,0,0,.08)}
nav.top .brand{font-weight:800;font-size:1.2rem;color:var(--dv-ink);line-height:1;text-decoration:none;letter-spacing:-.02em}
nav.top .brand small{display:block;font-size:.65rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;margin-top:2px;color:#8a909b}
nav.top .menu{display:flex;gap:clamp(18px,2.5vw,36px);align-items:center}
nav.top .menu a{position:relative;text-decoration:none;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;padding-bottom:8px;color:var(--dv-mut);transition:color .2s}
nav.top .menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--dv-accent);transform:scaleX(0);transition:transform .25s ease;transform-origin:left;border-radius:2px}
nav.top .menu a:hover{color:var(--dv-ink)}nav.top .menu a:hover::after{transform:scaleX(1)}
nav.top .menu a.active{color:var(--dv-ink)}nav.top .menu a.active::after{transform:scaleX(1)}
.cart-hover-wrap{position:relative;display:inline-flex;align-items:center}
.cart-btn-nav{position:relative;background:none;border:none;cursor:pointer;color:var(--dv-ink);display:flex;align-items:center;padding:6px;text-decoration:none}
.cart-count{position:absolute;top:-5px;right:-7px;background:var(--dv-accent);color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:.6rem;font-weight:700;display:none;align-items:center;justify-content:center;padding:0 3px}
.cart-count.has-items{display:flex}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;color:var(--dv-ink);line-height:1}
@media(max-width:768px){nav.top{flex-wrap:wrap}.nav-toggle{display:flex}.menu{order:3;flex-basis:100%;flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .3s}.menu.open{max-height:320px;padding:8px 0 12px}.menu a{padding:10px 0}}

/* ---- Inhaltsbereich unter fixierter Nav ---- */
.dravone-woo-main{padding:clamp(110px,16vh,150px) clamp(20px,5vw,64px) clamp(60px,8vw,100px);max-width:1180px;margin:0 auto;min-height:60vh}

/* ---- Fußzeile ---- */
footer{background:#070809;color:#cfd4dc;padding:clamp(50px,7vw,90px) clamp(20px,5vw,64px) 28px;margin-top:40px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;max-width:1180px;margin:0 auto}
.fbrand{font-weight:700;font-size:1.3rem;color:#fff}.fbrand span{display:block;font-weight:400;font-size:.85rem;color:#8d96a3;margin-top:8px;max-width:240px}
.fcol h4{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#7e8a98;margin-bottom:14px}
.fcol a{display:block;color:#cfd4dc;text-decoration:none;margin:8px 0;font-size:.95rem}.fcol a:hover{color:#fff}
.fbar{max-width:1180px;margin:40px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#7e8a98;font-size:.85rem}
@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}}

/* ---- WooCommerce-Komponenten im Dravone-Stil ---- */
.woocommerce h1,.woocommerce h2,.woocommerce-page h1{letter-spacing:-.02em;color:var(--dv-ink)}
.woocommerce ul.products li.product h2,.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1.05rem;font-weight:600}
.woocommerce ul.products li.product{background:#fff;border:1px solid var(--dv-line);border-radius:18px;padding:18px;text-align:center;transition:box-shadow .2s,transform .2s}
.woocommerce ul.products li.product:hover{box-shadow:0 14px 40px rgba(40,25,10,.1);transform:translateY(-3px)}
.woocommerce ul.products li.product .price{color:var(--dv-ink);font-weight:700}
.woocommerce ul.products li.product .price del{color:#aaa;font-weight:400}
.woocommerce span.onsale{background:var(--dv-accent);color:#231405;border-radius:999px}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--dv-ink);font-weight:700;font-size:1.6rem}

/* Buttons */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.wc-block-components-button{
  background:linear-gradient(120deg,var(--dv-accent2),var(--dv-accent))!important;color:#231405!important;
  border:0!important;border-radius:999px!important;padding:13px 26px!important;font-weight:700!important;
  letter-spacing:.02em;transition:opacity .2s,transform .15s;box-shadow:none!important}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{opacity:.9;transform:translateY(-1px)}

/* Formulare / Felder (Kasse, Konto) */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce-page .select2-selection,
.woocommerce form .form-row select{border:1px solid var(--dv-line)!important;border-radius:10px!important;padding:12px 14px!important;background:#fcfbf9}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{outline:0;border-color:var(--dv-accent)!important;box-shadow:0 0 0 3px rgba(201,138,74,.14)!important}

/* Hinweise / Messages */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--dv-accent)!important;border-radius:12px}
.woocommerce-message::before,.woocommerce-info::before{color:var(--dv-accent)!important}

/* Tabellen (Warenkorb) */
.woocommerce table.shop_table{border-radius:14px;border-color:var(--dv-line)}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout #payment{border-radius:14px}

/* Mein-Konto-Navigation */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{color:var(--dv-accent);font-weight:700}