/*
Theme Name: Passion de Coco — Charte
Template: astra
Author: Kefa Network Group
Description: Thème enfant Astra portant la charte bohème chic de La Passion de Coco (crème / vert de gris / terracotta, Fraunces + Work Sans). Aligné sur les maquettes design/.
Version: 1.0
*/

/* ============ TOKENS (charte) ============ */
:root{
  --creme:#F6F1E7; --card:#FBF8F2; --encre:#3A352E; --encre2:#6B6256;
  --sauge:#7C8C6B; --saugeF:#4E5A41; --saugeC:#A7B89C;
  --terra:#A85A3C; --terraC:#C97B57; --bois:#C8A06A; --paille:#DCC9A6; --bord:#E3DAC9;
  --radius:14px;
}

/* ============ BASE ============ */
body{ background:var(--creme); color:var(--encre); font-family:'Work Sans',sans-serif; }
h1,h2,h3,h4,.site-title,.entry-title,.woocommerce-loop-product__title,.product_title{
  font-family:'Fraunces',serif !important; font-weight:600; line-height:1.12; color:var(--encre);
}
a{ color:var(--saugeF); } a:hover{ color:var(--sauge); }
.ast-container,.site-content{ background:transparent; }

/* ============ EN-TÊTE / PIED ============ */
.main-header-bar{ background:var(--creme) !important; border-bottom:1px solid var(--bord); }
.site-title a{ color:var(--encre) !important; font-size:24px; }
.ast-builder-layout-element .main-header-menu a{ font-weight:500; color:var(--encre); }
.footer-adv,.site-footer{ background:var(--saugeF) !important; color:var(--paille); }
.site-footer a{ color:var(--paille); }
.site-footer h2,.site-footer h3{ color:#fff !important; }

/* bandeau réassurance haut (Astra top bar) */
.ast-above-header-bar{ background:var(--saugeF); color:var(--paille); font-size:12.5px; }

/* ============ BOUTONS ============ */
.ast-button,.button,.wp-block-button__link,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce .single_add_to_cart_button{
  background:var(--saugeF) !important; color:#fff !important; border:none !important;
  border-radius:10px !important; padding:13px 26px !important; font-weight:600 !important;
  font-family:'Work Sans',sans-serif !important; transition:.2s !important; box-shadow:none !important;
}
.ast-button:hover,.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover{ background:var(--sauge) !important; }

/* bouton accent (sur-mesure / promo) : ajouter la classe .btn-accent */
.btn-accent,.woocommerce a.button.btn-accent{ background:var(--terra) !important; }
.btn-accent:hover{ background:var(--terraC) !important; }

/* bouton secondaire (contour) : classe .btn-outline */
.btn-outline{ background:transparent !important; color:var(--saugeF) !important;
  border:1.5px solid var(--saugeF) !important; }

/* ============ PRIX ============ */
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,
.woocommerce div.product span.price{ color:var(--encre) !important; font-weight:600; }
.woocommerce ul.products li.product .price{ font-size:1.05rem; }

/* ============ CARTES PRODUIT ============ */
.woocommerce ul.products li.product{
  background:var(--card); border:1px solid var(--bord); border-radius:var(--radius);
  overflow:hidden; padding-bottom:14px; transition:.2s; text-align:left;
}
.woocommerce ul.products li.product:hover{ box-shadow:0 14px 30px rgba(78,90,65,.12); transform:translateY(-3px); }
.woocommerce ul.products li.product a img{ border-radius:0; margin-bottom:10px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ padding:0 14px; font-size:17px; font-weight:500; }
.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .button{ margin:6px 14px 0; }

/* badge promo + badge custom "Pièce unique" / "Acier inoxydable" (span.kgn-badge) */
.woocommerce span.onsale,.kgn-badge{
  background:var(--paille) !important; color:var(--encre) !important; border-radius:14px;
  font-size:11px; font-weight:600; padding:4px 11px; min-height:auto; line-height:1.4;
}
.kgn-badge.acier{ background:var(--saugeC) !important; }

/* ============ FICHE PRODUIT ============ */
.woocommerce div.product .product_title{ font-size:34px; }
.woocommerce div.product .woocommerce-product-gallery img{ border-radius:18px; }
.single-product .kgn-unique{ display:inline-flex; gap:8px; align-items:center; background:#EEF1E8;
  border:1px solid var(--saugeC); color:var(--saugeF); font-weight:600; font-size:13px;
  padding:7px 14px; border-radius:20px; margin:10px 0; }

/* ============ FIL D'ARIANE / NAV ============ */
.woocommerce-breadcrumb{ color:var(--encre2); font-size:13px; }
.woocommerce-breadcrumb a{ color:var(--encre2); } .woocommerce-breadcrumb a:hover{ color:var(--saugeF); }

/* ============ DIVERS ============ */
.woocommerce-message,.woocommerce-info{ border-top-color:var(--saugeF) !important; }
input[type=text],input[type=email],input[type=tel],textarea,select{
  border:1px solid var(--bord) !important; border-radius:9px !important; background:var(--card); }
*:focus-visible{ outline:2px solid var(--saugeF); outline-offset:2px; }