/*
Theme Name: Aux Francs Copeaux — Child
Theme URI: https://aux-francs-copeaux.fr/
Template: blocksy
Author: Noé DEMAZY (ECODEV Conseils)
Author URI: https://ecodev-conseils.fr/
Description: Thème enfant Blocksy pour Aux Francs Copeaux — boutique artisanale bois & résine de Frank DEMAZY. Palette noyer/chêne/teal, typographie Fraunces + Cabin + Amatic SC.
Version: 0.9.42
Requires at least: 6.4
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: afc-child
*/
/* ———————————————————————————————————————————————————————————
DESIGN SYSTEM — Aux Francs Copeaux
Source : design-system/auxfrancscopeaux/MASTER.md
———————————————————————————————————————————————————————————— */
:root {
--color-primary: #3E2723;
--color-on-primary: #FAF7F2;
--color-secondary: #8B6F47;
--color-accent: #0F6E6B;
--color-accent-dark: #0B5754;
--color-background: #FAF7F2;
--color-surface: #FFFFFF;
--color-foreground: #1F1410;
--color-muted: #E8E0D5;
--color-border: #D9CEBF;
--color-destructive: #B91C1C;
--color-ring: #0F6E6B;
--space-xs: 4px; --space-sm: 8px; --space-md: 16px; --space-lg: 24px;
--space-xl: 40px; --space-2xl: 64px; --space-3xl: 96px;
--radius-sm: 4px; --radius-md: 8px; --radius-lg: 16px; --radius-pill: 9999px;
--shadow-sm: 0 1px 2px rgba(31,20,16,0.06);
--shadow-md: 0 6px 16px rgba(31,20,16,0.08);
--shadow-lg: 0 18px 40px rgba(31,20,16,0.12);
--shadow-xl: 0 30px 60px rgba(31,20,16,0.18);
--font-heading: "Fraunces", Georgia, serif;
--font-body: "Cabin", -apple-system, system-ui, sans-serif;
--font-accent: "Amatic SC", cursive;
}
/* Override Blocksy tokens pour cohérence */
body, .ct-main-styles {
font-family: var(--font-body);
color: var(--color-foreground);
background: var(--color-background);
font-size: 17px;
line-height: 1.6;
}
h1, h2, h3, h4, h5, h6,
.entry-title, .woocommerce-loop-product__title, .product_title {
font-family: var(--font-heading);
color: var(--color-primary);
line-height: 1.15;
letter-spacing: -0.02em;
font-weight: 500;
}
a { color: var(--color-accent); transition: color 200ms ease; }
a:hover { color: var(--color-accent-dark); }
/* ——— Boutons globaux (surcharge Blocksy) ——— */
.ct-button, button.ct-button, input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce-page a.button,
.woocommerce-page button.button, .woocommerce-page input.button {
background: var(--color-accent) !important;
color: var(--color-on-primary) !important;
padding: 14px 28px !important;
border-radius: var(--radius-md) !important;
font-family: var(--font-body) !important;
font-weight: 600 !important;
font-size: 16px !important;
letter-spacing: 0.02em !important;
border: 0 !important;
transition: background 200ms ease, transform 200ms ease !important;
}
.ct-button:hover, button.ct-button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover {
background: var(--color-accent-dark) !important;
transform: translateY(-1px);
}
.ct-button[data-type="secondary"],
.woocommerce a.button.alt, .woocommerce button.button.alt {
background: transparent !important;
color: var(--color-primary) !important;
border: 1.5px solid var(--color-primary) !important;
}
.ct-button[data-type="secondary"]:hover,
.woocommerce a.button.alt:hover {
background: var(--color-primary) !important;
color: var(--color-on-primary) !important;
}
/* ——— Header logo ——— */
.site-logo-container .ct-logo-container img,
.site-logo-container svg { max-height: 48px; width: auto; }
.afc-logo-inline svg { width: 44px; height: auto; display: block; }
.afc-logo-inline svg path { fill: var(--color-primary); }
.footer .afc-logo-inline svg path { fill: var(--color-on-primary); }
/* ——— WooCommerce : product card ——— */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
background: var(--color-surface);
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: var(--shadow-md);
transition: box-shadow 250ms ease, transform 250ms ease;
padding: 0 !important;
}
.woocommerce ul.products li.product:hover { box-shadow: var(--shadow-lg); transform: translateY(-3px); }
.woocommerce ul.products li.product a img { border-radius: 0; aspect-ratio: 4/5; object-fit: cover; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
padding: 16px 20px 4px;
font-size: 1.1rem !important;
font-family: var(--font-heading) !important;
color: var(--color-primary) !important;
}
.woocommerce ul.products li.product .price {
padding: 0 20px 20px;
color: var(--color-foreground) !important;
font-weight: 600 !important;
font-family: var(--font-body) !important;
}
/* ——— Fiche produit ——— */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
font-family: var(--font-heading);
font-size: 2.25rem;
color: var(--color-primary);
font-weight: 500;
}
/* Variations couleur : swatches façon maquette v2 (plugin Woo Variation Swatches) */
ul.variable-items-wrapper.color-variable-items-wrapper {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item.color-variable-item,
ul.variable-items-wrapper .variable-item.color-variable-item {
cursor: pointer !important;
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
padding: 0 !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
transition: transform 180ms ease, box-shadow 180ms ease !important;
border: 2px solid var(--color-surface, #fff) !important;
box-shadow: 0 0 0 1.5px var(--color-border) !important;
background: transparent !important;
overflow: visible !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item.color-variable-item:hover,
ul.variable-items-wrapper .variable-item.color-variable-item:hover {
transform: scale(1.08) !important;
box-shadow: 0 0 0 1.5px var(--color-secondary) !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item.color-variable-item.selected,
ul.variable-items-wrapper .variable-item.color-variable-item.selected {
box-shadow: 0 0 0 2.5px var(--color-accent) !important;
transform: scale(1.08) !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item-contents,
ul.variable-items-wrapper .variable-item-contents {
width: 100% !important;
height: 100% !important;
border-radius: 50% !important;
overflow: hidden !important;
padding: 0 !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item-span.variable-item-span-color,
ul.variable-items-wrapper .variable-item-span.variable-item-span-color {
display: block !important;
width: 100% !important;
height: 100% !important;
border-radius: 50% !important;
box-shadow: none !important;
}
/* Checkmark sur la variante sélectionnée (au lieu du simple contour teal). */
.woo-variation-swatches .variable-items-wrapper .variable-item.color-variable-item.selected::after,
ul.variable-items-wrapper .variable-item.color-variable-item.selected::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M4 16L11 23 27 7'/%3E%3C/svg%3E") no-repeat center / 60% !important;
filter: drop-shadow(0 0 2px rgba(0,0,0,0.6)) !important;
border-radius: 50% !important;
pointer-events: none !important;
}
/* État "indisponible" (quand une variation n'est pas en stock ou attribut incompatible).
Le plugin Woo-Variation-Swatches dessine une croix ::before ; on l'enlève et on se
contente de griser + cursor not-allowed, conforme à la maquette. */
.woo-variation-swatches .variable-items-wrapper .variable-item.disabled,
ul.variable-items-wrapper .variable-item.disabled,
.woo-variation-swatches .variable-items-wrapper .variable-item[aria-disabled="true"] {
opacity: 0.35 !important;
cursor: not-allowed !important;
filter: grayscale(0.4);
}
.woo-variation-swatches .variable-items-wrapper .variable-item.disabled::before,
.woo-variation-swatches .variable-items-wrapper .variable-item.disabled::after,
ul.variable-items-wrapper .variable-item.disabled::before {
display: none !important;
content: none !important;
}
/* Lien "Effacer la sélection". */
a.reset_variations {
font-size: 0.85rem !important;
color: var(--color-secondary) !important;
margin-top: var(--space-sm) !important;
margin-left: 0 !important;
text-decoration: underline !important;
display: inline-block !important;
}
a.reset_variations:hover { color: var(--color-accent) !important; }
/* Label "COULEUR : Bleu turquoise" — nom attribut en maj + valeur sélectionnée. */
.woocommerce div.product form.cart table.variations th.label label {
font-size: 0.85rem !important;
font-weight: 600 !important;
color: var(--color-primary) !important;
text-transform: uppercase !important;
letter-spacing: 0.08em !important;
}
.woocommerce div.product form.cart table.variations th.label .woo-selected-variation-item-name {
font-style: normal !important;
color: var(--color-secondary) !important;
font-size: 0.9rem !important;
font-weight: 500 !important;
text-transform: none !important;
letter-spacing: 0 !important;
margin-left: 8px !important;
}
.woocommerce div.product form.cart table.variations { width: 100% !important; border-collapse: collapse !important; margin: 0 !important; }
.woocommerce div.product form.cart table.variations tr { display: flex !important; flex-direction: column !important; gap: var(--space-sm) !important; }
.woocommerce div.product form.cart table.variations th.label,
.woocommerce div.product form.cart table.variations td.value { padding: 0 !important; border: 0 !important; background: transparent !important; }
/* Switcher modèle droit / rond — repris du mockup produit */
.afc-variant { margin: 0 0 var(--space-lg); }
.afc-variant__label {
font-family: var(--font-body);
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.14em;
color: var(--color-secondary);
font-weight: 600;
margin-bottom: var(--space-sm);
}
.afc-model-choice {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--space-md);
}
.afc-model-choice__item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
padding: var(--space-md);
border: 1.5px solid var(--color-border);
border-radius: var(--radius-md);
background: #fff;
color: var(--color-primary);
text-decoration: none !important;
text-align: center;
transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.afc-model-choice__item:hover { border-color: var(--color-secondary); }
.afc-model-choice__item.is-active {
border-color: var(--color-accent);
background: rgba(15,110,107,0.05);
box-shadow: 0 0 0 1px var(--color-accent) inset;
}
.afc-model-choice__shape {
width: 48px;
height: 48px;
max-width: 48px;
max-height: 48px;
flex: 0 0 48px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-primary);
overflow: hidden;
}
.afc-model-choice__shape svg {
width: 48px !important;
height: 48px !important;
max-width: 48px;
max-height: 48px;
display: block;
}
.afc-model-choice__name {
font-family: var(--font-heading);
color: var(--color-primary);
font-size: 1rem;
font-weight: 500;
}
.afc-model-choice__hint {
font-size: 0.82rem;
color: var(--color-secondary);
}
@media (max-width: 520px) {
.afc-model-choice { grid-template-columns: 1fr; gap: var(--space-sm); }
}
/* ——— Masquer le titre de la page "Boutique" (fallback Blocksy + Woo) ——— */
.post-type-archive-product .hero-section,
.post-type-archive-product .page-title,
.post-type-archive-product .woocommerce-products-header,
.post-type-archive-product .woocommerce-products-header__title,
.post-type-archive-product header.entry-header,
.tax-product_cat .hero-section,
.tax-product_cat .page-title,
.tax-product_cat .woocommerce-products-header,
.tax-product_cat .woocommerce-products-header__title,
.tax-product_cat header.entry-header {
display: none !important;
}
/* ——— Cartes produit sur /boutique/ et pages catégories ——— */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
position: relative;
background: #fff;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
padding: 0;
display: flex;
flex-direction: column;
text-align: center;
overflow: hidden;
transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.woocommerce ul.products li.product:hover {
border-color: var(--color-accent);
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(62, 39, 35, 0.08);
}
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img {
width: 100%;
border-radius: 0 !important;
margin: 0 !important;
display: block;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-family: var(--font-heading) !important;
font-size: 1.15rem !important;
color: var(--color-primary) !important;
padding: var(--space-md) var(--space-md) 4px !important;
margin: 0 !important;
font-weight: 500 !important;
line-height: 1.3 !important;
}
.woocommerce ul.products li.product .price {
font-family: var(--font-heading) !important;
color: var(--color-primary) !important;
font-size: 1.1rem !important;
margin: 0 0 6px !important;
padding: 0 var(--space-md) !important;
display: block;
}
/* Masquer le lien catégorie sous la carte (redondant avec le filtre couleur / catégorie de la page) */
.woocommerce ul.products li.product .posted_in,
.woocommerce ul.products li.product .product_meta,
.woocommerce ul.products li.product .wc-block-components-product-category-list,
.woocommerce ul.products li.product a[rel~="tag"] {
display: none !important;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
margin: auto var(--space-md) var(--space-md) !important;
width: auto;
text-align: center;
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 10px var(--space-lg) !important;
border-radius: var(--radius-md) !important;
background: var(--color-accent) !important;
color: #fff !important;
font-weight: 500 !important;
font-family: var(--font-body) !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .added_to_cart:hover {
background: var(--color-accent-dark, #0a5553) !important;
}
/* Badge pièce unique sur carte */
.woocommerce ul.products li.product .afc-badge-unique {
position: absolute;
top: 12px;
right: 12px;
z-index: 3;
}
/* Espacement entre la grille produits et le bandeau valeurs injecté après */
.woocommerce .products + .afc-values,
.woocommerce-pagination + .afc-values,
.woocommerce-ordering + .afc-values {
margin-top: var(--space-2xl);
}
/* ==========================================================================
Fiche produit — zone "Ajouter au panier"
==========================================================================
Layout : form.cart en colonne, rangée actions (stepper + bouton) en row.
Masquage du lien "Voir le panier" natif Woo/Blocksy (remplacé par le toast).
Messages succès natifs retirés côté PHP (woocommerce_add_success filter). */
.woocommerce div.product form.cart {
display: flex !important;
flex-direction: column !important;
gap: var(--space-md) !important;
margin-top: var(--space-md) !important;
}
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart,
.woocommerce div.product form.cart .ct-cart-actions {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: var(--space-md) !important;
width: 100% !important;
margin: 0 !important;
}
.woocommerce div.product form.cart .ct-cart-actions > .quantity,
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart > .quantity {
flex: 0 0 auto !important;
}
.woocommerce div.product form.cart .ct-cart-actions > .single_add_to_cart_button,
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart > .single_add_to_cart_button {
flex: 1 1 auto !important;
min-width: 0 !important;
}
@media (max-width: 520px) {
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart,
.woocommerce div.product form.cart .ct-cart-actions { flex-wrap: wrap !important; }
.woocommerce div.product form.cart .ct-cart-actions > .single_add_to_cart_button,
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart > .single_add_to_cart_button {
flex: 1 1 100% !important;
}
}
.woocommerce div.product form.cart .added_to_cart {
display: none !important;
}
/* ——— Stepper quantité : − [n] + ——— */
.woocommerce div.product form.cart .quantity {
display: flex !important;
align-items: center !important;
height: 52px !important;
min-width: 140px !important;
padding: 0 !important;
margin: 0 !important;
background: #fff !important;
border: 1.5px solid var(--color-border) !important;
border-radius: var(--radius-md) !important;
overflow: hidden !important;
flex: 0 0 auto !important;
}
.woocommerce div.product form.cart .quantity.hidden { display: none !important; }
.woocommerce div.product form.cart .quantity .screen-reader-text {
position: absolute !important;
width: 1px; height: 1px; overflow: hidden;
clip: rect(0 0 0 0); white-space: nowrap;
}
.woocommerce div.product form.cart .quantity .afc-qty-btn {
flex: 0 0 44px !important;
width: 44px !important;
height: 52px !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: var(--color-primary) !important;
font-size: 1.3rem !important;
font-weight: 500 !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
transition: background 160ms ease !important;
}
.woocommerce div.product form.cart .quantity .afc-qty-btn:hover {
background: var(--color-muted) !important;
}
.woocommerce div.product form.cart .quantity input[name="quantity"] {
flex: 0 0 52px !important;
width: 52px !important;
height: 52px !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
outline: none !important;
box-shadow: none !important;
text-align: center !important;
font-family: inherit !important;
font-size: 1rem !important;
font-weight: 600 !important;
color: var(--color-primary) !important;
-moz-appearance: textfield !important;
}
.woocommerce div.product form.cart .quantity input[name="quantity"]::-webkit-outer-spin-button,
.woocommerce div.product form.cart .quantity input[name="quantity"]::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
/* ——— Bouton "Ajouter au panier" ——— */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart .single_add_to_cart_button.button.alt {
height: 52px !important;
min-height: 52px !important;
padding: 0 var(--space-xl) !important;
background: var(--color-accent) !important;
color: var(--color-on-primary, #fff) !important;
border: 0 !important;
border-radius: var(--radius-md) !important;
font-family: var(--font-body) !important;
font-size: 1rem !important;
font-weight: 600 !important;
letter-spacing: 0.02em !important;
text-transform: none !important;
text-align: center !important;
line-height: 1 !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
transition: background 200ms ease, transform 200ms ease !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
background: var(--color-accent-dark, #0a5553) !important;
transform: translateY(-1px) !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:disabled,
.woocommerce div.product form.cart .single_add_to_cart_button.disabled,
.woocommerce div.product form.cart .single_add_to_cart_button.wc-variation-selection-needed {
background: var(--color-border) !important;
color: var(--color-secondary) !important;
cursor: not-allowed !important;
transform: none !important;
opacity: 1 !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button .afc-btn-icon {
flex: 0 0 18px !important;
width: 18px !important;
height: 18px !important;
stroke: currentColor !important;
}
/* Neutralise un ::before éventuel hérité du thème parent Blocksy */
.woocommerce div.product form.cart .single_add_to_cart_button::before,
.woocommerce div.product form.cart .single_add_to_cart_button::after {
content: none !important;
display: none !important;
}
/* ——— Toast de confirmation (afc.js l'insère après .ct-cart-actions) ——— */
.afc-toast {
flex: 1 1 100% !important;
width: 100% !important;
box-sizing: border-box !important;
margin-top: var(--space-sm) !important;
padding: 12px 14px !important;
background: rgba(15, 110, 107, 0.08) !important;
border: 1px solid var(--color-accent) !important;
border-radius: var(--radius-md) !important;
color: var(--color-accent-dark, #0a5553) !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
font-family: var(--font-body) !important;
font-size: 0.92rem !important;
font-weight: 500 !important;
opacity: 0;
transform: translateY(-4px);
transition: opacity 220ms ease, transform 220ms ease;
}
.afc-toast.is-visible {
opacity: 1 !important;
transform: translateY(0) !important;
}
.afc-toast__check,
.afc-toast__badge {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--color-accent);
color: #fff;
border-radius: 999px;
font-weight: 700;
}
.afc-toast__check { width: 24px; height: 24px; font-size: 0.85rem; }
.afc-toast__badge { min-width: 22px; height: 22px; padding: 0 7px; font-size: 0.78rem; }
.afc-toast__label { flex: 1 1 auto; }
.afc-toast__link {
color: var(--color-accent-dark, #0a5553) !important;
font-weight: 600;
text-decoration: underline !important;
white-space: nowrap;
}
.afc-toast__link:hover { color: var(--color-accent) !important; }
@media (max-width: 520px) {
.afc-toast { flex-wrap: wrap; }
.afc-toast__link { flex: 1 1 100%; text-align: right; }
}
/* ——— Breadcrumb Rank Math ——— */
.rank-math-breadcrumb { padding: var(--space-md) 0; font-size: 0.9rem; color: var(--color-secondary); }
.rank-math-breadcrumb a { color: var(--color-secondary); }
.rank-math-breadcrumb a:hover { color: var(--color-accent); }
/* ——— Composants AFC réutilisables (shortcodes / blocs Gutenberg) ——— */
.afc-eyebrow { font-family: var(--font-accent); font-size: 1.7rem; color: var(--color-accent); line-height: 1; margin-bottom: var(--space-sm); display: block; }
.afc-banner-unique {
background: var(--color-muted);
padding: var(--space-md);
border-radius: var(--radius-md);
font-size: 0.92rem;
color: var(--color-primary);
display: flex; gap: var(--space-sm); align-items: center;
}
.afc-banner-unique svg { width: 20px; height: 20px; stroke: var(--color-accent); stroke-width: 1.75; fill: none; flex-shrink: 0; }
.afc-values {
background: var(--color-primary);
color: var(--color-on-primary);
padding: var(--space-2xl) 0;
/* Full-bleed : sort du container pour toucher les bords écran */
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
max-width: none;
margin-top: var(--space-2xl);
}
.afc-values .ct-container {
padding-left: var(--space-lg);
padding-right: var(--space-lg);
}
.afc-values__grid {
display: grid; gap: var(--space-lg);
grid-template-columns: repeat(2, 1fr);
text-align: center;
}
@media (min-width: 768px) { .afc-values__grid { grid-template-columns: repeat(4, 1fr); } }
.afc-values h4 { color: var(--color-on-primary); font-size: 1.05rem; margin-bottom: 4px; }
.afc-values p { color: rgba(250,247,242,0.8); font-size: 0.9rem; margin: 0; }
/* ——— Réassurance (fiche produit) ——— */
.afc-reassurance {
list-style: none; margin: 0; padding: var(--space-md) 0 0;
display: grid; grid-template-columns: repeat(3, 1fr);
gap: var(--space-md);
background: transparent;
}
.afc-reassurance li {
background: transparent;
padding: 0 var(--space-md);
border: 0;
border-left: 2px solid var(--color-muted);
border-radius: 0;
display: flex; flex-direction: column; gap: 2px;
}
.afc-reassurance li:first-child { padding-left: 0; border-left: 0; }
.afc-reassurance strong {
font-family: var(--font-heading);
font-size: 0.95rem; font-weight: 500;
color: var(--color-primary);
}
.afc-reassurance span { font-size: 0.82rem; color: var(--color-secondary); line-height: 1.4; }
@media (max-width: 640px) {
.afc-reassurance { grid-template-columns: 1fr; gap: var(--space-sm); }
.afc-reassurance li { padding: 0 0 0 var(--space-md); border-left: 2px solid var(--color-muted); }
.afc-reassurance li:first-child { padding-left: var(--space-md); border-left: 2px solid var(--color-muted); }
}
/* ——— Trustpilot strip (accueil) ——— */
.afc-trustpilot-strip {
background: var(--color-surface);
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
padding: var(--space-md) 0;
}
.afc-trustpilot-strip .container {
display: flex;
justify-content: center;
align-items: center;
}
.afc-tp-link {
display: inline-flex;
align-items: center;
gap: 12px;
text-decoration: none;
color: var(--color-primary);
transition: opacity 0.2s;
}
.afc-tp-link:hover { opacity: 0.75; }
.afc-tp-text {
font-size: 0.9rem;
font-family: var(--font-heading);
color: var(--color-secondary);
white-space: nowrap;
}
.afc-tp-logo { display: block; flex-shrink: 0; height: 22px; width: 90px; }
.afc-tp-logo .tp-logo__text { fill: var(--color-primary); }
/* ——— Trustpilot lien produit (fiche) ——— */
.afc-tp-link--product {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: var(--space-sm);
padding: 8px 14px;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
text-decoration: none;
color: var(--color-secondary);
font-size: 0.82rem;
transition: border-color 0.2s, color 0.2s;
}
.afc-tp-link--product:hover { border-color: var(--color-accent); color: var(--color-primary); }
.afc-tp-link--product .afc-tp-logo { height: 16px; width: 65px; }
.afc-tp-link--product .afc-tp-logo .tp-logo__text { fill: currentColor; }
.afc-tp-cta { white-space: nowrap; }
/* ——— Parcourir par couleur ——— */
.afc-colors-nav { margin: var(--space-xl) 0; }
.afc-colors-nav h3 { font-size: 1.25rem; margin-bottom: var(--space-md); }
.afc-colors-nav ul {
list-style: none; padding: 0; margin: 0;
display: grid; gap: var(--space-sm);
grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}
.afc-colors-nav a {
display: flex; align-items: center; gap: var(--space-sm);
padding: 10px 14px; background: var(--color-surface);
border: 1px solid var(--color-border); border-radius: var(--radius-pill);
color: var(--color-foreground); text-decoration: none; font-size: 0.9rem;
transition: border-color 200ms ease, transform 200ms ease;
}
.afc-colors-nav a:hover { border-color: var(--color-accent); transform: translateY(-1px); }
.afc-chip {
width: 20px; height: 20px; border-radius: 50%;
border: 2px solid var(--color-surface);
box-shadow: 0 0 0 1px var(--color-border);
flex-shrink: 0;
}
/* ——— FAQ ——— */
.afc-faq { margin: var(--space-2xl) 0; }
.afc-faq h2 { font-size: clamp(1.5rem, 2.5vw, 2rem); margin-bottom: var(--space-lg); }
.afc-faq__item {
border-bottom: 1px solid var(--color-border);
padding: var(--space-md) 0;
}
.afc-faq__item summary {
cursor: pointer; font-weight: 600; color: var(--color-primary);
font-family: var(--font-heading); font-size: 1.1rem;
list-style: none; display: flex; justify-content: space-between; align-items: center;
}
.afc-faq__item summary::after { content: "+"; font-size: 1.5rem; color: var(--color-accent); }
.afc-faq__item[open] summary::after { content: "−"; }
.afc-faq__item div { padding-top: var(--space-sm); color: var(--color-foreground); }
/* ——— Boutons home blocks ——— */
.afc-btn { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; padding: 14px 28px; border-radius: var(--radius-md); font-weight: 600; transition: transform 200ms ease, background 200ms ease; }
.afc-btn--primary { background: var(--color-accent); color: var(--color-on-primary); }
.afc-btn--primary:hover { background: var(--color-accent-dark); color: var(--color-on-primary); transform: translateY(-1px); }
.afc-btn--ghost { background: transparent; color: var(--color-primary); border: 1.5px solid var(--color-primary); }
.afc-btn--ghost:hover { background: var(--color-primary); color: var(--color-on-primary); }
/* ——— Hero ——— */
.afc-hero {
display: grid; gap: var(--space-2xl);
grid-template-columns: 1fr;
align-items: center;
padding-top: var(--space-2xl);
padding-bottom: var(--space-3xl);
}
@media (min-width: 900px) { .afc-hero { grid-template-columns: 1.1fr 1fr; } }
.afc-hero h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); font-weight: 400; margin: 0 0 var(--space-md); }
.afc-hero__ctas { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin-top: var(--space-lg); }
.afc-hero__media { aspect-ratio: 4/5; background: var(--color-muted); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); }
.afc-hero__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.afc-hero__placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--color-secondary); text-align: center; padding: var(--space-lg); font-style: italic; }
/* ——— Catégories (home) ——— */
.afc-categories__grid {
display: grid; gap: var(--space-lg);
grid-template-columns: 1fr;
}
@media (min-width: 640px) { .afc-categories__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .afc-categories__grid { grid-template-columns: repeat(4, 1fr); } }
.afc-cat-card {
display: block; background: var(--color-surface); border-radius: var(--radius-lg);
overflow: hidden; box-shadow: var(--shadow-md); color: var(--color-foreground);
text-decoration: none; transition: transform 250ms ease, box-shadow 250ms ease;
}
.afc-cat-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.afc-cat-card__media { aspect-ratio: 4/5; background: var(--color-muted); position: relative; }
.afc-cat-card__media img { width: 100%; height: 100%; object-fit: cover; }
.afc-cat-card__ph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--color-secondary); font-style: italic; }
.afc-cat-card__body { padding: var(--space-md) var(--space-lg) var(--space-lg); }
.afc-cat-card__body h3 { margin: 0 0 6px; font-size: 1.3rem; }
.afc-cat-card__meta { color: var(--color-secondary); font-size: 0.9rem; margin: 0 0 var(--space-sm); }
.afc-cat-card__link { color: var(--color-accent); font-weight: 600; font-size: 0.95rem; }
/* ——— Atelier ——— */
.afc-atelier {
padding: var(--space-3xl) 0;
background: var(--color-muted);
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
max-width: none;
}
.afc-atelier .ct-container {
padding-left: var(--space-lg);
padding-right: var(--space-lg);
}
.afc-atelier__grid { display: grid; gap: var(--space-2xl); grid-template-columns: 1fr; align-items: center; }
@media (min-width: 900px) { .afc-atelier__grid { grid-template-columns: 1fr 1.1fr; } }
.afc-atelier__photo { aspect-ratio: 4/5; background: var(--color-surface); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); display: flex; align-items: center; justify-content: center; }
.afc-atelier__img { width: 100%; height: 100%; object-fit: cover; }
.afc-atelier__ph { color: var(--color-secondary); text-align: center; font-style: italic; padding: var(--space-lg); }
.afc-stats { display: flex; gap: var(--space-xl); margin: var(--space-lg) 0; }
.afc-stats div { display: flex; flex-direction: column; }
.afc-stats strong { font-family: var(--font-heading); font-size: 2.5rem; color: var(--color-primary); line-height: 1; }
.afc-stats span { color: var(--color-secondary); font-size: 0.9rem; }
/* ——— Instagram ——— */
.afc-insta { padding: var(--space-3xl) 0; text-align: center; }
.afc-insta__head { max-width: 640px; margin: 0 auto var(--space-xl); }
.afc-insta__handle { display: inline-flex; align-items: center; gap: 6px; color: var(--color-accent); font-weight: 600; margin-bottom: var(--space-sm); }
.afc-insta__grid { display: grid; gap: var(--space-sm); grid-template-columns: repeat(2, 1fr); margin-bottom: var(--space-xl); }
@media (min-width: 640px) { .afc-insta__grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .afc-insta__grid { grid-template-columns: repeat(6, 1fr); } }
.afc-insta__tile { aspect-ratio: 1; border-radius: var(--radius-md); overflow: hidden; display: block; transition: transform 250ms ease; }
.afc-insta__tile img { width: 100%; height: 100%; object-fit: cover; }
.afc-insta__tile:hover { transform: scale(1.03); }
/* ——— Marchés ——— */
.afc-markets {
padding: var(--space-3xl) 0;
background: var(--color-primary);
color: var(--color-on-primary);
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
max-width: none;
}
.afc-markets .ct-container {
padding-left: var(--space-lg);
padding-right: var(--space-lg);
}
.afc-markets h2, .afc-markets h4 { color: var(--color-on-primary); }
.afc-markets__head { text-align: center; max-width: 640px; margin: 0 auto var(--space-xl); }
.afc-markets__list { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--space-md); grid-template-columns: 1fr; }
@media (min-width: 768px) { .afc-markets__list { grid-template-columns: repeat(2, 1fr); } }
.afc-market-item { background: rgba(250,247,242,0.06); border: 1px solid rgba(250,247,242,0.12); padding: var(--space-md); border-radius: var(--radius-md); display: flex; gap: var(--space-md); align-items: flex-start; }
.afc-market-item__date { flex-shrink: 0; width: 64px; text-align: center; background: var(--color-accent); border-radius: var(--radius-sm); padding: var(--space-sm); }
.afc-market-item__day { display: block; font-family: var(--font-heading); font-size: 1.8rem; line-height: 1; }
.afc-market-item__month { display: block; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; opacity: 0.85; }
.afc-market-item__loc { color: rgba(250,247,242,0.7); margin: 2px 0 6px; font-size: 0.9rem; }
.afc-market-item h4 { margin: 0; font-size: 1.1rem; }
.afc-markets__empty { text-align: center; color: rgba(250,247,242,0.7); }
/* ——— Header Blocksy override (match mockup) ——— */
/* Sécurité : empêche les sections full-bleed de créer une scrollbar horizontale */
html, body { overflow-x: hidden; }
/* En-tête Blocksy — palette crème AFC sur tous sélecteurs possibles */
header.ct-header,
header[data-id="header"],
[data-id="header"],
.ct-header,
#header,
body[data-header] > header,
.site-header {
background: rgba(250,247,242,0.96) !important;
backdrop-filter: saturate(180%) blur(8px);
-webkit-backdrop-filter: saturate(180%) blur(8px);
border-bottom: 1px solid var(--color-border) !important;
}
header.ct-header [data-row],
.ct-header [data-row],
header[data-id="header"] [data-row] { padding: var(--space-sm) 0 !important; }
/* Logo / titre site */
.ct-header .site-title, .ct-header [data-id="logo"] a,
.ct-header .ct-site-title a {
font-family: var(--font-heading) !important;
font-weight: 500 !important;
font-size: 1.25rem !important;
color: var(--color-primary) !important;
letter-spacing: -0.01em !important;
text-transform: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
}
/* Logo circulaire injecté si le Customizer n'a pas de logo custom uploadé */
.ct-header .ct-site-title a::before,
.ct-header [data-id="logo"] a::before {
content: "";
display: inline-block;
flex: 0 0 auto;
width: 42px;
height: 42px;
background-image: url("assets/img/logo-secondaire.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
/* Si Frank upload un logo custom dans Customizer, on masque notre fallback */
.ct-header .ct-site-title.has-logo a::before,
.ct-header [data-id="logo"].has-logo a::before,
.ct-header .site-logo-container + .ct-site-title a::before {
display: none;
}
.ct-header .site-logo-container img,
.ct-header .site-logo-container svg {
max-height: 48px;
width: auto;
border-radius: var(--radius-pill);
}
/* Menu principal — regular, pas de caps, taille fine */
.ct-header .menu, .ct-header ul.menu,
.ct-header [data-id="menu"] ul, .ct-header nav ul {
gap: var(--space-lg);
}
.ct-header .menu > li > a, .ct-header ul.menu > li > a,
.ct-header [data-id="menu"] a, .ct-header nav a {
font-family: var(--font-body) !important;
font-size: 0.95rem !important;
font-weight: 500 !important;
color: var(--color-primary) !important;
text-transform: none !important;
letter-spacing: 0 !important;
padding: 8px 4px !important;
}
.ct-header .menu > li > a:hover, .ct-header nav a:hover,
.ct-header [data-id="menu"] a:hover {
color: var(--color-accent) !important;
}
.ct-header .current-menu-item > a,
.ct-header .current_page_item > a {
color: var(--color-accent) !important;
}
/* Icônes header (recherche, panier) — style pill mockup */
.ct-header .ct-header-search, .ct-header .ct-header-cart,
.ct-header [data-id="search"] a, .ct-header [data-id="cart"] a {
width: 44px; height: 44px;
border-radius: var(--radius-pill) !important;
color: var(--color-primary) !important;
transition: background 200ms ease;
}
.ct-header .ct-header-search:hover, .ct-header .ct-header-cart:hover,
.ct-header [data-id="search"] a:hover, .ct-header [data-id="cart"] a:hover {
background: var(--color-muted) !important;
}
/* ——— Mini-panier : règles v0.9.5 supprimées, refonte complète en v0.9.6+ bas de fichier ——— */
/* ——— Réalisations (portfolio) ——— */
.afc-realisations { padding: var(--space-xl) 0; }
.afc-realisations__grid {
display: grid; gap: var(--space-lg);
grid-template-columns: 1fr;
}
@media (min-width: 640px) { .afc-realisations__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .afc-realisations__grid { grid-template-columns: repeat(3, 1fr); } }
.afc-real-card {
background: var(--color-surface); border-radius: var(--radius-lg);
overflow: hidden; box-shadow: var(--shadow-md);
transition: transform 250ms ease, box-shadow 250ms ease;
}
.afc-real-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.afc-real-card__link { display: block; color: inherit; text-decoration: none; }
.afc-real-card__link:hover { color: inherit; }
.afc-real-card__media { aspect-ratio: 4/3; background: var(--color-muted); position: relative; overflow: hidden; }
.afc-real-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.afc-real-card__ph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--color-secondary); font-style: italic; }
.afc-real-card__tag {
position: absolute; top: var(--space-sm); left: var(--space-sm);
background: var(--color-on-primary); color: var(--color-primary);
padding: 4px 10px; border-radius: var(--radius-pill);
font-size: 0.75rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase;
}
.afc-real-card__tag--sur-mesure { background: var(--color-accent); color: var(--color-on-primary); }
.afc-real-card__tag--vendue { background: var(--color-secondary); color: var(--color-on-primary); }
.afc-real-card__body { padding: var(--space-md) var(--space-lg) var(--space-lg); }
.afc-real-card__body h3 { margin: 0 0 6px; font-size: 1.2rem; }
.afc-real-card__meta { color: var(--color-secondary); font-size: 0.85rem; margin: 0 0 var(--space-sm); }
.afc-real-card__desc { color: var(--color-foreground); font-size: 0.95rem; }
.afc-realisations__empty { text-align: center; padding: var(--space-2xl) 0; color: var(--color-secondary); }
/* ——— Atelier (page dédiée) ——— */
.afc-atelier-page { max-width: 1100px; margin: 0 auto; padding: var(--space-2xl) var(--space-lg); }
.afc-atelier-page__header { text-align: center; margin-bottom: var(--space-2xl); }
.afc-atelier-page__header h1 { font-size: clamp(2rem, 5vw, 3.4rem); font-weight: 400; margin: 0 0 var(--space-md); }
.afc-atelier-page__lead { max-width: 640px; margin: 0 auto; color: var(--color-secondary); font-size: 1.1rem; }
.afc-atelier-page__grid { display: grid; gap: var(--space-2xl); grid-template-columns: 1fr; align-items: start; }
@media (min-width: 900px) { .afc-atelier-page__grid { grid-template-columns: 0.9fr 1.1fr; } }
.afc-atelier-page__story h2 { font-size: 1.6rem; margin-top: var(--space-xl); }
.afc-atelier-page__story h2:first-child { margin-top: 0; }
.afc-atelier-page__cta { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin-top: var(--space-xl); }
/* ——— Contact ——— */
.afc-contact { max-width: 1100px; margin: 0 auto; padding: var(--space-2xl) var(--space-lg); }
.afc-contact__header { text-align: center; margin-bottom: var(--space-2xl); }
.afc-contact__header h1 { font-size: clamp(2rem, 5vw, 3.4rem); font-weight: 400; }
.afc-contact__header p { max-width: 580px; margin: var(--space-md) auto 0; color: var(--color-secondary); }
.afc-contact__grid { display: grid; gap: var(--space-2xl); grid-template-columns: 1fr; }
@media (min-width: 900px) { .afc-contact__grid { grid-template-columns: 1fr 1.4fr; } }
.afc-contact__info h3 { font-size: 1.1rem; margin-top: var(--space-lg); }
.afc-contact__info h3:first-child { margin-top: 0; }
.afc-contact__info p { margin: 4px 0 0; color: var(--color-foreground); }
.afc-contact__form { background: var(--color-surface); padding: var(--space-lg); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); display: grid; gap: var(--space-md); }
.afc-contact__form label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; color: var(--color-primary); font-size: 0.95rem; }
.afc-contact__form input, .afc-contact__form textarea {
padding: 12px; border: 1px solid var(--color-border); border-radius: var(--radius-md);
font-family: var(--font-body); font-size: 1rem; background: var(--color-background);
color: var(--color-foreground); transition: border-color 200ms ease;
}
.afc-contact__form input:focus, .afc-contact__form textarea:focus { border-color: var(--color-accent); outline: 2px solid rgba(15,110,107,0.2); outline-offset: 0; }
.afc-contact__form button { align-self: start; cursor: pointer; }
.afc-contact__note { color: var(--color-secondary); font-size: 0.82rem; margin: 0; }
/* ——— Pages légales (CGV, mentions) ——— */
.afc-legal { max-width: 820px; margin: 0 auto; padding: var(--space-2xl) var(--space-lg); }
.afc-legal h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); margin-bottom: var(--space-md); }
.afc-legal h2 { font-size: 1.3rem; margin-top: var(--space-xl); color: var(--color-primary); }
.afc-legal p, .afc-legal li { color: var(--color-foreground); line-height: 1.7; }
/* ——— Focus states ——— */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
.ct-button:focus-visible, .woocommerce a.button:focus-visible {
outline: 3px solid var(--color-ring);
outline-offset: 3px;
}
/* ——— Reduced motion ——— */
@media (prefers-reduced-motion: reduce) {
* { animation: none !important; transition: none !important; }
}
/* ——— Badge "Pièce unique" ——— */
.afc-badge-unique {
display: inline-block;
background: linear-gradient(135deg, #D4A017 0%, #B8860B 100%);
color: #FFFBEA;
font-family: var(--font-body);
font-size: 0.78rem; font-weight: 700;
letter-spacing: 0.08em; text-transform: uppercase;
padding: 5px 11px;
border-radius: var(--radius-pill);
box-shadow: 0 2px 6px rgba(184,134,11,0.25);
position: absolute;
top: 12px; right: 12px; z-index: 3;
}
.woocommerce ul.products li.product { position: relative; }
.afc-badge-unique--single {
position: static;
margin: 0 0 var(--space-sm);
}
/* ——— Pages catégories SEO (shortcodes [afc_cat_boucles] / [afc_cat_seo]) ——— */
.afc-crumb { max-width: 1200px; margin: 0 auto; padding: var(--space-md) var(--space-lg); font-size: 0.9rem; color: var(--color-secondary); }
.afc-crumb ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.afc-crumb li + li::before { content: "›"; margin-right: 8px; color: var(--color-border); }
.afc-crumb a { color: var(--color-secondary); }
.afc-crumb a:hover { color: var(--color-accent); }
.afc-crumb [aria-current="page"] { color: var(--color-primary); font-weight: 500; }
.afc-cat-hero {
max-width: 1200px; margin: 0 auto; padding: var(--space-xl) var(--space-lg) var(--space-2xl);
display: grid; grid-template-columns: 1fr; gap: var(--space-xl); align-items: center;
}
@media (min-width: 960px) {
.afc-cat-hero { grid-template-columns: 1.3fr 1fr; padding: var(--space-2xl) var(--space-lg) var(--space-3xl); gap: var(--space-2xl); }
}
.afc-cat-hero__content h1 { font-size: clamp(2rem, 5vw, 3.25rem); font-weight: 400; margin: 0 0 var(--space-md); }
.afc-cat-hero__content h1 em { font-style: italic; color: var(--color-secondary); font-weight: 400; }
.afc-cat-hero__lead { font-size: 1.1rem; max-width: 56ch; color: var(--color-foreground); opacity: 0.9; margin-bottom: var(--space-lg); }
.afc-cat-hero__meta { display: flex; flex-wrap: wrap; gap: var(--space-md) var(--space-xl); font-size: 0.95rem; color: var(--color-secondary); }
.afc-cat-hero__meta > div { display: flex; flex-direction: column; }
.afc-cat-hero__meta strong { color: var(--color-primary); font-family: var(--font-heading); font-size: 1.25rem; font-weight: 500; margin-bottom: 2px; }
.afc-cat-hero__media {
aspect-ratio: 4/5; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg);
background:
radial-gradient(circle at 30% 25%, #0891B2 0%, transparent 35%),
radial-gradient(circle at 70% 70%, #EA580C 0%, transparent 38%),
radial-gradient(circle at 50% 50%, #EAB308 0%, transparent 28%),
linear-gradient(135deg, #8B6F47 0%, #3E2723 100%);
position: relative; overflow: hidden;
}
/* variantes hero par catégorie */
.afc-cat-hero__media--soliflores {
background:
radial-gradient(circle at 35% 30%, #0F766E 0%, transparent 40%),
radial-gradient(circle at 65% 70%, #C026D3 0%, transparent 38%),
linear-gradient(135deg, #8B6F47 0%, #3E2723 100%);
}
.afc-cat-hero__media--bols {
background:
radial-gradient(circle at 50% 40%, #EA580C 0%, transparent 45%),
radial-gradient(circle at 30% 70%, #EAB308 0%, transparent 38%),
linear-gradient(135deg, #3E2723 0%, #8B6F47 100%);
}
.afc-cat-hero__media--spheres {
background:
radial-gradient(circle at 50% 50%, #A78BFA 0%, transparent 45%),
radial-gradient(circle at 75% 30%, #0891B2 0%, transparent 35%),
linear-gradient(135deg, #3E2723 0%, #8B6F47 100%);
}
.afc-cat-hero__media--planches-a-decouper {
background:
linear-gradient(135deg, #D9CEBF 0%, #8B6F47 40%, #3E2723 100%),
radial-gradient(circle at 40% 40%, #B91C1C 0%, transparent 35%);
background-blend-mode: overlay, normal;
}
.afc-cat-products { max-width: 1200px; margin: 0 auto; padding: var(--space-2xl) var(--space-lg); }
.afc-cat-editorial {
background: var(--color-surface);
padding: var(--space-3xl) var(--space-lg);
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
max-width: none;
}
.afc-cat-editorial__grid { display: grid; grid-template-columns: 1fr; gap: var(--space-2xl); max-width: 1000px; margin: 0 auto; }
@media (min-width: 900px) { .afc-cat-editorial__grid { grid-template-columns: 1.4fr 1fr; } }
.afc-cat-editorial h2 { font-size: clamp(1.75rem, 3vw, 2.25rem); font-weight: 400; margin-bottom: var(--space-md); }
.afc-cat-editorial h3 { font-size: 1.2rem; font-weight: 500; color: var(--color-primary); margin: var(--space-lg) 0 var(--space-sm); font-family: var(--font-heading); }
.afc-cat-editorial p { margin: 0 0 var(--space-md); color: var(--color-foreground); opacity: 0.9; }
.afc-cat-editorial ul { padding-left: 1.2em; margin: 0 0 var(--space-md); }
.afc-cat-editorial li { margin-bottom: 6px; }
.afc-aside-card {
background: var(--color-background);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
padding: var(--space-lg);
}
.afc-aside-card h3 { margin-top: 0; }
.afc-aside-card ul { list-style: none; padding: 0; }
.afc-aside-card li { padding: 10px 0; border-bottom: 1px dashed var(--color-border); display: flex; justify-content: space-between; align-items: center; gap: var(--space-md); }
.afc-aside-card li:last-child { border-bottom: 0; }
.afc-aside-card li a { color: var(--color-primary); font-weight: 500; }
.afc-aside-card li a:hover { color: var(--color-accent); }
.afc-aside-card small { color: var(--color-secondary); font-size: 0.85rem; }
.afc-aside-card--dark { margin-top: var(--space-lg); background: var(--color-primary); border: 0; color: var(--color-on-primary); }
.afc-aside-card--dark h3 { color: var(--color-on-primary); }
.afc-aside-card--dark p { color: var(--color-on-primary); opacity: 0.82; font-size: 0.95rem; margin: 8px 0 var(--space-md); }
.afc-cat-faq {
padding: var(--space-3xl) var(--space-lg);
background: var(--color-background);
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
max-width: none;
}
.afc-cat-faq__head { text-align: center; margin-bottom: var(--space-2xl); }
.afc-cat-faq__head h2 { font-size: clamp(1.75rem, 3vw, 2.25rem); font-weight: 400; }
.afc-cat-faq__list { max-width: 780px; margin: 0 auto; }
.afc-cat-faq__item { border-bottom: 1px solid var(--color-border); }
.afc-cat-faq__item summary {
list-style: none; cursor: pointer;
padding: var(--space-md) 0;
font-family: var(--font-heading); font-size: 1.1rem; color: var(--color-primary); font-weight: 500;
display: flex; justify-content: space-between; align-items: center; gap: var(--space-md);
}
.afc-cat-faq__item summary::-webkit-details-marker { display: none; }
.afc-cat-faq__item summary::after { content: "+"; color: var(--color-accent); font-weight: 400; font-size: 1.5rem; line-height: 1; transition: transform 200ms ease; }
.afc-cat-faq__item[open] summary::after { transform: rotate(45deg); }
.afc-cat-faq__body { padding: 0 0 var(--space-md); color: var(--color-foreground); opacity: 0.9; }
/* ——— Responsive ——— */
@media (max-width: 767px) {
body { font-size: 16px; }
.woocommerce div.product .product_title { font-size: 1.75rem; }
.woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 1.8rem; }
/* Réduire le padding-top des pages intérieures sur mobile */
.real-hero,
.mk-hero,
.atelier-hero,
.ct-hero { padding-top: var(--space-lg) !important; }
.afc-page .section { padding-top: var(--space-2xl) !important; padding-bottom: var(--space-2xl) !important; }
/* 2 colonnes produits sur mobile (boutique + archives catégories) */
.woocommerce ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products[class*="columns-"],
.woocommerce-page ul.products[class*="columns-"],
ul.afc-shop-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: var(--space-sm) !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: auto !important;
margin: 0 !important;
float: none !important;
min-height: auto !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 0.95rem !important;
padding: 10px 10px 4px !important;
}
.woocommerce ul.products li.product .price {
font-size: 0.95rem !important;
padding: 0 10px !important;
}
.woocommerce ul.products li.product .button {
margin: auto 10px 10px !important;
font-size: 0.82rem !important;
padding: 8px 12px !important;
min-height: 36px !important;
}
.afc-cat-hero { padding: var(--space-lg) 0 var(--space-xl); }
.afc-cat-editorial { padding: var(--space-2xl) var(--space-md); }
.afc-cat-faq { padding: var(--space-2xl) var(--space-md); }
.afc-cat-products { padding: var(--space-xl) 0; }
}
/* ═══════════════════════════════════════════════════════════════
v0.7.0 — Pages atelier / réalisations / marchés / contact
Shared + page-specific (classes non-afc : eyebrow, stat, piece…)
═══════════════════════════════════════════════════════════════ */
/* ——— Shared building blocks ——— */
.afc-page .eyebrow { font-family: var(--font-accent); font-size: 1.7rem; color: var(--color-accent); line-height: 1; margin: 0 0 var(--space-sm); display: block; }
.afc-page .photo-ph { position: relative; overflow: hidden; background: repeating-linear-gradient(135deg, rgba(62,39,35,0.045) 0 10px, transparent 10px 22px), var(--ph-bg, var(--color-muted)); color: var(--color-secondary); display: flex; align-items: center; justify-content: center; text-align: center; padding: var(--space-lg); font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: 0.78rem; letter-spacing: 0.06em; border-radius: var(--radius-lg); }
.afc-page .photo-ph::before { content: ""; position: absolute; inset: var(--space-md); border: 1px dashed rgba(62,39,35,0.2); border-radius: calc(var(--radius-lg) - 6px); pointer-events: none; }
.afc-page .photo-ph__label { position: relative; max-width: 26ch; opacity: 0.8; }
.afc-page .photo-ph--warm { --ph-bg: linear-gradient(160deg, #E8E0D5 0%, #D9CEBF 100%); }
.afc-page .photo-ph--dark { --ph-bg: linear-gradient(160deg, #8B6F47 0%, #3E2723 100%); color: rgba(250,247,242,0.85); }
.afc-page .photo-ph--dark::before { border-color: rgba(250,247,242,0.28); }
.afc-page .btn-primary, .afc-page .btn-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--font-body); font-weight: 600; font-size: 16px; border-radius: var(--radius-md); cursor: pointer; transition: background 200ms ease, color 200ms ease, transform 200ms ease; text-decoration: none; border: 0; }
.afc-page .btn-primary { background: var(--color-accent); color: var(--color-on-primary); padding: 14px 28px; letter-spacing: 0.02em; }
.afc-page .btn-primary:hover { background: var(--color-accent-dark, #0B5754); transform: translateY(-1px); color: var(--color-on-primary); }
.afc-page .btn-secondary { background: transparent; color: var(--color-primary); border: 1.5px solid var(--color-primary); padding: 12px 26px; }
.afc-page .btn-secondary:hover { background: var(--color-primary); color: var(--color-on-primary); }
.afc-page .section { padding: var(--space-3xl) 0; }
.afc-page .section--muted { background: var(--color-muted); }
.afc-page .section__head { text-align: center; max-width: 680px; margin: 0 auto var(--space-2xl); }
.afc-page .stat { border-left: 2px solid var(--color-accent); padding-left: var(--space-md); }
.afc-page .stat strong { display: block; font-family: var(--font-heading); font-size: 2.4rem; color: var(--color-primary); line-height: 1; margin-bottom: 2px; font-weight: 400; }
.afc-page .stat span { color: var(--color-secondary); font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.12em; }
.afc-page .chip { display: inline-flex; align-items: center; gap: 6px; background: var(--color-background); border: 1.5px solid var(--color-border); color: var(--color-primary); padding: 8px 16px; border-radius: var(--radius-pill); font-size: 0.9rem; font-weight: 500; cursor: pointer; transition: all 200ms ease; font-family: inherit; }
.afc-page .chip:hover { border-color: var(--color-secondary); }
.afc-page .chip[aria-pressed="true"] { background: var(--color-primary); color: var(--color-on-primary); border-color: var(--color-primary); }
.afc-page .cta-final { padding: var(--space-3xl) 0; background: var(--color-primary); color: var(--color-on-primary); text-align: center; }
.afc-page .cta-final h2 { color: var(--color-on-primary); margin-bottom: var(--space-md); }
.afc-page .cta-final p { color: rgba(250,247,242,0.85); max-width: 52ch; margin: 0 auto var(--space-xl); font-size: 1.05rem; }
.afc-page .cta-final__btns { display: flex; gap: var(--space-md); justify-content: center; flex-wrap: wrap; }
.afc-page .cta-final .btn-secondary { color: var(--color-on-primary); border-color: rgba(250,247,242,0.4); }
.afc-page .cta-final .btn-secondary:hover { background: var(--color-on-primary); color: var(--color-primary); border-color: var(--color-on-primary); }
.afc-page .cta-final .btn-primary { background: var(--color-on-primary); color: var(--color-primary); }
.afc-page .cta-final .btn-primary:hover { background: #fff; color: var(--color-primary); }
/* ——— Atelier ——— */
.atelier-hero { padding: var(--space-2xl) 0 var(--space-xl); display: grid; grid-template-columns: 1fr; gap: var(--space-xl); align-items: center; }
@media (min-width: 960px) { .atelier-hero { grid-template-columns: 1fr 1.1fr; padding: var(--space-3xl) 0 var(--space-2xl); gap: var(--space-2xl); } }
.atelier-hero__portrait { aspect-ratio: 4/5; border-radius: var(--radius-lg); box-shadow: var(--shadow-xl); }
.atelier-hero h1 { margin-bottom: var(--space-md); }
.atelier-hero h1 em { font-style: italic; color: var(--color-secondary); font-weight: 400; }
.atelier-hero__lead { font-size: 1.15rem; max-width: 54ch; color: var(--color-foreground); opacity: 0.9; margin-bottom: var(--space-xl); }
.atelier-hero__stats { display: flex; gap: var(--space-xl); flex-wrap: wrap; }
.timeline { padding: var(--space-3xl) 0; background: var(--color-surface); }
.timeline__wrap { max-width: 880px; margin: 0 auto; }
.timeline__intro { text-align: center; margin-bottom: var(--space-2xl); }
.timeline__list { position: relative; display: grid; gap: var(--space-2xl); list-style: none; padding: 0; margin: 0; }
.timeline__list::before { content: ""; position: absolute; left: 11px; top: 8px; bottom: 8px; width: 2px; background: var(--color-border); }
@media (min-width: 768px) { .timeline__list::before { left: 15px; } }
.tl-item { position: relative; padding-left: 48px; }
@media (min-width: 768px) { .tl-item { padding-left: 60px; } }
.tl-item::before { content: ""; position: absolute; left: 0; top: 8px; width: 24px; height: 24px; border-radius: 50%; background: var(--color-background); border: 3px solid var(--color-accent); }
@media (min-width: 768px) { .tl-item::before { width: 32px; height: 32px; } }
.tl-item__year { font-family: var(--font-heading); font-size: 1.2rem; color: var(--color-accent); font-weight: 500; letter-spacing: 0.02em; margin-bottom: 4px; display: block; }
.tl-item h3 { font-size: 1.4rem; margin: 0 0 8px; }
.tl-item p { margin: 0; color: var(--color-foreground); opacity: 0.88; max-width: 56ch; }
.gestes { padding: var(--space-3xl) 0; }
.gestes__grid { display: grid; grid-template-columns: 1fr; gap: var(--space-lg); margin-top: var(--space-2xl); }
@media (min-width: 768px) { .gestes__grid { grid-template-columns: repeat(3, 1fr); gap: var(--space-xl); } }
.geste { background: var(--color-surface); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); }
.geste__media { aspect-ratio: 4/3; border-radius: 0; }
.geste__body { padding: var(--space-lg); }
.geste__num { font-family: var(--font-accent); font-size: 1.8rem; color: var(--color-accent); line-height: 1; margin-bottom: 4px; display: block; }
.geste h3 { font-size: 1.25rem; margin: 0 0 8px; }
.geste p { margin: 0; font-size: 0.95rem; opacity: 0.85; }
.workshop { padding: 0; }
.workshop__photo { aspect-ratio: 21/9; border-radius: 0; box-shadow: none; }
@media (max-width: 767px) { .workshop__photo { aspect-ratio: 4/3; } }
.quote { padding: var(--space-3xl) 0; background: var(--color-muted); }
.quote__wrap { max-width: 760px; margin: 0 auto; text-align: center; padding: 0 var(--space-lg); }
.quote__mark { font-family: var(--font-heading); font-size: 5rem; line-height: 0.8; color: var(--color-accent); opacity: 0.35; display: block; margin-bottom: var(--space-sm); }
.quote__text { font-family: var(--font-heading); font-size: clamp(1.4rem, 2.4vw, 1.9rem); color: var(--color-primary); font-weight: 400; line-height: 1.3; margin: 0 0 var(--space-lg); font-style: italic; }
.quote__author { color: var(--color-secondary); font-size: 0.95rem; letter-spacing: 0.08em; text-transform: uppercase; }
.values-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-lg); margin-top: var(--space-2xl); }
@media (min-width: 640px) { .values-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px) { .values-grid { grid-template-columns: repeat(4, 1fr); } }
.val-item { padding: var(--space-lg); background: var(--color-surface); border-radius: var(--radius-md); border-top: 3px solid var(--color-accent); }
.val-item svg { width: 32px; height: 32px; stroke: var(--color-accent); stroke-width: 1.5; fill: none; margin-bottom: var(--space-md); }
.val-item h4 { font-size: 1.1rem; margin: 0 0 6px; }
.val-item p { margin: 0; font-size: 0.92rem; opacity: 0.85; }
/* ——— Réalisations ——— */
.real-hero { padding: var(--space-2xl) 0 var(--space-xl); text-align: center; max-width: 780px; margin: 0 auto; }
.real-hero h1 { margin-bottom: var(--space-md); }
.real-hero h1 em { color: var(--color-secondary); font-style: italic; font-weight: 400; }
.real-hero__lead { font-size: 1.1rem; color: var(--color-foreground); opacity: 0.9; max-width: 56ch; margin: 0 auto; }
.real-filter { display: flex; justify-content: center; gap: 8px; margin: var(--space-xl) 0; flex-wrap: wrap; }
.pieces { padding: 0 0 var(--space-3xl); }
.piece { display: grid; grid-template-columns: 1fr; gap: var(--space-xl); align-items: center; margin-bottom: var(--space-3xl); }
.piece:last-child { margin-bottom: 0; }
@media (min-width: 900px) {
.piece { grid-template-columns: 1.1fr 1fr; gap: var(--space-2xl); }
.piece--flip .piece__media { order: 2; }
}
.piece__media { aspect-ratio: 4/3; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); position: relative; overflow: hidden; }
.piece__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.piece__year { position: absolute; top: var(--space-md); left: var(--space-md); background: var(--color-on-primary); color: var(--color-primary); padding: 6px 14px; border-radius: var(--radius-pill); font-family: var(--font-accent); font-size: 1.2rem; line-height: 1; box-shadow: var(--shadow-sm); }
.piece__meta { display: flex; gap: var(--space-md); flex-wrap: wrap; align-items: center; margin-bottom: var(--space-md); }
.tag { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: var(--radius-pill); font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; }
.tag--unique { background: rgba(15,110,107,0.12); color: var(--color-accent); }
.tag--sur-mesure { background: rgba(139,111,71,0.18); color: #6b5436; }
.tag--vendue { background: rgba(139,111,71,0.18); color: #6b5436; opacity: 0.7; }
.tag__dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.piece__essence { color: var(--color-secondary); font-size: 0.9rem; }
.piece h2 { font-size: clamp(1.6rem, 3vw, 2.1rem); margin: 0 0 var(--space-md); font-weight: 400; }
.piece p { max-width: 54ch; margin: 0 0 var(--space-md); color: var(--color-foreground); opacity: 0.9; }
.piece__detail { display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; margin-top: var(--space-lg); font-size: 0.9rem; padding-top: var(--space-md); border-top: 1px solid var(--color-border); }
.piece__detail dt { color: var(--color-secondary); }
.piece__detail dd { margin: 0; color: var(--color-primary); font-weight: 500; }
.piece__media { display: block; text-decoration: none; }
.piece__media:hover img { transform: scale(1.03); }
.piece__media img { transition: transform 400ms ease; }
.piece h2 a { color: inherit; text-decoration: none; }
.piece h2 a:hover { color: var(--color-accent); }
.piece__link { display: inline-flex; align-items: center; gap: 8px; margin-top: var(--space-md); font-weight: 600; color: var(--color-accent); text-decoration: none; }
.piece__link:hover { gap: 12px; }
.piece__link svg { transition: transform 200ms ease; }
.devis { padding: var(--space-3xl) 0; background: var(--color-primary); color: var(--color-on-primary); }
.devis__grid { display: grid; grid-template-columns: 1fr; gap: var(--space-2xl); align-items: center; max-width: 1100px; margin: 0 auto; padding: 0 var(--space-lg); }
@media (min-width: 900px) { .devis__grid { grid-template-columns: 1fr 1.2fr; } }
.devis h2 { color: var(--color-on-primary); margin-bottom: var(--space-md); }
.devis p { color: rgba(250,247,242,0.85); max-width: 52ch; }
.devis__steps { list-style: none; padding: 0; margin: var(--space-lg) 0; display: grid; gap: var(--space-md); }
.devis__steps li { display: flex; gap: var(--space-md); align-items: flex-start; color: rgba(250,247,242,0.9); font-size: 0.98rem; }
.devis__steps li strong { flex-shrink: 0; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--color-accent); color: var(--color-on-primary); font-family: var(--font-heading); font-size: 0.95rem; font-weight: 500; }
.devis__photo { aspect-ratio: 4/5; border-radius: var(--radius-lg); box-shadow: var(--shadow-xl); }
.devis .btn-primary { background: var(--color-on-primary); color: var(--color-primary); }
.devis .btn-primary:hover { background: #fff; }
.devis__note { margin-top: var(--space-md); font-size: 0.88rem; color: rgba(250,247,242,0.6); font-style: italic; }
/* ——— Marchés ——— */
.mk-hero { padding: var(--space-2xl) 0 var(--space-xl); display: grid; grid-template-columns: 1fr; gap: var(--space-xl); align-items: center; }
@media (min-width: 900px) { .mk-hero { grid-template-columns: 1.1fr 1fr; gap: var(--space-2xl); padding: var(--space-3xl) 0 var(--space-2xl); } }
.mk-hero h1 em { color: var(--color-secondary); font-style: italic; font-weight: 400; }
.mk-hero__lead { font-size: 1.1rem; color: var(--color-foreground); opacity: 0.9; max-width: 54ch; margin: var(--space-md) 0 var(--space-xl); }
.mk-hero__photo { aspect-ratio: 4/5; border-radius: var(--radius-lg); box-shadow: var(--shadow-xl); }
.mk-hero__meta { display: flex; gap: var(--space-lg); flex-wrap: wrap; }
.mk-filters { padding: var(--space-md) var(--space-lg); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); background: var(--color-surface); margin-bottom: var(--space-2xl); }
.mk-filters__inner { display: flex; gap: var(--space-lg); align-items: center; flex-wrap: wrap; }
.f-group { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.f-group__label { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--color-secondary); font-weight: 600; }
.next-market { padding: 0 0 var(--space-2xl); }
.next-market__card { background: var(--color-primary); color: var(--color-on-primary); border-radius: var(--radius-lg); overflow: hidden; display: grid; grid-template-columns: 1fr; box-shadow: var(--shadow-xl); }
@media (min-width: 768px) { .next-market__card { grid-template-columns: 1fr 1.3fr; } }
.next-market__date { padding: var(--space-xl); background: var(--color-accent); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 200px; position: relative; }
.next-market__date::before { content: "prochain"; position: absolute; top: var(--space-md); left: 50%; transform: translateX(-50%); font-family: var(--font-accent); font-size: 1.3rem; color: #FFE4A8; line-height: 1; }
.next-market__day { font-family: var(--font-heading); font-size: clamp(4rem, 10vw, 6rem); line-height: 0.9; color: var(--color-on-primary); font-weight: 400; }
.next-market__month { font-size: 1rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--color-on-primary); margin-top: 8px; }
.next-market__body { padding: var(--space-xl); display: flex; flex-direction: column; justify-content: center; }
.next-market__body h2 { color: var(--color-on-primary); font-size: clamp(1.5rem, 2.6vw, 2rem); margin: 0 0 8px; }
.next-market__body p { color: rgba(250,247,242,0.85); margin: 0 0 var(--space-md); }
.next-market__info { display: grid; grid-template-columns: auto 1fr; gap: 10px 16px; font-size: 0.95rem; color: rgba(250,247,242,0.85); margin-bottom: var(--space-lg); }
.next-market__info svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.75; margin-top: 3px; }
.next-market__info strong { color: var(--color-on-primary); font-weight: 500; display: block; }
.agenda { padding-bottom: var(--space-3xl); }
.agenda h2 { margin-bottom: var(--space-lg); font-size: clamp(1.4rem, 2.4vw, 1.75rem); }
.agenda__month-label { font-family: var(--font-heading); font-size: 1.1rem; color: var(--color-secondary); text-transform: uppercase; letter-spacing: 0.2em; margin: var(--space-xl) 0 var(--space-md); padding-bottom: 8px; border-bottom: 1px solid var(--color-border); }
.agenda__list { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--space-sm); }
.mk-item { display: grid; grid-template-columns: 88px 1fr auto; gap: var(--space-lg); align-items: center; padding: var(--space-lg); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease; }
.mk-item:hover { border-color: var(--color-accent); box-shadow: var(--shadow-sm); transform: translateY(-1px); }
.mk-item.is-past { opacity: 0.55; }
.mk-item.is-past:hover { transform: none; }
.mk-item__date { text-align: center; padding: 8px; border-right: 1px solid var(--color-border); padding-right: var(--space-lg); min-width: 88px; }
.mk-item__day { display: block; font-family: var(--font-heading); font-size: 2rem; color: var(--color-accent); line-height: 1; font-weight: 400; }
.mk-item.is-past .mk-item__day { color: var(--color-secondary); }
.mk-item__weekday { display: block; font-size: 0.75rem; color: var(--color-secondary); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 4px; white-space: nowrap; }
.mk-item__title { margin: 0 0 2px; font-size: 1.1rem; font-family: var(--font-heading); color: var(--color-primary); font-weight: 500; }
.mk-item__location { margin: 0; color: var(--color-secondary); font-size: 0.92rem; display: flex; flex-wrap: wrap; gap: 4px 14px; }
.mk-item__location span { display: inline-flex; align-items: center; gap: 4px; }
.mk-item__location svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 1.8; }
.mk-item__action { display: flex; align-items: center; gap: var(--space-sm); }
.mk-region { font-size: 0.78rem; font-weight: 600; color: var(--color-secondary); background: var(--color-muted); padding: 4px 10px; border-radius: var(--radius-pill); text-transform: uppercase; letter-spacing: 0.08em; white-space: nowrap; }
.mk-item__link { color: var(--color-accent); font-size: 0.9rem; font-weight: 600; display: inline-flex; align-items: center; gap: 4px; }
.mk-item__link svg { width: 14px; height: 14px; transition: transform 200ms ease; }
.mk-item:hover .mk-item__link svg { transform: translateX(3px); }
@media (max-width: 640px) {
.mk-item { grid-template-columns: 72px 1fr; gap: var(--space-md); padding: var(--space-md); }
.mk-item__action { grid-column: 1 / -1; justify-content: space-between; padding-top: var(--space-sm); border-top: 1px solid var(--color-border); }
.mk-item__date { padding-right: var(--space-md); }
.mk-item__day { font-size: 1.6rem; }
}
.agenda__year { margin: var(--space-2xl) 0 var(--space-lg); font-size: clamp(1.4rem, 2.4vw, 1.75rem); }
.agenda__history-toggle { margin: var(--space-xl) 0; text-align: center; }
.agenda__toggle-btn { display: inline-flex; align-items: center; gap: 10px; padding: 12px 28px; border: 1.5px solid var(--color-border); border-radius: var(--radius-pill); background: transparent; color: var(--color-foreground); font-family: var(--font-body); font-size: 0.95rem; cursor: pointer; transition: border-color 200ms ease, color 200ms ease; }
.agenda__toggle-btn:hover { border-color: var(--color-accent); color: var(--color-accent); }
.agenda__toggle-btn::after { content: '↓'; display: inline-block; transition: transform 250ms ease; }
.agenda__toggle-btn[aria-expanded="true"]::after { transform: rotate(180deg); }
.mk-item--past { opacity: 0.55; }
.mk-item--past:hover { transform: none; }
.mk-item--past .mk-item__day { color: var(--color-secondary); }
.mk-item__badge { font-size: 0.72rem; font-weight: 600; color: var(--color-secondary); background: var(--color-muted); padding: 4px 10px; border-radius: var(--radius-pill); text-transform: uppercase; letter-spacing: 0.1em; white-space: nowrap; align-self: center; }
.mk-item__dept { font-style: normal; color: var(--color-secondary); font-size: 0.88em; }
.next-market__hours { display: block; font-size: 0.88rem; color: var(--color-secondary); margin-top: 2px; font-weight: 400; }
.newsletter { padding: var(--space-3xl) 0; background: var(--color-muted); }
.newsletter__wrap { max-width: 620px; margin: 0 auto; text-align: center; padding: 0 var(--space-lg); }
.newsletter h2 { margin-bottom: var(--space-md); }
.newsletter p { max-width: 46ch; margin: 0 auto var(--space-lg); }
.newsletter__form { display: flex; gap: var(--space-sm); max-width: 440px; margin: 0 auto; }
.newsletter__form input { flex: 1; padding: 14px 18px; border: 1.5px solid var(--color-border); border-radius: var(--radius-md); font-family: inherit; font-size: 1rem; background: var(--color-surface); }
.newsletter__form input:focus { border-color: var(--color-accent); outline: none; box-shadow: 0 0 0 3px rgba(15,110,107,0.15); }
.newsletter__note { font-size: 0.82rem; color: var(--color-secondary); margin-top: var(--space-md); }
@media (max-width: 560px) { .newsletter__form { flex-direction: column; } }
/* ——— Contact v2 ——— */
.ct-hero { padding: var(--space-2xl) 0 var(--space-xl); text-align: center; max-width: 680px; margin: 0 auto; }
.ct-hero h1 em { color: var(--color-secondary); font-style: italic; font-weight: 400; }
.ct-hero p { font-size: 1.1rem; opacity: 0.9; margin-top: var(--space-md); }
.ct-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-2xl); padding-bottom: var(--space-3xl); }
@media (min-width: 900px) { .ct-grid { grid-template-columns: 1.2fr 1fr; gap: var(--space-3xl); } }
.ct-form { background: var(--color-surface); padding: var(--space-xl); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.ct-form h2 { font-size: 1.5rem; margin: 0 0 var(--space-md); }
.ct-form__intro { color: var(--color-secondary); margin-bottom: var(--space-xl); font-size: 0.95rem; }
.ct-form .field { display: grid; gap: 6px; margin-bottom: var(--space-lg); }
.ct-form .field label { font-size: 0.85rem; font-weight: 600; color: var(--color-primary); text-transform: uppercase; letter-spacing: 0.08em; }
.ct-form .field input, .ct-form .field textarea, .ct-form .field select { padding: 12px 16px; border: 1.5px solid var(--color-border); border-radius: var(--radius-md); font-family: inherit; font-size: 1rem; background: var(--color-background); color: var(--color-foreground); transition: border-color 200ms ease, box-shadow 200ms ease; }
.ct-form .field input:focus, .ct-form .field textarea:focus, .ct-form .field select:focus { outline: none; border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(15,110,107,0.15); }
.ct-form .field textarea { min-height: 140px; resize: vertical; }
.ct-form .field--row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-md); }
@media (max-width: 540px) { .ct-form .field--row { grid-template-columns: 1fr; gap: 0; } }
.ct-form .field--check { display: flex; gap: 10px; align-items: flex-start; }
.ct-form .field--check input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--color-accent); }
.ct-form .field--check label { font-size: 0.88rem; font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--color-foreground); opacity: 0.85; line-height: 1.5; }
.ct-form .field--check label a { color: var(--color-accent); }
.ct-form .submit-row { display: flex; align-items: center; gap: var(--space-md); flex-wrap: wrap; justify-content: space-between; margin-top: var(--space-lg); }
.ct-form .submit-row small { color: var(--color-secondary); font-size: 0.85rem; }
.subject-chips { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; position: relative; }
.subject-chips input { position: absolute; opacity: 0; pointer-events: none; }
.subject-chips label { padding: 8px 14px; border: 1.5px solid var(--color-border); border-radius: var(--radius-pill); font-size: 0.88rem; font-weight: 500; text-transform: none; letter-spacing: 0; cursor: pointer; transition: all 200ms ease; background: var(--color-background); color: var(--color-primary); }
.subject-chips input:checked + label { background: var(--color-primary); color: var(--color-on-primary); border-color: var(--color-primary); }
.subject-chips label:hover { border-color: var(--color-secondary); }
.ct-info h2 { font-size: 1.4rem; margin: 0 0 var(--space-lg); }
.info-card { background: var(--color-muted); border-radius: var(--radius-md); padding: var(--space-lg); margin-bottom: var(--space-md); display: grid; grid-template-columns: auto 1fr; gap: var(--space-md); align-items: flex-start; }
.info-card__icon { width: 44px; height: 44px; border-radius: 50%; background: var(--color-primary); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.info-card__icon svg { width: 22px; height: 22px; stroke: var(--color-on-primary); fill: none; stroke-width: 1.75; }
.info-card h3 { font-size: 1rem; margin: 0 0 4px; font-family: var(--font-body); font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--color-primary); }
.info-card p { margin: 0; font-size: 0.92rem; color: var(--color-foreground); opacity: 0.85; line-height: 1.55; }
.info-card a { color: var(--color-accent); font-weight: 500; }
.ct-photo { aspect-ratio: 3/4; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); margin-top: var(--space-lg); }
.faq-v2 { padding: var(--space-3xl) 0; background: var(--color-surface); }
.faq-v2__wrap { max-width: 760px; margin: 0 auto; padding: 0 var(--space-lg); }
.faq-v2 h2 { text-align: center; margin-bottom: var(--space-2xl); }
.faq-v2 details { background: var(--color-background); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-lg); margin-bottom: var(--space-sm); transition: border-color 200ms ease; }
.faq-v2 details[open] { border-color: var(--color-accent); }
.faq-v2 summary { cursor: pointer; list-style: none; font-family: var(--font-heading); font-size: 1.1rem; color: var(--color-primary); font-weight: 500; display: flex; justify-content: space-between; align-items: center; gap: var(--space-md); }
.faq-v2 summary::-webkit-details-marker { display: none; }
.faq-v2 summary::after { content: "+"; font-size: 1.5rem; color: var(--color-accent); flex-shrink: 0; font-weight: 300; transition: transform 200ms ease; }
.faq-v2 details[open] summary::after { transform: rotate(45deg); }
.faq-v2 details p { margin: var(--space-md) 0 0; color: var(--color-foreground); opacity: 0.88; max-width: 62ch; }
/* ============================================================
v0.9.0 — Home blocks (scoped under .afc-home)
============================================================ */
.afc-home { display: block; }
.afc-home .eyebrow { display: inline-block; font-family: var(--font-accent); font-size: 1.25rem; color: var(--color-accent); letter-spacing: 0.04em; margin-bottom: var(--space-sm); }
.afc-home .photo-ph { background: linear-gradient(135deg, var(--color-muted), var(--color-border)); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; color: var(--color-secondary); font-size: 0.85rem; text-align: center; padding: var(--space-md); }
.afc-home .photo-ph--warm { background: linear-gradient(135deg, #C8A887, #8B6F47); color: #FAF7F2; }
.afc-home .photo-ph--dark { background: linear-gradient(135deg, #3E2723, #1F1410); color: #FAF7F2; }
.afc-home .photo-ph__label { opacity: 0.7; line-height: 1.5; }
.afc-home .btn-primary { display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; background: var(--color-primary); color: var(--color-on-primary); border: none; border-radius: var(--radius-pill); font-family: inherit; font-size: 1rem; font-weight: 500; cursor: pointer; transition: background 200ms ease, transform 200ms ease; text-decoration: none; }
.afc-home .btn-primary:hover { background: var(--color-accent); transform: translateY(-1px); color: var(--color-on-primary); }
.afc-home .btn-secondary { display: inline-flex; align-items: center; gap: 8px; padding: 13px 26px; background: transparent; color: var(--color-primary); border: 1.5px solid var(--color-border); border-radius: var(--radius-pill); font-family: inherit; font-size: 1rem; font-weight: 500; cursor: pointer; transition: all 200ms ease; text-decoration: none; }
.afc-home .btn-secondary:hover { border-color: var(--color-primary); background: var(--color-primary); color: var(--color-on-primary); }
.afc-home.section { padding: var(--space-3xl) 0; }
.afc-home.section--muted { background: var(--color-muted); }
.afc-home .section__head { text-align: center; max-width: 720px; margin: 0 auto var(--space-2xl); }
.afc-home .section__head h2 { margin-bottom: var(--space-md); }
/* Hero double-photo */
.afc-home.home-hero { padding: var(--space-2xl) 0 var(--space-3xl); overflow: hidden; }
@media (max-width: 899px) { .afc-home.home-hero { padding-top: var(--space-lg) !important; } }
.afc-home .home-hero__grid { display: grid; grid-template-columns: 1fr; gap: var(--space-2xl); align-items: center; }
@media (max-width: 899px) {
.afc-home .home-hero__grid { display: flex !important; flex-direction: column; }
.afc-home .home-hero__visual { order: -1; aspect-ratio: 4/5; width: 100%; }
}
@media (min-width: 900px) { .afc-home .home-hero__grid { grid-template-columns: 1.05fr 1fr; gap: var(--space-3xl); } }
.afc-home.home-hero h1 { font-size: clamp(2.4rem, 5.5vw, 4rem); line-height: 1.05; margin-bottom: var(--space-lg); }
.afc-home.home-hero h1 em { color: var(--color-secondary); font-style: italic; font-weight: 400; }
.afc-home .home-hero__lede { font-size: 1.15rem; max-width: 48ch; color: var(--color-foreground); opacity: 0.88; margin-bottom: var(--space-xl); }
.afc-home .home-hero__ctas { display: flex; gap: var(--space-md); flex-wrap: wrap; margin-bottom: var(--space-xl); }
.afc-home .home-hero__meta { display: flex; gap: var(--space-lg); flex-wrap: wrap; font-size: 0.9rem; color: var(--color-secondary); }
.afc-home .home-hero__meta span { display: inline-flex; align-items: center; gap: 6px; }
.afc-home .home-hero__meta svg { width: 16px; height: 16px; stroke: var(--color-accent); fill: none; stroke-width: 2; }
.afc-home .home-hero__visual { position: relative; aspect-ratio: 4/5; }
.afc-home .home-hero__visual .photo-ph { position: absolute; }
.afc-home .home-hero__visual .photo-ph:first-child { inset: 0 30% 25% 0; z-index: 2; box-shadow: var(--shadow-xl); }
.afc-home .home-hero__visual .photo-ph:last-child { inset: 35% 0 0 35%; z-index: 1; box-shadow: var(--shadow-lg); }
@media (max-width: 640px) { .afc-home .home-hero__visual { aspect-ratio: 1; } }
/* Trust strip (afc_values v0.9.0) */
.afc-home.trust-strip { background: var(--color-primary); color: var(--color-on-primary); padding: var(--space-xl) 0; }
.afc-home .trust-strip__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-lg); text-align: center; }
.afc-home .trust-strip__item { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.afc-home .trust-strip__item strong { font-family: var(--font-heading); font-size: 1.05rem; font-weight: 500; }
.afc-home .trust-strip__item span { font-size: 0.85rem; opacity: 0.75; max-width: 22ch; }
.afc-home.trust-strip svg { width: 28px; height: 28px; stroke: var(--color-on-primary); fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; margin-bottom: 4px; flex-shrink: 0; }
.afc-home .trust-strip__item svg { width: 28px; height: 28px; stroke: var(--color-on-primary); fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; margin-bottom: 4px; flex-shrink: 0; }
/* Catégories cards (overlay) */
.afc-home .cats__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-md); }
@media (min-width: 768px) { .afc-home .cats__grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--space-lg); } }
.afc-home .cat-card { position: relative; display: block; aspect-ratio: 3/4; border-radius: var(--radius-lg); overflow: hidden; color: var(--color-on-primary); text-decoration: none; box-shadow: var(--shadow-md); transition: transform 300ms ease, box-shadow 300ms ease; }
.afc-home .cat-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); color: var(--color-on-primary); }
.afc-home .cat-card .photo-ph { position: absolute; inset: 0; border-radius: 0; }
.afc-home .cat-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.afc-home .cat-card__overlay { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: var(--space-lg); background: linear-gradient(to top, rgba(31,20,16,0.75) 0%, rgba(31,20,16,0.15) 55%, transparent 100%); }
.afc-home .cat-card__name { font-family: var(--font-heading); font-size: 1.6rem; font-weight: 500; letter-spacing: -0.01em; margin: 0 0 4px; color: var(--color-on-primary); }
.afc-home .cat-card__count { font-size: 0.88rem; opacity: 0.88; display: inline-flex; align-items: center; gap: 8px; color: var(--color-on-primary); }
.afc-home .cat-card__count::after { content: "→"; transition: transform 220ms ease; }
.afc-home .cat-card:hover .cat-card__count::after { transform: translateX(6px); }
/* Atelier split */
.afc-home .atelier-split__grid { display: grid; grid-template-columns: 1fr; gap: var(--space-2xl); align-items: center; }
@media (min-width: 900px) { .afc-home .atelier-split__grid { grid-template-columns: 1fr 1fr; gap: var(--space-3xl); } }
.afc-home .atelier-split__visual { aspect-ratio: 4/5; }
.afc-home .atelier-split__visual .photo-ph { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); height: 100%; }
.afc-home .atelier-split__visual img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }
.afc-home .atelier-split__body h2 em { color: var(--color-secondary); font-style: italic; font-weight: 400; }
.afc-home .atelier-split__body p { font-size: 1.05rem; max-width: 52ch; }
.afc-home .atelier-split__quote { border-left: 2px solid var(--color-accent); padding: var(--space-sm) var(--space-lg); font-family: var(--font-heading); font-style: italic; font-size: 1.15rem; color: var(--color-primary); margin: var(--space-xl) 0; }
.afc-home .atelier-split__sign { font-family: var(--font-accent); font-size: 1.6rem; color: var(--color-accent); margin-top: var(--space-lg); display: block; }
/* Next market card (home variant — scope évite la collision avec marches page) */
.afc-home .next-market { background: var(--color-primary); color: var(--color-on-primary); border-radius: var(--radius-lg); padding: var(--space-2xl); display: grid; grid-template-columns: auto 1fr auto; gap: var(--space-xl); align-items: center; }
@media (max-width: 767px) { .afc-home .next-market { grid-template-columns: 1fr; text-align: center; gap: var(--space-lg); padding: var(--space-xl); } }
.afc-home .next-market__date { text-align: center; padding: var(--space-md) var(--space-lg); background: rgba(250,247,242,0.08); border: 1px solid rgba(250,247,242,0.2); border-radius: var(--radius-md); min-width: 120px; }
.afc-home .next-market__day { display: block; font-family: var(--font-heading); font-size: 3rem; line-height: 1; color: var(--color-on-primary); font-weight: 400; }
.afc-home .next-market__month { display: block; font-family: var(--font-accent); font-size: 1.4rem; color: rgba(250,247,242,0.85); margin-top: 4px; }
.afc-home .next-market__year { display: block; font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.6; margin-top: 4px; }
.afc-home .next-market__info .eyebrow { color: rgba(250,247,242,0.7); }
.afc-home .next-market__info h3 { color: var(--color-on-primary); font-size: 1.6rem; margin: 0 0 4px; }
.afc-home .next-market__info p { margin: 0; opacity: 0.82; font-size: 0.95rem; }
.afc-home .next-market__info svg { width: 14px; height: 14px; vertical-align: -2px; stroke: currentColor; fill: none; stroke-width: 1.75; margin-right: 4px; }
.afc-home .next-market .btn-secondary { border-color: var(--color-on-primary); color: var(--color-on-primary); background: transparent; }
.afc-home .next-market .btn-secondary:hover { background: var(--color-on-primary); color: var(--color-primary); }
/* Instagram grid (6 tuiles) */
.afc-home .insta-head { text-align: center; margin-bottom: var(--space-2xl); }
.afc-home .insta-head h2 { margin-bottom: var(--space-sm); }
.afc-home .insta-head a { font-weight: 600; color: var(--color-accent); }
.afc-home .insta-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }
@media (max-width: 767px) { .afc-home .insta-grid { grid-template-columns: repeat(3, 1fr); } }
.afc-home .insta-tile { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: var(--radius-sm); display: block; }
.afc-home .insta-tile .photo-ph { border-radius: 0; height: 100%; font-size: 0.7rem; position: absolute; inset: 0; }
.afc-home .insta-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.afc-home .insta-tile__overlay { position: absolute; inset: 0; background: rgba(31,20,16,0.55); color: var(--color-on-primary); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 220ms ease; gap: var(--space-md); font-weight: 500; font-size: 0.9rem; }
.afc-home .insta-tile:hover .insta-tile__overlay { opacity: 1; }
.afc-home .insta-tile__overlay svg { width: 18px; height: 18px; stroke: currentColor; fill: currentColor; }
/* ============================================================
v0.9.0 — Pied de page ([afc_footer])
============================================================ */
.afc-footer { background: var(--color-primary); color: var(--color-on-primary); padding: var(--space-2xl) 0 var(--space-lg); }
.afc-footer .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--space-lg); }
.afc-footer__grid { display: grid; grid-template-columns: 1fr; gap: var(--space-xl); margin-bottom: var(--space-2xl); }
@media (min-width: 768px) { .afc-footer__grid { grid-template-columns: 2fr 1fr 1fr 1fr; gap: var(--space-2xl); } }
.afc-footer__logo { display: flex; align-items: center; gap: 12px; color: var(--color-on-primary); }
.afc-footer__logo svg { width: 44px; height: auto; color: var(--color-on-primary); fill: currentColor; }
.afc-footer__logo strong { font-family: var(--font-heading); font-size: 1.1rem; font-weight: 500; color: var(--color-on-primary); }
.afc-footer__tagline { opacity: 0.75; margin: 14px 0 0; max-width: 42ch; line-height: 1.5; font-size: 0.95rem; }
.afc-footer__social { margin-top: var(--space-lg); display: flex; gap: var(--space-md); align-items: center; }
.afc-footer__social a { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border: 1px solid rgba(250,247,242,0.25); border-radius: 50%; color: var(--color-on-primary); transition: background 200ms ease, border-color 200ms ease; text-decoration: none; }
.afc-footer__social a:hover { background: rgba(250,247,242,0.08); border-color: rgba(250,247,242,0.5); color: var(--color-on-primary); }
.afc-footer__social svg { width: 18px; height: 18px; }
.afc-footer h5 { font-family: var(--font-heading); font-size: 1rem; color: var(--color-on-primary); margin: 0 0 var(--space-md); font-weight: 500; }
.afc-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.afc-footer a { color: rgba(250,247,242,0.75); font-size: 0.92rem; text-decoration: none; }
.afc-footer a:hover { color: var(--color-on-primary); }
.afc-footer__bottom { border-top: 1px solid rgba(250,247,242,0.15); padding-top: var(--space-lg); font-size: 0.85rem; color: rgba(250,247,242,0.55); display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--space-md); }
@media (max-width: 640px) { .afc-footer__bottom { flex-direction: column; gap: 6px; text-align: center; } }
/* ============================================================
v0.9.2 — Full-bleed : sortir du .ct-container Blocksy
Les sections d'accueil et le footer doivent toucher les bords
écran. Le contenu interne reste centré sur 1200px via .container.
============================================================ */
.afc-home.home-hero,
.afc-home.section,
.afc-home.trust-strip,
.afc-footer {
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
max-width: none;
}
.afc-home > .container,
.afc-footer > .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 var(--space-lg);
}
/* Empêche la barre de scroll horizontale déclenchée par 100vw */
html, body { overflow-x: clip; }
/* v0.9.3 — Masque les vides que WP glisse entre deux shortcodes :
même si le filtre PHP en attrape la plupart, ce garde-fou CSS bouche
les cas résiduels (ex. Gutenberg "Shortcode block" sérialisé en
). */
.entry-content p:empty,
.ct-container p:empty { display: none !important; margin: 0 !important; }
/* ============================================================
v0.9.5 — Nettoyage des espacements Blocksy autour du footer
+ fond blanc pour la section Instagram
+ séparation visuelle trust-strip / footer (deux bruns adjacents)
============================================================ */
/* (1) Tue l'espace que Blocksy Footer Builder met autour du bloc HTML
qui contient [afc_footer] — l'écart crème persistant entre le dernier
conteneur (quelle que soit la page) et le pied de page. */
.ct-footer,
[data-footer] {
padding-block: 0 !important;
margin-block-start: 0 !important;
}
.ct-footer > *,
[data-footer] > *,
.ct-footer [data-row],
[data-footer] [data-row] {
padding-block: 0 !important;
margin-block: 0 !important;
row-gap: 0 !important;
}
/* Supprime aussi le margin-block-start global que WP applique aux enfants
de .wp-site-blocks (variable --theme-content-spacing) quand l'élément
qui suit est notre footer ou la trust-strip. */
.wp-site-blocks > .ct-footer,
.wp-site-blocks > .afc-footer,
.ct-main + .ct-footer,
main + .ct-footer { margin-block-start: 0 !important; }
/* (2) Fond blanc pour la section Instagram (override du beige muted). */
.afc-home.section--muted#instagram,
#instagram.afc-home.section {
background: #fff !important;
}
/* (3) Sur la page Boutique, la trust-strip et le footer (tous deux bruns)
se touchent et donnent un seul gros bloc. On pose un liseré lumineux
tout fin pour les distinguer visuellement. */
.afc-home.trust-strip + .afc-footer,
.afc-home.trust-strip + * .afc-footer,
.afc-footer { border-top: 1px solid rgba(250, 247, 242, 0.12); }
.afc-home.trust-strip { border-bottom: 1px solid rgba(250, 247, 242, 0.10); }
/* (4) Plus de respiration entre la grille produits Woo et la trust-strip
qui suit (sinon les cards sont collées au bandeau noyer). */
.woocommerce-shop .products,
.woocommerce ul.products { margin-bottom: var(--space-3xl) !important; }
/* ============================================================
v0.9.6 — Menu actif, mini-panier refonte, retour au calme
============================================================ */
/* (A) Page courante dans le menu : on force la couleur "survol" (teal).
Blocksy ajoute plusieurs classes selon le type d'élément : current-menu-item,
current_page_item, current-menu-parent, current-menu-ancestor. On vise large
et avec une spécificité suffisante pour battre les règles du parent. */
.ct-header .menu .current-menu-item > a,
.ct-header .menu .current_page_item > a,
.ct-header .menu .current-menu-parent > a,
.ct-header .menu .current-menu-ancestor > a,
.ct-header nav .current-menu-item > a,
.ct-header nav .current_page_item > a,
[data-id="menu"] .current-menu-item > a,
[data-id="menu"] .current_page_item > a,
header.ct-header .current-menu-item > a,
header.ct-header .current_page_item > a {
color: var(--color-accent) !important;
}
/* (B) Mini-panier (dropdown Blocksy) — refonte complète.
Le rendu natif casse : boutons en ronds bleus, typo qui wrap lettre à lettre.
On reset tout et on reconstruit proprement. */
/* Conteneur du dropdown — force une largeur confortable et un padding lisible. */
.ct-header .ct-cart-content,
.ct-header-cart-inner,
.ct-mini-cart,
.widget_shopping_cart,
.widget_shopping_cart_content,
#ct-floating-cart .ct-cart-content,
#ct-cart-content {
width: 360px !important;
max-width: 92vw !important;
min-width: 0 !important;
padding: 20px !important;
background: #fff !important;
color: var(--color-primary) !important;
box-sizing: border-box !important;
border-radius: var(--radius-md) !important;
box-shadow: var(--shadow-lg) !important;
}
/* Texte du mini-panier : typo normale, pas de letter-spacing massif,
word-break sain (pas de rupture lettre par lettre). */
.ct-mini-cart,
.ct-mini-cart *,
.widget_shopping_cart,
.widget_shopping_cart * {
font-family: var(--font-body) !important;
letter-spacing: 0 !important;
text-transform: none !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
hyphens: none !important;
}
/* Liste des articles : plus de bullets, gouttière propre. */
.ct-mini-cart .cart_list,
.widget_shopping_cart .cart_list,
.widget_shopping_cart ul.cart_list,
.widget_shopping_cart ul.product_list_widget {
list-style: none !important;
padding: 0 !important;
margin: 0 0 16px !important;
max-height: 340px;
overflow-y: auto;
}
/* Chaque ligne : image à gauche, contenu à droite, bouton supprimer en haut à droite. */
.ct-mini-cart .mini_cart_item,
.widget_shopping_cart li.mini_cart_item,
.widget_shopping_cart .mini_cart_item {
display: grid !important;
grid-template-columns: 56px 1fr;
gap: 12px !important;
align-items: start !important;
padding: 12px 28px 12px 0 !important;
border-bottom: 1px solid var(--color-border) !important;
position: relative !important;
font-size: 0.95rem !important;
line-height: 1.35 !important;
}
.widget_shopping_cart .mini_cart_item:last-child { border-bottom: 0 !important; }
/* Image produit. */
.widget_shopping_cart .mini_cart_item a img,
.ct-mini-cart .mini_cart_item img {
width: 56px !important;
height: 56px !important;
object-fit: cover !important;
border-radius: var(--radius-sm) !important;
margin: 0 !important;
float: none !important;
display: block !important;
}
/* Lien titre produit — pas de bloc, typo propre. */
.widget_shopping_cart .mini_cart_item > a:not(.remove),
.ct-mini-cart .mini_cart_item > a:not(.remove) {
display: inline !important;
color: var(--color-primary) !important;
font-weight: 600 !important;
text-decoration: none !important;
font-size: 0.95rem !important;
line-height: 1.3 !important;
}
/* Quantité × prix. */
.widget_shopping_cart .mini_cart_item .quantity,
.ct-mini-cart .mini_cart_item .quantity {
display: block !important;
font-size: 0.85rem !important;
color: var(--color-secondary) !important;
margin-top: 4px !important;
font-weight: 500 !important;
}
/* Croix de suppression — petit, en haut à droite, pas un rond coloré. */
.widget_shopping_cart a.remove,
.widget_shopping_cart a.remove_from_cart_button,
.ct-mini-cart a.remove {
position: absolute !important;
top: 10px !important;
right: 0 !important;
width: 22px !important;
height: 22px !important;
min-width: 0 !important;
padding: 0 !important;
line-height: 20px !important;
text-align: center !important;
font-size: 16px !important;
font-weight: 400 !important;
color: var(--color-secondary) !important;
background: transparent !important;
border: 1px solid var(--color-border) !important;
border-radius: 50% !important;
box-shadow: none !important;
}
.widget_shopping_cart a.remove:hover,
.widget_shopping_cart a.remove_from_cart_button:hover {
color: #991B1B !important;
border-color: #991B1B !important;
background: transparent !important;
}
/* Total. */
.widget_shopping_cart p.total,
.ct-mini-cart .total {
padding: 12px 0 !important;
margin: 0 0 16px !important;
border-top: 1px solid var(--color-border) !important;
display: flex !important;
justify-content: space-between !important;
align-items: baseline !important;
}
.widget_shopping_cart p.total strong {
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
font-size: 0.85rem !important;
color: var(--color-secondary) !important;
}
.widget_shopping_cart .total .amount,
.widget_shopping_cart .total .woocommerce-Price-amount {
font-family: var(--font-heading) !important;
font-size: 1.15rem !important;
color: var(--color-primary) !important;
font-weight: 600 !important;
}
/* Boutons "Voir le panier" / "Commander" — barre horizontale, pas de ronds. */
.widget_shopping_cart p.buttons,
.ct-mini-cart .buttons {
display: flex !important;
flex-direction: row !important;
gap: 10px !important;
margin: 0 !important;
padding: 0 !important;
}
.widget_shopping_cart p.buttons a,
.widget_shopping_cart p.buttons a.button,
.widget_shopping_cart p.buttons a.wc-forward,
.ct-mini-cart .buttons a {
flex: 1 1 0 !important;
width: auto !important;
height: auto !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: none !important;
padding: 11px 14px !important;
font-family: var(--font-body) !important;
font-size: 0.88rem !important;
font-weight: 600 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-transform: none !important;
white-space: nowrap !important;
border-radius: var(--radius-md) !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* Bouton secondaire = "Voir le panier" (1er) → outline brun. */
.widget_shopping_cart p.buttons a:first-child,
.widget_shopping_cart p.buttons a.wc-forward:not(.checkout) {
background: transparent !important;
color: var(--color-primary) !important;
border: 1.5px solid var(--color-primary) !important;
}
.widget_shopping_cart p.buttons a:first-child:hover {
background: var(--color-primary) !important;
color: var(--color-on-primary) !important;
}
/* Bouton principal = "Commander" → fond teal. */
.widget_shopping_cart p.buttons a.checkout,
.widget_shopping_cart p.buttons a.wc-forward.checkout {
background: var(--color-accent) !important;
color: var(--color-on-primary, #fff) !important;
border: 1.5px solid var(--color-accent) !important;
}
.widget_shopping_cart p.buttons a.checkout:hover {
background: var(--color-accent-dark, var(--color-accent)) !important;
border-color: var(--color-accent-dark, var(--color-accent)) !important;
}
/* Message "Votre panier est vide". */
.widget_shopping_cart p.woocommerce-mini-cart__empty-message {
text-align: center !important;
color: var(--color-secondary) !important;
font-style: italic !important;
padding: 20px 0 !important;
margin: 0 !important;
}
/* ============================================================
v0.9.6 (suite) — Mini-panier Blocksy : cible la VRAIE structure
DOM livrée par le thème (.ct-cart-content > .woocommerce-mini-cart
avec items
).
Règles prioritaires au-dessus du widget_shopping_cart générique.
============================================================ */
/* Conteneur racine Blocksy du dropdown panier. */
.ct-header-cart .ct-cart-content,
.ct-header [data-id="cart"] .ct-cart-content,
#ct-floating-cart .ct-cart-content {
width: 360px !important;
max-width: 92vw !important;
min-width: 0 !important;
padding: 20px !important;
box-sizing: border-box !important;
background: #fff !important;
color: var(--color-primary) !important;
border-radius: var(--radius-md) !important;
box-shadow: var(--shadow-lg) !important;
font-family: var(--font-body) !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-align: left !important;
}
/* Tue le letter-spacing / text-transform sur TOUT le contenu.
IMPORTANT : on utilise overflow-wrap: break-word (et NON anywhere)
pour que les mots ne se cassent pas lettre par lettre. */
.ct-cart-content,
.ct-cart-content * {
letter-spacing: 0 !important;
text-transform: none !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
font-family: var(--font-body) !important;
min-width: 0 !important;
}
/* Liste UL — pas de bullet, pas de padding. */
.ct-cart-content ul.woocommerce-mini-cart,
.ct-cart-content ul.cart_list {
list-style: none !important;
padding: 0 !important;
margin: 0 0 16px !important;
max-height: 340px;
overflow-y: auto;
}
/* Chaque ligne article — flex simple. La croix est position:absolute donc
hors flow ; seuls l'image et .product-data sont en flex. */
.ct-cart-content li.woocommerce-mini-cart-item,
.ct-cart-content li.mini_cart_item {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
gap: 12px !important;
align-items: flex-start !important;
position: relative !important;
padding: 12px 32px 12px 0 !important;
margin: 0 !important;
border-bottom: 1px solid var(--color-border) !important;
font-size: 0.95rem !important;
line-height: 1.35 !important;
width: 100% !important;
box-sizing: border-box !important;
}
.ct-cart-content li.mini_cart_item:last-child { border-bottom: 0 !important; }
/* Image produit (lien .ct-media-container) — largeur fixe. */
.ct-cart-content .ct-media-container {
display: block !important;
flex: 0 0 56px !important;
width: 56px !important;
height: 56px !important;
padding: 0 !important;
margin: 0 !important;
}
.ct-cart-content .ct-media-container img {
width: 56px !important;
height: 56px !important;
max-width: 56px !important;
object-fit: cover !important;
border-radius: var(--radius-sm) !important;
margin: 0 !important;
padding: 0 !important;
aspect-ratio: 1 / 1 !important;
display: block !important;
}
/* Bloc métadonnées à droite — prend tout le reste. */
.ct-cart-content .product-data {
flex: 1 1 auto !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
width: auto !important;
max-width: 100% !important;
}
/* Titre produit — wrap sur les mots, pas lettre par lettre. */
.ct-cart-content a.product-title,
.ct-cart-content .product-data a:not(.remove) {
display: block !important;
width: 100% !important;
max-width: 100% !important;
color: var(--color-primary) !important;
font-weight: 600 !important;
font-size: 0.95rem !important;
line-height: 1.3 !important;
text-decoration: none !important;
white-space: normal !important;
word-break: normal !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
hyphens: auto !important;
}
.ct-cart-content a.product-title:hover { color: var(--color-accent) !important; }
/* Quantité × prix. */
.ct-cart-content .quantity {
display: block !important;
font-size: 0.85rem !important;
color: var(--color-secondary) !important;
font-weight: 500 !important;
}
.ct-cart-content .woocommerce-Price-amount {
font-family: var(--font-body) !important;
font-weight: 600 !important;
color: var(--color-primary) !important;
}
/* Croix "Retirer" — petit bouton discret en haut-droit de la ligne. */
.ct-cart-content a.remove,
.ct-cart-content a.remove_from_cart_button {
position: absolute !important;
top: 10px !important;
right: 0 !important;
width: 24px !important;
height: 24px !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
color: var(--color-secondary) !important;
border: 1px solid var(--color-border) !important;
border-radius: 50% !important;
box-shadow: none !important;
font-size: 0 !important;
text-decoration: none !important;
}
.ct-cart-content a.remove svg,
.ct-cart-content a.remove_from_cart_button svg {
width: 10px !important;
height: 10px !important;
fill: currentColor !important;
}
.ct-cart-content a.remove:hover,
.ct-cart-content a.remove_from_cart_button:hover {
color: #991B1B !important;
border-color: #991B1B !important;
background: transparent !important;
}
/* Sous-total. */
.ct-cart-content p.woocommerce-mini-cart__total,
.ct-cart-content .total {
padding: 12px 0 !important;
margin: 0 0 16px !important;
border-top: 1px solid var(--color-border) !important;
display: flex !important;
justify-content: space-between !important;
align-items: baseline !important;
}
.ct-cart-content p.woocommerce-mini-cart__total strong {
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
font-size: 0.85rem !important;
color: var(--color-secondary) !important;
}
.ct-cart-content p.woocommerce-mini-cart__total .woocommerce-Price-amount {
font-family: var(--font-heading) !important;
font-size: 1.15rem !important;
color: var(--color-primary) !important;
font-weight: 600 !important;
}
/* Rangée boutons — flex horizontal, deux boutons larges. */
.ct-cart-content p.woocommerce-mini-cart__buttons,
.ct-cart-content p.buttons {
display: flex !important;
flex-direction: row !important;
gap: 10px !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
/* Chaque bouton : RESET total du rendu rond + mise en forme pill pleine largeur. */
.ct-cart-content p.woocommerce-mini-cart__buttons a.button,
.ct-cart-content p.woocommerce-mini-cart__buttons a.wc-forward,
.ct-cart-content p.buttons a.button {
flex: 1 1 0 !important;
width: auto !important;
height: auto !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: none !important;
padding: 12px 14px !important;
margin: 0 !important;
font-family: var(--font-body) !important;
font-size: 0.88rem !important;
font-weight: 600 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-transform: none !important;
text-decoration: none !important;
white-space: nowrap !important;
border-radius: var(--radius-md) !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
aspect-ratio: auto !important;
}
/* Premier bouton ("Voir le panier") — outline brun. */
.ct-cart-content p.woocommerce-mini-cart__buttons a.button:first-child,
.ct-cart-content p.woocommerce-mini-cart__buttons a.wc-forward:not(.checkout),
.ct-cart-content p.buttons a.button:first-child {
background: transparent !important;
color: var(--color-primary) !important;
border: 1.5px solid var(--color-primary) !important;
}
.ct-cart-content p.woocommerce-mini-cart__buttons a.button:first-child:hover {
background: var(--color-primary) !important;
color: var(--color-on-primary, #fff) !important;
}
/* "Commander" — teal plein. */
.ct-cart-content p.woocommerce-mini-cart__buttons a.checkout,
.ct-cart-content p.buttons a.checkout {
background: var(--color-accent) !important;
color: var(--color-on-primary, #fff) !important;
border: 1.5px solid var(--color-accent) !important;
}
.ct-cart-content p.woocommerce-mini-cart__buttons a.checkout:hover {
background: var(--color-accent-dark, var(--color-accent)) !important;
border-color: var(--color-accent-dark, var(--color-accent)) !important;
}
/* Panier vide. */
.ct-cart-content p.woocommerce-mini-cart__empty-message {
text-align: center !important;
color: var(--color-secondary) !important;
font-style: italic !important;
padding: 20px 0 !important;
margin: 0 !important;
}
/* ============================================================
v0.9.6 (suite) — current_page_parent = classe Blocksy pour
un item de menu dont une sous-page est active (ex. /boutique/
reste surligné quand on est sur un produit). À ajouter aux
règles active-menu déjà en place plus haut.
============================================================ */
.ct-header .menu .current_page_parent > a,
.ct-header .menu .current-menu-parent > a,
.ct-header .menu .current-page-ancestor > a,
.ct-header nav .current_page_parent > a,
header.ct-header .current_page_parent > a {
color: var(--color-accent) !important;
}
/* ——— Contact Form 7 stylisé AFC ——— */
.ct-form--cf7 .wpcf7 { margin: 0; }
.ct-form--cf7 .wpcf7-form p { margin: 0 0 var(--space-md); }
.ct-form--cf7 label {
display: block;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 0.78rem;
color: var(--color-primary);
margin-bottom: 6px;
}
.ct-form--cf7 input[type="text"],
.ct-form--cf7 input[type="email"],
.ct-form--cf7 input[type="tel"],
.ct-form--cf7 textarea,
.ct-form--cf7 select {
width: 100%;
height: auto !important;
min-height: 48px !important;
padding: 12px 14px !important;
font-family: var(--font-body) !important;
font-size: 1rem !important;
font-weight: 400 !important;
color: var(--color-primary);
background: #fff;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
transition: border-color 160ms ease, box-shadow 160ms ease;
text-transform: none !important;
letter-spacing: 0 !important;
line-height: 1.4 !important;
box-sizing: border-box !important;
display: block !important;
margin-top: 6px !important;
vertical-align: middle;
}
.ct-form--cf7 textarea { min-height: 140px !important; resize: vertical; }
.ct-form--cf7 select {
/* flèche native visible + padding droit pour ne pas couper la valeur */
padding-right: 36px !important;
appearance: auto !important;
-webkit-appearance: auto !important;
}
.ct-form--cf7 option {
padding: 6px 10px !important;
background: #fff !important;
border: 0 !important;
text-transform: none !important;
letter-spacing: 0 !important;
font-size: 1rem !important;
line-height: 1.4 !important;
}
/* Radio "sujet" CF7 stylé en chips (comme la maquette d'origine). */
.ct-form--cf7 .wpcf7-radio {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin-top: 6px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.ct-form--cf7 .wpcf7-radio .wpcf7-list-item {
margin: 0 !important;
padding: 0 !important;
position: relative;
}
.ct-form--cf7 .wpcf7-radio input[type="radio"] {
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
}
.ct-form--cf7 .wpcf7-radio .wpcf7-list-item-label {
display: inline-block !important;
padding: 8px 14px !important;
border: 1.5px solid var(--color-border) !important;
border-radius: var(--radius-pill) !important;
font-family: var(--font-body) !important;
font-size: 0.88rem !important;
font-weight: 500 !important;
text-transform: none !important;
letter-spacing: 0 !important;
color: var(--color-primary) !important;
background: var(--color-background) !important;
cursor: pointer !important;
transition: all 200ms ease !important;
line-height: 1.2 !important;
}
.ct-form--cf7 .wpcf7-radio .wpcf7-list-item-label:hover {
border-color: var(--color-secondary) !important;
}
.ct-form--cf7 .wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label {
background: var(--color-primary) !important;
color: var(--color-on-primary, #fff) !important;
border-color: var(--color-primary) !important;
}
/* Acceptance (case à cocher RGPD). */
.ct-form--cf7 .wpcf7-acceptance {
display: inline-block !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
width: auto !important;
}
.ct-form--cf7 .wpcf7-acceptance .wpcf7-list-item {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
margin: 0 !important;
}
.ct-form--cf7 .wpcf7-acceptance input[type="checkbox"] {
width: 18px !important;
height: 18px !important;
margin-top: 2px !important;
flex: 0 0 18px !important;
accent-color: var(--color-accent);
}
.ct-form--cf7 .wpcf7-acceptance .wpcf7-list-item-label {
text-transform: none !important;
font-weight: 400 !important;
font-size: 0.9rem !important;
line-height: 1.4 !important;
color: var(--color-secondary) !important;
}
.ct-form--cf7 input:focus,
.ct-form--cf7 textarea:focus,
.ct-form--cf7 select:focus {
outline: none;
border-color: var(--color-accent);
box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}
.ct-form--cf7 textarea { min-height: 140px; resize: vertical; }
.ct-form--cf7 .wpcf7-submit {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 28px;
font-family: var(--font-body);
font-size: 0.95rem;
font-weight: 600;
color: #fff;
background: var(--color-accent);
border: 0;
border-radius: var(--radius-pill);
cursor: pointer;
transition: background 160ms ease, transform 120ms ease;
}
.ct-form--cf7 .wpcf7-submit:hover {
background: var(--color-accent-dark, #0d6460);
transform: translateY(-1px);
}
.ct-form--cf7 .wpcf7-acceptance label { text-transform: none; font-weight: 400; font-size: 0.9rem; }
.ct-form--cf7 .wpcf7 form .wpcf7-response-output {
margin: var(--space-md) 0 0;
padding: 12px 16px;
border-radius: var(--radius-md);
border-width: 1px;
font-size: 0.92rem;
}
.ct-form--cf7 .wpcf7-not-valid-tip { color: #991B1B; font-size: 0.85rem; margin-top: 4px; }
/* =====================================================================
v0.9.18 — Fiche produit : Description + Avis (remplace les onglets Woo)
===================================================================== */
.afc-product-details {
padding: var(--space-2xl) clamp(16px, 4vw, 40px);
margin-top: var(--space-xl);
border-top: 1px solid var(--color-border);
display: grid;
grid-template-columns: 1fr;
gap: var(--space-xl);
max-width: 1290px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 900px) {
.afc-product-details--split {
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
gap: var(--space-2xl);
align-items: start;
}
}
.afc-product-details h2 {
font-family: var(--font-heading);
font-size: clamp(1.4rem, 2vw, 1.7rem);
font-weight: 500;
color: var(--color-primary);
margin: 0 0 var(--space-md);
letter-spacing: -0.01em;
position: relative;
padding-bottom: var(--space-sm);
}
.afc-product-details h2::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 2px;
background: var(--color-accent);
border-radius: 2px;
}
.afc-product-details__desc {
min-width: 0;
}
.afc-product-details__desc p {
margin: 0 0 1em;
line-height: 1.75;
color: var(--color-foreground);
font-size: 1rem;
}
.afc-product-details__desc p:last-child { margin-bottom: 0; }
.afc-product-details__desc a { color: var(--color-accent); text-decoration: underline; text-underline-offset: 3px; }
.afc-product-details__desc a:hover { color: var(--color-accent-dark); }
.afc-product-details__desc strong { color: var(--color-primary); font-weight: 600; }
.afc-product-details__desc em { color: var(--color-secondary); }
/* Encart Caractéristiques (poids + dimensions) sous la description */
.afc-specs {
margin-top: var(--space-lg);
padding: var(--space-md) var(--space-lg);
background: var(--color-muted);
border-radius: var(--radius-md);
border-left: 3px solid var(--color-accent);
}
.afc-specs__title {
font-family: var(--font-heading);
font-size: clamp(1.4rem, 2vw, 1.7rem);
font-weight: 500;
color: var(--color-primary);
margin: 0 0 var(--space-md);
letter-spacing: -0.01em;
position: relative;
padding-bottom: var(--space-sm);
text-transform: none;
}
.afc-specs__title::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 2px;
background: var(--color-accent);
border-radius: 2px;
}
.afc-specs__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: var(--space-xs);
}
.afc-specs__item {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: var(--space-md);
font-size: 0.95rem;
padding: 4px 0;
border-bottom: 1px dashed var(--color-border);
}
.afc-specs__item:last-child { border-bottom: none; }
.afc-specs__label {
color: var(--color-secondary);
font-weight: 500;
}
.afc-specs__value {
color: var(--color-foreground);
font-weight: 600;
font-variant-numeric: tabular-nums;
}
/* Colonne avis — carte différenciée */
.afc-product-details__reviews {
background: var(--color-muted);
border-radius: var(--radius-lg);
padding: var(--space-xl);
min-width: 0;
}
/* Page Avis (/avis/) — carousel BRTPMJ transformé en liste verticale paginée.
Pas appliqué sur les fiches produit (qui gardent la carousel d'origine). */
.afc-avis-page__widget [class*="carousel-control"],
.afc-avis-page__widget [class*="carousel-indicators"],
.afc-avis-page__widget .brtpmj_carousel_controls,
.afc-avis-page__widget [data-bs-slide],
.afc-avis-page__widget [data-slide],
.afc-avis-page__widget .slider-btn,
.afc-avis-page__widget .slider-prev,
.afc-avis-page__widget .slider-next {
display: none !important;
}
.afc-avis-page__widget .afc-reviews-list {
display: flex !important;
flex-direction: column;
gap: var(--space-md);
transform: none !important;
white-space: normal !important;
}
.afc-avis-page__widget .afc-reviews-list .brtpmj_single_rvw {
display: none;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
margin: 0 !important;
padding: var(--space-md);
background: #fff;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
opacity: 1 !important;
transform: none !important;
position: static !important;
visibility: visible !important;
}
.afc-avis-page__widget .afc-reviews-list .brtpmj_single_rvw.afc-review--visible {
display: block;
}
.afc-avis-page__widget .afc-reviews-list .brtpmj_sr_title h4 {
font-family: var(--font-heading);
font-size: 1rem;
margin: var(--space-xs) 0 4px;
color: var(--color-primary);
}
.afc-avis-page__widget .afc-reviews-list .brtpmj_sr_title p {
margin: 0;
font-size: 0.95rem;
line-height: 1.55;
color: var(--color-foreground);
}
/* Pagination avis */
.afc-reviews-pagination {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-sm);
margin-top: var(--space-md);
padding-top: var(--space-sm);
border-top: 1px solid var(--color-border);
}
.afc-reviews-pagination__btn {
appearance: none;
background: #fff;
border: 1px solid var(--color-border);
color: var(--color-primary);
font-family: inherit;
font-size: 0.9rem;
font-weight: 500;
padding: 6px 12px;
border-radius: var(--radius-md);
cursor: pointer;
transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.afc-reviews-pagination__btn:hover:not([disabled]) {
background: var(--color-accent);
border-color: var(--color-accent);
color: #fff;
}
.afc-reviews-pagination__btn[disabled] {
opacity: 0.4;
cursor: not-allowed;
}
.afc-reviews-pagination__info {
font-size: 0.85rem;
color: var(--color-secondary);
font-variant-numeric: tabular-nums;
}
/* Avis (Woo natif + CusRev) */
.afc-product-details__reviews #reviews { margin: 0; }
.afc-product-details__reviews .commentlist {
max-height: 380px;
overflow-y: auto;
padding-right: var(--space-sm);
margin: 0 0 var(--space-md);
scrollbar-width: thin;
scrollbar-color: var(--color-border) transparent;
}
.afc-product-details__reviews .commentlist::-webkit-scrollbar { width: 4px; }
.afc-product-details__reviews .commentlist::-webkit-scrollbar-thumb { background: var(--color-border); border-radius: 2px; }
.afc-product-details__reviews #comments { margin: 0 0 var(--space-md); }
.afc-product-details__reviews .woocommerce-Reviews-title { display: none; }
.afc-product-details__reviews .woocommerce-noreviews {
text-align: center;
color: var(--color-secondary);
padding: var(--space-md) 0;
margin: 0 0 var(--space-md);
font-style: italic;
}
.afc-product-details__reviews #review_form_wrapper #reply-title {
font-family: var(--font-heading);
font-size: 1.1rem;
color: var(--color-primary);
margin: 0 0 var(--space-sm);
}
.afc-product-details__reviews .comment-form p { margin: 0 0 var(--space-sm); }
.afc-product-details__reviews .comment-form input[type="text"],
.afc-product-details__reviews .comment-form input[type="email"],
.afc-product-details__reviews .comment-form textarea {
width: 100%;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
padding: 10px 12px;
background: var(--color-surface);
font-family: inherit;
font-size: 0.95rem;
}
.afc-product-details__reviews .comment-form .submit,
.afc-product-details__reviews .comment-form input[type="submit"] {
background: var(--color-accent);
color: var(--color-on-primary);
border: 0;
padding: 10px 20px;
border-radius: var(--radius-md);
font-weight: 600;
cursor: pointer;
}
.afc-product-details__reviews .comment-form .submit:hover,
.afc-product-details__reviews .comment-form input[type="submit"]:hover {
background: var(--color-accent-dark);
}
/* ————————————————————————————————————————————————————————
v0.9.19 — Boutique (/boutique/) : grille groupée par catégorie
———————————————————————————————————————————————————————— */
.afc-shop-grouped { margin-top: var(--space-xl); }
.afc-shop-cat { margin: 0 0 var(--space-3xl); }
.afc-shop-cat__head {
text-align: center;
margin: 0 auto var(--space-xl);
max-width: 720px;
}
.afc-shop-cat__title {
font-family: var(--font-heading);
font-size: clamp(1.6rem, 3vw, 2.2rem);
color: var(--color-primary);
margin: 0 0 var(--space-sm);
font-weight: 500;
}
.afc-shop-cat__desc {
color: var(--color-secondary);
margin: 0 0 var(--space-sm);
font-size: 0.95rem;
line-height: 1.55;
}
.afc-shop-cat__link {
display: inline-block;
color: var(--color-accent);
font-size: 0.9rem;
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 2px;
}
.afc-shop-cat__link:hover { color: var(--color-accent-dark); }
/* Grille 4 colonnes sur la boutique (override de la CSS Woo par défaut) */
.woocommerce ul.products.afc-shop-grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: var(--space-lg) !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.woocommerce ul.products.afc-shop-grid li.product {
width: auto !important;
margin: 0 !important;
float: none !important;
clear: none !important;
}
@media (max-width: 1100px) {
.woocommerce ul.products.afc-shop-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 780px) {
.woocommerce ul.products.afc-shop-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 460px) {
.woocommerce ul.products.afc-shop-grid { grid-template-columns: 1fr !important; }
}
/* Image produit carrée (boutique + catégories) */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
aspect-ratio: 1 / 1 !important;
object-fit: cover !important;
width: 100% !important;
height: auto !important;
}
/* Carte resserrée : moins de padding, CTA centré horizontalement */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
padding: var(--space-sm) var(--space-md) 2px !important;
font-size: 1rem !important;
line-height: 1.3 !important;
}
.woocommerce ul.products li.product .price {
padding: 0 var(--space-md) 6px !important;
margin: 0 !important;
font-size: 1rem !important;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
margin: auto auto var(--space-md) !important;
align-self: center !important;
width: auto !important;
min-width: 60%;
min-height: 38px !important;
padding: 8px var(--space-md) !important;
font-size: 0.9rem !important;
}
/* Fiche produit : galerie en carré (recadrage CSS via object-fit).
Sélecteurs larges pour couvrir WooCommerce natif + wrappers Blocksy. */
.single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__image a,
.single-product .flex-viewport,
.single-product .flexy-container,
.single-product .flexy,
.single-product .flexy-items > *,
.single-product .ct-image-container {
aspect-ratio: 1 / 1 !important;
overflow: hidden !important;
position: relative !important;
}
.single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery img,
.single-product .flex-viewport img,
.single-product .flexy-items img,
.single-product .ct-image-container img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
aspect-ratio: 1 / 1 !important;
position: relative !important;
top: auto !important;
left: auto !important;
max-width: none !important;
max-height: none !important;
}
.single-product .zoomImg { display: none !important; }
.single-product .flex-control-thumbs li,
.single-product .flexy-pagination > * {
aspect-ratio: 1 / 1;
overflow: hidden;
}
.single-product .flex-control-thumbs li img,
.single-product .flexy-pagination img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Masquer le titre "Réalisations" auto-rendu par Blocksy sur la Posts page.
Notre shortcode [afc_realisations] fournit déjà son propre H1. */
body.blog h1.page-title,
body.page-realisations h1.page-title {
display: none !important;
}