/*
Theme Name: Douka Theme
Theme URI: https://douka.com.br
Author: Douka
Author URI: https://douka.com.br
Description: Tema leve e elegante para a loja Douka (camisetas de karatê), com landing page e suporte WooCommerce.
Version: 1.0.0
License: GPLv2 or later
Text Domain: douka-theme
*/

:root {
  --dk-primary:#d72638; /* vermelho douka */
  --dk-dark:#0f0f10;
  --dk-muted:#8b8f98;
  --dk-gold:#c8a96a;
}
body { font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color:#1b1d21; background:#fff; }
.brand-jp { font-family: 'Noto Serif JP', serif; letter-spacing:.5px; }
.navbar { background: rgba(17,17,17,.85)!important; backdrop-filter: blur(6px); }
.navbar .nav-link { color:#fff !important; opacity:.9 }
.navbar .nav-link:hover { opacity:1 }
.btn-dk { background: var(--dk-primary); color:#fff; border:0; }
.btn-dk:hover { background:#ba1f2f; color:#fff }
.btn-ghost { border:1px solid #fff; color:#fff }
.btn-ghost:hover { background:#fff; color:#111 }
.hero { position: relative; min-height: 86vh; display:grid; place-items:center; color:#fff; background: radial-gradient(ellipse at top, rgba(215,38,56,.25), rgba(17,17,17,.85)), url('https://images.unsplash.com/photo-1620207418302-439b387441b0?q=80&w=1400&auto=format&fit=crop') center/cover no-repeat fixed; }
.hero .headline { font-size: clamp(2.2rem, 5vw, 4rem); line-height:1.05; }
.hero .sub { max-width: 680px; opacity:.95 }
.badge-ribbon { position:absolute; top:14px; left:14px; background: var(--dk-primary); color:#fff; font-weight:700; font-size:.75rem; padding:.375rem .5rem; border-radius:.35rem; }
.card-product { border:0; border-radius:1rem; overflow:hidden; box-shadow: 0 8px 24px rgba(0,0,0,.06); transition: transform .25s ease, box-shadow .25s ease; }
.card-product:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,.1); }
.card-product img { aspect-ratio: 1/1; object-fit: cover; }
.section-title { font-weight:800; letter-spacing:.2px; }
.section-sub { color: var(--dk-muted); }
.feature i { font-size:1.6rem; color:var(--dk-primary); }
.divider { height:1px; background:linear-gradient(90deg, transparent, #e9eaee, transparent); }
.cta-custom { background: linear-gradient(135deg, #111, #1f1f1f); color:#f1f1f1; border-radius:1.25rem; overflow:hidden; }
.cta-custom .bg-img { background:url('https://images.unsplash.com/photo-1517849845537-4d257902454a?q=80&w=1400&auto=format&fit=crop') center/cover no-repeat; min-height: 280px; }
.faq .accordion-button:not(.collapsed) { background:#fff; color:#111; }
.footer { background:#0f0f10; color:#cfd2d8 }
.footer a { color:#fff; text-decoration:none }
.topbar { background:#111; color:#fff; font-size:.9rem }
.topbar .bi { color: var(--dk-gold) }
.whats { position:fixed; right:18px; bottom:18px; z-index:50; }