/*
Theme Name: FaisPouce
Theme URI: https://agencesw.com
Description: Thème enfant de la boutique FaisPouce. Chaque bloc est une étiquette d'avertissement : cadre noir, angles droits, titres en capitales.
Author: Agence SW
Author URI: https://agencesw.com
Template: twentytwentyfive
Version: 1.2.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: faispouce
*/

:root{--dp-cadre:4px}
body{-webkit-font-smoothing:antialiased}
:where(a):focus-visible,:where(button):focus-visible,:where(input,select,textarea):focus-visible{outline:3px solid var(--wp--preset--color--alerte);outline-offset:3px}

/* En-tête */
.dp-entete{border-bottom:var(--dp-cadre) solid var(--wp--preset--color--noir);position:sticky;top:0;z-index:20;background:var(--wp--preset--color--papier)}
.admin-bar .dp-entete{top:var(--wp-admin--admin-bar--height,0)}
.dp-entete .wp-block-site-title a{display:inline-block;background:var(--wp--preset--color--noir);color:var(--wp--preset--color--blanc);padding:6px 11px 4px;text-decoration:none;line-height:1.1}
.dp-entete .wp-block-navigation a{text-decoration:none;font-weight:500}
.dp-entete .wp-block-navigation a:hover{text-decoration:underline;text-underline-offset:4px}

/* Étiquette : cadre noir, bandeau noir */
.dp-etiquette{border:var(--dp-cadre) solid var(--wp--preset--color--noir);background:var(--wp--preset--color--blanc)}
.dp-bandeau{background:var(--wp--preset--color--noir);color:var(--wp--preset--color--blanc)}
.dp-bandeau :where(h1,h2,h3,p){color:inherit}
.dp-accroche{border:var(--dp-cadre) solid var(--wp--preset--color--noir)}
.dp-accroche .wp-block-button__link{background:var(--wp--preset--color--blanc);color:var(--wp--preset--color--noir);border-color:var(--wp--preset--color--blanc)}
.dp-chiffre{border:var(--dp-cadre) solid var(--wp--preset--color--noir);background:var(--wp--preset--color--blanc);padding:14px 16px}
.dp-chiffre .dp-nombre{font-family:var(--wp--preset--font-family--anton);font-size:52px;line-height:1;margin:0}
.dp-source{font-size:13px;color:var(--wp--preset--color--encre-douce)}
.dp-etapes{list-style:none;padding:0;margin:0;counter-reset:dp}
.dp-etapes li{counter-increment:dp;display:grid;grid-template-columns:46px 1fr;gap:10px;padding:12px 0;border-bottom:2px solid var(--wp--preset--color--noir)}
.dp-etapes li::before{content:counter(dp);font-family:var(--wp--preset--font-family--anton);font-size:38px;line-height:.9}

/* Boutons : angles droits, survol rouge */
.wp-element-button,.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce .button.alt,.wc-block-components-button{border-radius:0!important;transition:none}
.wp-element-button:hover,.wp-block-button__link:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--wp--preset--color--alerte)!important;border-color:var(--wp--preset--color--alerte)!important;color:var(--wp--preset--color--blanc)!important}

/* Grilles de produits : codes courts et blocs */
.woocommerce ul.products,.wc-block-product-template{gap:12px!important}
.woocommerce ul.products li.product,.wc-block-product-template>li.wc-block-product,li.wc-block-product{border:var(--dp-cadre) solid var(--wp--preset--color--noir);background:var(--wp--preset--color--blanc);padding:0 0 12px!important;text-align:left;margin:0!important}
.woocommerce ul.products li.product:hover,li.wc-block-product:hover{border-color:var(--wp--preset--color--alerte)}
.woocommerce ul.products li.product a img,li.wc-block-product .wc-block-components-product-image img{margin:0 0 10px!important;border-radius:0!important;width:100%;display:block}
li.wc-block-product .wc-block-components-product-image{margin:0 0 10px!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title,li.wc-block-product .wp-block-post-title{font-family:var(--wp--preset--font-family--anton);text-transform:uppercase;font-weight:400;font-size:19px!important;line-height:1.05;padding:0 12px!important;margin:0 0 6px!important;text-align:left!important}
li.wc-block-product .wp-block-post-title a{text-decoration:none}
.woocommerce ul.products li.product .price,li.wc-block-product .wc-block-components-product-price{padding:0 12px;text-align:left!important;display:block;color:var(--wp--preset--color--noir)}
.woocommerce ul.products li.product .button,li.wc-block-product .wp-block-button{margin:6px 12px 0!important;text-align:left!important;display:inline-block}
li.wc-block-product .wp-block-button__link{font-size:15px;padding:9px 14px 7px}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0}
.woocommerce ul.products li.product{width:auto!important;float:none!important}
@media (min-width:782px){.woocommerce ul.products.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.woocommerce ul.products.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Fiche produit */
.single-product .woocommerce-product-gallery{border:var(--dp-cadre) solid var(--wp--preset--color--noir);background:var(--wp--preset--color--blanc)}
.single-product .woocommerce-product-gallery img{border-radius:0!important}
.single-product form.cart{display:grid;gap:14px;justify-items:start}
.single-product form.cart .quantity input{border:3px solid var(--wp--preset--color--noir);border-radius:0;padding:10px}
.woocommerce-tabs ul.tabs li,.wc-block-components-product-details ul.tabs li{border-radius:0!important}

/* Champs de formulaire */
:where(.woocommerce,.wc-block-components-form,.gform_wrapper) :where(input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],select,textarea){border:3px solid var(--wp--preset--color--noir);border-radius:0}

/* Pied de page */
.dp-pied{border-top:var(--dp-cadre) solid var(--wp--preset--color--noir)}
.dp-aveu{font-family:var(--wp--preset--font-family--anton);text-transform:uppercase;line-height:1.06}

/* Grilles en blocs : visuel entier au format 4:5, deux colonnes sur mobile */
li.wc-block-product .wc-block-components-product-image,li.wc-block-product .wc-block-components-product-image a{aspect-ratio:4/5!important;height:auto!important;display:block}
li.wc-block-product .wc-block-components-product-image img{aspect-ratio:4/5!important;height:auto!important;object-fit:cover!important}
@media (max-width:600px){.wc-block-product-template.wc-block-product-template{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.dp-etapes li strong{font-size:1.0625rem}

/* Pages, articles, journal */
.dp-titre{font-family:var(--wp--preset--font-family--anton);text-transform:uppercase;font-weight:400;line-height:1.02;margin-bottom:.4em}
.dp-meta{font-size:14px;color:var(--wp--preset--color--encre-douce);margin:0 0 18px}
.dp-meta a{color:inherit}
.dp-journal .wp-block-post-template{display:grid;gap:14px;padding:0;list-style:none}
.dp-journal .wp-block-post-template>li{margin:0}
.dp-journal .dp-etiquette .wp-block-post-title{font-family:var(--wp--preset--font-family--anton);text-transform:uppercase;font-weight:400;line-height:1.05;margin:0 0 6px}
.dp-journal .dp-etiquette .wp-block-post-title a{text-decoration:none}
.dp-journal .dp-etiquette .wp-block-post-title a:hover{text-decoration:underline}
.dp-pied-liens{font-size:14px;margin:0 0 14px}
.dp-pied-liens a{color:inherit}
.wp-block-post-content .dp-etiquette p{margin:0}
.wp-block-post-content h2{font-family:var(--wp--preset--font-family--anton);text-transform:uppercase;font-weight:400;line-height:1.05;margin-top:1.6em;font-size:clamp(1.4rem,4.5vw,1.9rem)}
.dp-aveu{margin-bottom:16px}