/*
Theme Name: Helmet Shop Child
Theme URI:  https://example.com/helmetshop-child
Description: Child theme for Astra, tailored for a roller helmet WooCommerce shop (black/red/white).
Author: Generated by GPT
Template: astra
Version: 1.0.0
Text Domain: helmetshop-child
*/

:root{
  --brand:#111111;
  --accent:#D62828;
  --bg:#FFFFFF;
  --muted:#6B7280;
}

body{ font-family: 'Inter', sans-serif; color:var(--brand); background:var(--bg); }
a{ color:var(--brand); }
.btn-primary{ background:var(--brand); color:#fff; padding:10px 16px; border-radius:8px; display:inline-block; text-decoration:none; }
.btn-accent{ background:var(--accent); color:#fff; padding:10px 16px; border-radius:8px; display:inline-block; text-decoration:none; }

/* Product card */
.helmet-card{ border-radius:12px; padding:12px; box-shadow:0 6px 18px rgba(0,0,0,0.06); background:#fff; }
.helmet-card .price{ font-weight:700; font-size:1.1rem; color:var(--brand); }
.helmet-card .orig-price{ text-decoration:line-through; color:var(--muted); margin-left:8px; font-weight:400; font-size:0.95rem; }

/* Quickview modal */
#helmet-quickview-modal{ display:none; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); align-items:center; justify-content:center; z-index:9999; }
#helmet-quickview-modal .qv-inner{ background:#fff; max-width:960px; width:95%; border-radius:10px; padding:18px; }

/* Sticky add-to-cart for mobile */
#helmet-sticky-cart{ display:none; position:fixed; left:0; right:0; bottom:0; background:#fff; padding:12px; box-shadow:0 -6px 18px rgba(0,0,0,0.08); z-index:9998; align-items:center; justify-content:space-between; }
@media (max-width: 768px){
  #helmet-sticky-cart{ display:flex; }
}

/* Filters wrapper */
.helmet-filters{ margin-bottom:18px; padding:12px; background:#fff; border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,0.04); }