/*
Theme Name: MawaPep (Kadence enfant)
Template: kadence
Description: Thème enfant du site de la Pépinière des Mawagits. Direction visuelle « La tournée » (validée au RDV 4) appliquée par-dessus Kadence ; le catalogue (assets/catalogue.css) porte le reste. Les réglages du Customizer (palette, logo, pied de page) sont notés dans scripts/deploiement/RESTAURER.md.
Version: 0.2.1
Text Domain: mawapep
*/

/* Polices hébergées ici : pas de requête vers Google (RGPD), et IBM Plex Mono n'existe pas dans les réglages Kadence. Licence OFL. */
@font-face{font-family:"Anton";font-weight:400;font-style:normal;font-display:swap;src:url(assets/fonts/anton-400.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:400 700;font-style:normal;font-display:swap;src:url(assets/fonts/instrumentsans-var.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-style:normal;font-display:swap;src:url(assets/fonts/plexmono-400.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:600;font-style:normal;font-display:swap;src:url(assets/fonts/plexmono-600.woff2) format("woff2")}

/* Variables de la démo (maquettes/src/demo.src.html). --o-text : seul orange permis pour du petit texte (4,9:1 sur blanc). */
:root{
	--ink:#17141a;--muted:#5d5862;--soft:#f4f1ee;--tint:#fbeee8;
	--o:#e8551e;--o-text:#c8440f;--v:#a03c9c;--v-soft:#f4e6f3;
	--display:"Anton","Impact","Arial Narrow Bold",sans-serif;
	--body:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
	--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
	--rule:3px solid var(--ink);
	--gut:clamp(16px,3.2vw,32px);
	color-scheme:light;
}

/* Base */
body{font-family:var(--body);color:var(--ink);background:#fff}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:.98;text-wrap:balance}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--o);outline-offset:2px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Boutons : carrés, bordure noire de 2 px, comme .btn de la démo */
.button,.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce #respond input#submit,button[type="submit"],input[type="submit"]{
	border:2px solid var(--ink);border-radius:0;background:var(--ink);color:#fff;font:700 15px/1 var(--body);padding:12px 18px;box-shadow:none;text-transform:none;letter-spacing:0}
.button:hover,.wp-block-button__link:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,button[type="submit"]:hover,input[type="submit"]:hover{background:var(--o);border-color:var(--o);color:#fff;box-shadow:none}
.button[disabled],button[disabled]{opacity:.45;cursor:not-allowed}
input[type="text"],input[type="email"],input[type="search"],input[type="number"],input[type="tel"],select,textarea{border:2px solid var(--ink);border-radius:0;background:#fff;font:16px var(--body);color:var(--ink)}

/* En-tête : blanc, filet noir de 3 px dessous */
.site-header .site-header-row-container-inner,.site-header-upper-inner-wrap{background:#fff}
#masthead{border-bottom:var(--rule)}
.site-main-header-inner-wrap{min-height:72px}
.site-branding .site-title{font:400 21px/1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.site-branding .custom-logo{max-height:44px;width:auto}
/* Page « Bientôt disponible » de WooCommerce : même titre que l'en-tête du site (sa taille reste celle de WooCommerce) */
.woocommerce-coming-soon-header-logo-title .wp-block-site-title,.woocommerce-coming-soon-header-logo-title .wp-block-site-title a{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.02em}
.header-navigation .header-menu-container ul li.menu-item>a,.mobile-navigation ul li.menu-item>a{font:600 15px var(--body);color:var(--ink);text-decoration:none}
.header-navigation .header-menu-container ul li.menu-item>a:hover,.header-navigation .header-menu-container ul li.current-menu-item>a,.header-navigation .header-menu-container ul li.current-menu-ancestor>a{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.header-navigation .header-menu-container ul ul.sub-menu{background:#fff;border:var(--rule);box-shadow:none;padding:8px 0}
.header-navigation .header-menu-container ul ul.sub-menu li.menu-item>a{padding:7px 14px;font-weight:600}
.header-navigation .header-menu-container ul ul.sub-menu li.menu-item>a:hover{background:var(--tint);text-decoration:none}
/* Bouton de panier habillé en « Devis » de la démo */
.header-cart-wrap .header-cart-button{border:2px solid var(--ink);border-radius:0;padding:6px 10px;font:700 14px var(--body);color:var(--ink);background:#fff}
.header-cart-wrap .header-cart-total,.header-cart-wrap .header-cart-button .kadence-svg-iconset+.header-cart-total{background:var(--o);color:#fff;font:400 13px/1 var(--display);padding:3px 6px;min-width:20px;text-align:center}

/* Fil d'Ariane */
.woocommerce-breadcrumb,.kadence-breadcrumbs{font:600 13px var(--mono);color:var(--muted)}
.woocommerce-breadcrumb a,.kadence-breadcrumbs a{color:var(--ink);text-decoration:none;border-bottom:1.5px solid currentColor}

/* Pied de page : fond encre, 3 colonnes (contenu = réglage « footer_html_content », voir RESTAURER.md) */
#colophon,.site-footer .site-footer-wrap{background:var(--ink);color:#fff}
.site-footer .footer-html,.site-footer .footer-html a{color:#e9e4e6;font-size:14px}
.site-footer .footer-html-inner,.mawa-footer{text-align:left}
.mawa-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;padding-block:14px}
.mawa-footer h2{font:400 26px/1 var(--display);text-transform:uppercase;color:#fff;margin:0 0 8px}
.mawa-footer p{margin:0 0 8px;color:#e9e4e6}
.mawa-footer ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}
.mawa-footer a{text-decoration:none}
.mawa-footer a:hover{text-decoration:underline}
.mawa-footer .note{font:12px/1.4 var(--mono);color:#bdb6ba}