/*
Theme Name:   Astra Top-Clôture
Theme URI:    https://top-cloture.fr
Description:  Thème enfant d'Astra pour Top-Clôture (CFP Distribution). Charte : charcoal, papier chaud, bronze anodisé ; Archivo, Inter, IBM Plex Mono.
Author:       CFP Distribution — Top-Clôture
Template:     astra
Version:      0.1.0
Requires at least: 6.0
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  astra-topcloture
*/

/* =====================================================================
   1. Polices auto-hébergées (RGPD : aucun appel à Google Fonts)
   Fichiers attendus dans fonts/ — voir fonts/LISEZMOI.txt.
   Tant qu'ils manquent, les piles de repli ci-dessous prennent le relais.
   ===================================================================== */
@font-face{
  font-family:"Archivo";
  src:url("fonts/archivo-latin-wght-normal.woff2") format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("fonts/inter-latin-wght-normal.woff2") format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"IBM Plex Mono";
  src:url("fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"IBM Plex Mono";
  src:url("fonts/ibm-plex-mono-latin-600-normal.woff2") format("woff2");
  font-weight:600;font-style:normal;font-display:swap;
}

/* =====================================================================
   2. Tokens de la charte
   Les couleurs « marque » sont aussi écrites dans la palette globale
   d'Astra (functions.php) : boutons, liens et WooCommerce les reprennent
   via --ast-global-color-N. Ces --tc-* servent au CSS sur mesure.
   ===================================================================== */
:root{
  /* charte (CLAUDE.md) */
  --tc-charcoal:#14181f;
  --tc-papier:#f5f3ee;
  --tc-bronze:#a8683a;          /* accent : décor, filets, pictos, grands titres */

  /* dérivés — accessibilité : le bronze de la charte n'atteint pas 4,5:1
     en texte (4,0 sur papier, 4,46 en blanc sur bronze) */
  --tc-bronze-texte:#8f5530;    /* liens, boutons : 5,4:1 sur papier, 6:1 blanc dessus */
  --tc-bronze-fonce:#7a4727;    /* survol */
  --tc-bronze-clair:#c4844f;    /* bronze sur fond charcoal : 5,7:1 */
  --tc-charcoal-2:#1f252e;      /* sections sombres secondaires */
  --tc-texte:#2e333b;           /* texte courant : 11,5:1 sur papier */
  --tc-texte-doux:#5f636b;      /* légendes, méta : 5,4:1 sur papier */
  --tc-blanc:#ffffff;
  --tc-papier-2:#ebe7df;        /* fond discret (encarts) */
  --tc-filet:#d8d2c6;           /* bordures */

  /* typographie */
  --tc-font-titre:"Archivo","Helvetica Neue",Arial,sans-serif;
  --tc-font-texte:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --tc-font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --tc-poids-titre:800;

  /* formes */
  --tc-rayon:11px;
  --tc-rayon-lg:16px;
  --tc-ombre:0 1px 2px rgba(20,24,31,.05),0 10px 30px rgba(20,24,31,.08);
}

/* =====================================================================
   3. Typographie
   Sélecteurs alignés sur le CSS dynamique d'Astra (chargé avant ce
   fichier) : à spécificité égale, ce fichier l'emporte. Les polices ne
   sont PAS réglées dans le Customizer d'Astra, sinon il les chargerait
   depuis Google.
   ===================================================================== */
body,button,input,select,textarea,.ast-button,.ast-custom-button{
  font-family:var(--tc-font-texte);
}
body{
  color:var(--tc-texte);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6,
.entry-content h1,.entry-content h2,.entry-content h3,
.entry-content h4,.entry-content h5,.entry-content h6,
.site-title,.site-title a,.entry-title,.entry-title a,
.woocommerce-loop-product__title,.product_title{
  font-family:var(--tc-font-titre);
  font-weight:var(--tc-poids-titre);
  letter-spacing:-.02em;
  color:var(--tc-charcoal);
}

/* Données techniques : cotes, prix, références */
.tc-mono,code,kbd,
.woocommerce-Price-amount,
.woocommerce .sku,.woocommerce .product_meta,
.woocommerce table.shop_attributes td{
  font-family:var(--tc-font-mono);
  font-feature-settings:"tnum" 1;
}

/* Surtitre en capitales (même rôle que .eyebrow des maquettes) */
.tc-surtitre{
  font-family:var(--tc-font-titre);font-weight:700;font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--tc-bronze-texte);
}

/* =====================================================================
   4. Détails d'interface
   ===================================================================== */
::selection{background:var(--tc-bronze);color:var(--tc-blanc)}

a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--tc-bronze-texte);
  outline-offset:2px;
}

/* Filet bronze sous les titres de section marqués .tc-filet */
.tc-filet::after{
  content:"";display:block;width:48px;height:3px;margin-top:.5em;
  background:var(--tc-bronze);border-radius:2px;
}

/* Sections sombres (bloc Groupe avec la classe .tc-sombre) */
.tc-sombre{background:var(--tc-charcoal);color:var(--tc-papier)}
.tc-sombre h1,.tc-sombre h2,.tc-sombre h3,.tc-sombre h4{color:var(--tc-papier)}
.tc-sombre a{color:var(--tc-bronze-clair)}

/* =====================================================================
   5. Plugin top-cloture-configurateur
   Ses widgets sont en Shadow DOM : seules ses variables --tcc-* passent.
   ===================================================================== */
.tcc-hote{
  --tcc-navy:var(--tc-charcoal);
  --tcc-navy-deep:#0e1116;
  --tcc-navy-ink:var(--tc-charcoal);
  --tcc-font-titre:var(--tc-font-titre);
  --tcc-font-texte:var(--tc-font-texte);
  --tcc-maxw:var(--ast-normal-container-width,1200px);
}