/*
Theme Name: Chakra Stones
Theme URI: https://earthpixel.lepolichinelle.cloud
Description: Thème enfant Storefront — cabinet de curiosités minéralogique pour Chakra Stones.
Author: Chakra Stones
Template: storefront
Version: 1.0.1
Text Domain: chakra-stones
*/

:root{
  --cs-ground:#141310;
  --cs-surface:#211E17;
  --cs-surface-alt:#2A2822;
  --cs-ink:#EDE7D9;
  --cs-ink-soft:#93876E;
  --cs-line:#38332A;
  --cs-emerald:#6F9683;
  --cs-emerald-deep:#8FB49F;
  --cs-rust:#D97A47;
  --cs-rust-soft:#E89A5C;
}

body{
  background:var(--cs-ground) !important;
  color:var(--cs-ink) !important;
  font-family:'Inter',system-ui,-apple-system,sans-serif !important;
  -webkit-font-smoothing:antialiased;
}

.mono,
.woocommerce span.onsale,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.sku, .posted_in{
  font-family:'JetBrains Mono',ui-monospace,monospace !important;
}

h1,h2,h3,
.site-title,
.woocommerce div.product .product_title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:'Fraunces',Georgia,serif !important;
  font-weight:450;
  font-style:italic;
  color:var(--cs-ink) !important;
  letter-spacing:-.01em;
}

a{color:var(--cs-ink)}
a:hover{color:var(--cs-emerald-deep)}

/* ---------- header ---------- */
.site-header{
  background:color-mix(in srgb, var(--cs-ground) 92%, transparent) !important;
  border-bottom:1px solid var(--cs-line);
}
.site-branding .site-title a{
  font-family:'Fraunces',serif !important;
  font-style:italic;font-weight:450;
  color:var(--cs-ink) !important;
}
.main-navigation ul li a{
  color:var(--cs-ink-soft) !important;
  text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:500;
}
.main-navigation ul li a:hover{color:var(--cs-ink) !important}
.site-header-cart a.cart-contents{color:var(--cs-ink) !important}

/* ---------- buttons ---------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.button, button, input[type="submit"]{
  background:var(--cs-emerald-deep) !important;
  color:var(--cs-ground) !important;
  border-radius:2px !important;
  border:none !important;
  font-weight:600 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  transition:transform .15s ease, background .15s ease;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.button:hover, button:hover{
  background:var(--cs-emerald) !important;
  transform:translateY(-1px);
}
.woocommerce a.added_to_cart{
  color:var(--cs-rust-soft) !important;
  text-decoration:underline;
}

/* ---------- shop grid as specimen cards ---------- */
.woocommerce ul.products{
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--cs-line);
  border:1px solid var(--cs-line);
  list-style:none;margin:0 !important;padding:0 !important;
}
@media (max-width:900px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.woocommerce ul.products{grid-template-columns:1fr}}

.woocommerce ul.products li.product{
  background:var(--cs-ground) !important;
  padding:24px 22px 22px !important;
  margin:0 !important;
  width:100% !important;
  float:none !important;
  text-align:left !important;
  transition:background .2s ease;
  position:relative;
}
.woocommerce ul.products li.product:hover{background:var(--cs-surface) !important}

.woocommerce ul.products li.product a img{
  border:1px solid var(--cs-line) !important;
  background:var(--cs-surface) !important;
  border-radius:0 !important;
  margin-bottom:14px !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:1.1rem !important;
  margin:0 0 6px !important;
}

.woocommerce ul.products li.product .price{
  font-size:.92rem !important;
  color:var(--cs-ink) !important;
  display:block;margin-top:8px !important;
  padding-top:12px;border-top:1px solid var(--cs-line);
}
.woocommerce ul.products li.product .price ins{
  color:var(--cs-rust-soft) !important;text-decoration:none;
}
.woocommerce ul.products li.product .price del{color:var(--cs-ink-soft) !important;opacity:.7}

.woocommerce ul.products li.product .button{
  margin-top:10px !important;
  font-size:.78rem !important;
  padding:10px 16px !important;
}

.woocommerce span.onsale{
  background:var(--cs-rust) !important;
  color:var(--cs-ground) !important;
  border-radius:2px !important;
  font-size:.65rem !important;
  min-height:auto !important;min-width:auto !important;
  padding:4px 8px !important;
  line-height:1.4 !important;
  top:14px !important;left:14px !important;
}

/* ---------- single product ---------- */
.woocommerce div.product{
  background:var(--cs-surface);
  border:1px solid var(--cs-line);
  padding:32px;
}
.woocommerce div.product .woocommerce-product-gallery img{
  border:1px solid var(--cs-line);
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
  color:var(--cs-ink) !important;font-size:1.4rem !important;
}
.woocommerce div.product .product_meta,
.woocommerce div.product .product_meta a{
  color:var(--cs-ink-soft) !important;font-size:.78rem !important;
}
.woocommerce table.shop_attributes{
  border:1px solid var(--cs-line) !important;
  background:var(--cs-ground);
}
.woocommerce table.shop_attributes th{
  background:var(--cs-surface-alt) !important;
  color:var(--cs-emerald-deep) !important;
  font-family:'JetBrains Mono',monospace !important;
  font-size:.72rem !important;text-transform:uppercase;letter-spacing:.06em;
  border-bottom:1px solid var(--cs-line) !important;
}
.woocommerce table.shop_attributes td{
  color:var(--cs-ink-soft) !important;
  border-bottom:1px solid var(--cs-line) !important;
}

/* ---------- cart / checkout tables ---------- */
.woocommerce table.shop_table{
  border:1px solid var(--cs-line) !important;
  background:var(--cs-surface);
}
.woocommerce table.shop_table th{
  background:var(--cs-surface-alt) !important;
  color:var(--cs-emerald-deep) !important;
  font-family:'JetBrains Mono',monospace !important;
  font-size:.72rem !important;text-transform:uppercase;
}
.woocommerce table.shop_table td{
  border-top:1px solid var(--cs-line) !important;
  color:var(--cs-ink) !important;
}
.woocommerce-checkout #payment{
  background:var(--cs-surface) !important;
  border:1px solid var(--cs-line) !important;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  background:var(--cs-ground) !important;
  border:1px solid var(--cs-line) !important;
  color:var(--cs-ink) !important;
}

/* ---------- footer ---------- */
.site-footer{
  background:var(--cs-ground) !important;
  border-top:1px solid var(--cs-line);
  color:var(--cs-ink-soft) !important;
}
.site-footer a{color:var(--cs-ink-soft) !important}

/* ---------- widgets / misc ---------- */
.storefront-primary-navigation{background:transparent !important}
.woocommerce-breadcrumb{
  font-family:'JetBrains Mono',monospace !important;
  font-size:.72rem !important;color:var(--cs-ink-soft) !important;
}

/* ---------- onglets produit : masque le <h2> redondant ----------
   WooCommerce répète le libellé de l'onglet actif ("Description", "Reviews")
   en <h2> dans le panneau, en plus du libellé déjà affiché dans l'onglet
   lui-même — gardé dans le DOM pour l'accessibilité, masqué visuellement. */
.woocommerce-Tabs-panel--description > h2:first-child,
#reviews h2.woocommerce-Reviews-title{
  position:absolute !important;
  width:1px !important;height:1px !important;
  padding:0 !important;margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;border:0 !important;
}
.woocommerce-tabs ul.tabs li a{font-weight:600}

/* ---------- navigation minimale : Boutique + Panier uniquement ---------- */
.storefront-handheld-footer-bar{display:none !important}
body.storefront-full-width-content{padding-bottom:0 !important}