/* ═══ ACCUEIL · hero et scène « Comment ça marche » ═══ */

/* En-tête de l'accueil : caché sur le hero, il descend au premier défilement. */
header.wp-block-template-part.am-entete-accueil{position:fixed !important;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px);z-index:60;transform:translateY(calc(-100% - var(--wp-admin--admin-bar--height,0px)));transition:transform .45s cubic-bezier(.2,.7,.2,1)}
header.wp-block-template-part.am-entete-accueil.visible{transform:none}
.am-accueil{margin:0 !important}
.am-accueil>*{margin-block:0 !important}

/* HERO */
.am-hero.wp-block-cover{position:sticky;top:0;z-index:0;min-height:100svh !important;box-sizing:border-box;padding:96px clamp(24px,5vw,64px) 64px !important;overflow:hidden;background:var(--wp--preset--color--creme)}
.am-hero .wp-block-cover__image-background{opacity:.9;transform:scale(1.12);animation:am-derive 26s ease-in-out infinite alternate;will-change:transform}
@keyframes am-derive{0%{transform:scale(1.12) translate3d(-1.7%,-.45%,0)}100%{transform:scale(1.12) translate3d(1.7%,.55%,0)}}
.am-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(62% 52% at 2% 0%,rgba(248,245,241,.25) 0%,rgba(248,245,241,.12) 48%,rgba(248,245,241,0) 100%),linear-gradient(100deg,rgba(248,245,241,.6) 0%,rgba(248,245,241,.5) 34%,rgba(248,245,241,.1) 60%,rgba(248,245,241,0) 78%)}
.am-hero .wp-block-cover__inner-container{position:static;width:auto !important;max-width:none;color:var(--wp--preset--color--encre)}
.am-hero .wp-block-cover__inner-container>*{position:relative;z-index:2}
.am-hero-logo{display:block;width:calc(var(--am-titre-w,425px) * 1.016);max-width:100%;margin:0 0 clamp(100px,13vh,150px) calc(var(--am-titre-w,0px) * -0.005);color:var(--wp--preset--color--encre);opacity:calc(1 - var(--p,0));transform:translateY(calc(var(--p,0) * -22px))}
.am-hero-logo svg{display:block;width:100%;height:auto;overflow:visible}
.am-hero .am-kicker{margin:0 0 24px;font-family:var(--wp--preset--font-family--new-hero);font-weight:500;font-size:13px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--grege)}
.am-hero .am-titre-accueil{display:inline-block;margin:0;font-size:56px;font-weight:300;line-height:1.05;letter-spacing:.04em;white-space:nowrap;color:var(--wp--preset--color--encre)}
.am-hero .am-sous{max-width:560px;margin:24px 0 32px;font-size:21px;line-height:1.5;color:var(--wp--preset--color--encre)}
.am-hero .wp-block-buttons{margin:0}
/* « Comment ça marche » : centré en bas, flottant, couleur automatique */
.am-hero .wp-block-cover__inner-container>.am-hint{position:absolute;left:50%;bottom:32px;z-index:3;margin:0;transform:translateX(-50%);animation:am-flotte 2.4s ease-in-out infinite;transition:opacity .3s}
body.admin-bar .am-hero .am-hint{bottom:64px}
.am-hint a,.am-fin a{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--wp--preset--font-family--new-hero);font-weight:500;font-size:clamp(12px,calc(9.6px + .6vw),16.8px);line-height:1.2;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;text-decoration:none;color:var(--wp--preset--color--encre);-webkit-tap-highlight-color:transparent;transition:color .4s}
.am-hint a::after,.am-fin a::after{content:"";display:block;width:clamp(32px,calc(24px + 2vw),48px);height:clamp(32px,calc(24px + 2vw),48px);background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.am-hint a{text-shadow:0 1px 10px rgba(248,245,241,.7),0 0 2px rgba(248,245,241,.45)}
.am-hint a::after{filter:drop-shadow(0 1px 4px rgba(248,245,241,.75))}
.am-hero.am-hint-clair .am-hint a{color:#FFFFFF;text-shadow:0 1px 10px rgba(75,63,68,.45),0 0 2px rgba(75,63,68,.25)}
.am-hero.am-hint-clair .am-hint a::after{filter:drop-shadow(0 1px 4px rgba(75,63,68,.5))}
.am-hint a:focus,.am-fin a:focus{outline:none}
.am-hint a:focus-visible,.am-fin a:focus-visible{outline:2px solid currentColor;outline-offset:8px;border-radius:999px}
@keyframes am-flotte{0%,100%{translate:0 0}50%{translate:0 8px}}
@media (max-width:900px){
 .am-hero.wp-block-cover{padding-bottom:128px !important}
 body.admin-bar .am-hero.wp-block-cover{padding-bottom:160px !important}
 .am-hero::before{background:linear-gradient(rgba(248,245,241,.92) 0%,rgba(248,245,241,.8) 52%,rgba(248,245,241,.55) 100%)}
 .am-hero .am-titre-accueil{font-size:36px;white-space:normal}
 .am-hero .am-sous{font-size:19px}
 .am-hero-logo{width:min(70vw,320px);margin-left:0}
}

/* SCÈNE « Comment ça marche » */
.am-scene{position:relative;z-index:1;height:calc(100svh + var(--am-n,5) * 80svh);margin:0 !important;background:var(--wp--preset--color--encre);color:var(--wp--preset--color--creme)}
.am-scene__coll{position:sticky;top:0;height:100svh;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,4vw,70px);margin:0 !important;padding:0 clamp(24px,5vw,80px);overflow:hidden}
.am-scene__coll>*{margin:0 !important}
.am-plateau{position:relative;justify-self:center;width:min(40vw,60vh);aspect-ratio:1}
.am-3d{position:absolute;left:-30%;top:-30%;width:160%;height:160%;pointer-events:none}
.am-3d canvas{display:block;width:100%;height:100%}
.am-chaps{position:relative;height:clamp(280px,34vh,440px)}
.am-chap{position:absolute !important;inset:50% 0 auto;max-width:46ch;margin:0 !important;transform:translateY(calc(-50% + 26px));opacity:0;visibility:hidden;transition:opacity .5s,transform .5s,visibility .5s}
.am-chap.on{opacity:1;visibility:visible;transform:translateY(-50%)}
.am-chap>*{margin:0}
.am-chap .am-chap__n{margin-bottom:24px;font-family:var(--wp--preset--font-family--new-hero);font-weight:500;font-size:13px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--creme)}
.am-chap .am-chap__h{margin-bottom:24px;font-size:clamp(40px,5.2vh,64px);font-weight:300;line-height:1.1;letter-spacing:.04em;color:var(--wp--preset--color--creme)}
.am-chap .am-chap__p{font-size:clamp(21px,2.4vh,28px);line-height:1.5;color:var(--wp--preset--color--creme)}
/* aide en haut (icône dessinée en CSS) */
.am-scene .am-aide{position:absolute !important;left:50%;top:calc(88px + 28px);z-index:5;max-width:calc(100% - 48px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font-family:var(--wp--preset--font-family--new-hero);font-weight:500;font-size:clamp(12px,calc(9.6px + .6vw),16.8px);line-height:1.3;letter-spacing:.16em;text-transform:uppercase;text-align:center;color:#FFFFFF;text-shadow:0 1px 10px rgba(75,63,68,.45);pointer-events:none}
body.admin-bar .am-scene .am-aide{top:calc(88px + 60px)}
.am-scene .am-aide::before{content:"";order:-1;width:24px;height:38px;box-sizing:border-box;border:1.5px solid currentColor;border-radius:13px;background:linear-gradient(currentColor,currentColor) 50% 8px/3px 8px no-repeat;animation:am-molette 1.6s ease-in-out infinite}
@keyframes am-molette{0%{background-position:50% 8px}70%,100%{background-position:50% 22px}}
@media (pointer:coarse){.am-scene .am-aide::before{width:2px;border:0;background:rgba(255,255,255,.35)}}
/* appel de fin */
.am-scene .am-fin{position:absolute !important;left:50%;bottom:32px;z-index:5;transform:translateX(-50%);opacity:0;pointer-events:none;animation:am-flotte 2.4s ease-in-out infinite}
.am-scene .am-fin.on{pointer-events:auto}
body.admin-bar .am-scene .am-fin{bottom:64px}
.am-fin a{color:#FFFFFF;text-shadow:0 1px 10px rgba(75,63,68,.45),0 0 2px rgba(75,63,68,.25)}
.am-fin a::after{filter:drop-shadow(0 1px 4px rgba(75,63,68,.5))}
@media (max-width:900px){
 .am-scene{height:calc(100svh + var(--am-n,5) * 65svh)}
 .am-scene__coll{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:24px}
 .am-plateau{width:min(70vw,40svh)}
 .am-chaps{height:220px}
 .am-chap .am-chap__h{font-size:30px}
 .am-chap .am-chap__p{font-size:19px}
 .am-scene .am-aide{top:calc(64px + 20px)}
}
@media (prefers-reduced-motion:reduce){
 .am-hero .wp-block-cover__image-background,.am-hero .am-hint,.am-scene .am-fin,.am-scene .am-aide::before{animation:none !important}
}
/* Dans l'éditeur : tout est visible et empilé, pour que Kate puisse modifier chaque texte. */
.editor-styles-wrapper .am-scene{height:auto}
.editor-styles-wrapper .am-scene__coll{position:static;height:auto;display:block;padding:48px}
.editor-styles-wrapper .am-chaps{height:auto}
.editor-styles-wrapper .am-chap{position:static !important;opacity:1;visibility:visible;transform:none;margin-bottom:32px !important}
.editor-styles-wrapper .am-scene .am-aide,.editor-styles-wrapper .am-scene .am-fin{position:static !important;transform:none;opacity:1;pointer-events:auto;margin:16px 0 !important}
.editor-styles-wrapper .am-hero .am-hint{position:static;transform:none;margin-top:24px}
.editor-styles-wrapper .am-plateau{width:160px;margin-bottom:24px !important;background:rgba(248,245,241,.1);border-radius:50%}

/* ═══ ACCUEIL · sections de contenu (blocs natifs) ═══ */
.am-accueil{--am-pv:96px;--am-ph:64px}
@media (max-width:900px){.am-accueil{--am-pv:48px;--am-ph:24px}}
.am-section{position:relative;z-index:1;box-sizing:border-box;margin:0 !important;padding:var(--am-pv) var(--am-ph) !important}
.am-section :where(p,h2,h3,ul,blockquote,figure){margin:0}
.am-fond-creme{background:var(--wp--preset--color--creme)}
.am-fond-blanc{background:var(--wp--preset--color--blanc)}
.am-fond-beige{background:var(--wp--preset--color--beige)}
.am-fond-filet{background:var(--wp--preset--color--filet)}
.am-fond-rosepale{background:var(--wp--preset--color--rose-pale)}
/* typographie commune */
.am-accueil .am-sur{margin:0 0 24px !important;font-family:var(--wp--preset--font-family--new-hero);font-weight:500;font-size:13px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--grege)}
.am-accueil .am-h2{margin:0 0 24px !important;font-size:40px;font-weight:300;line-height:1.1;letter-spacing:.04em;color:var(--wp--preset--color--encre)}
.am-accueil .am-chapo{max-width:560px;font-size:21px;line-height:1.5;color:var(--wp--preset--color--encre)}
.am-accueil .am-plus a{font-family:var(--wp--preset--font-family--new-hero);font-weight:500;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--rose);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.am-accueil .am-plus a:hover{color:var(--wp--preset--color--rose-fonce)}
.am-tete{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 48px;margin-bottom:48px !important}
.am-tete .am-h2,.am-tete .am-plus{margin-bottom:0 !important}
.am-trois{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.am-trois>*{margin:0 !important;min-width:0}
@media (max-width:900px){
 .am-accueil .am-h2{font-size:30px}
 .am-accueil .am-chapo{font-size:19px}
 .am-tete{margin-bottom:32px !important}
 .am-trois{grid-template-columns:1fr}
}

/* PRODUITS PHARES (collection de produits WooCommerce) */
.am-phares .wp-block-post-template,.am-phares .wc-block-product-template{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:32px !important;margin:0 !important;padding:0;list-style:none}
.am-phares .wp-block-post-template>li,.am-phares .wc-block-product{display:flex;flex-direction:column;gap:8px;margin:0 !important;min-width:0;text-align:left}
.am-phares .wc-block-components-product-image,.am-phares .wp-block-woocommerce-product-image{margin:0 0 8px !important;aspect-ratio:1;background:var(--wp--preset--color--filet);overflow:hidden}
.am-phares .wc-block-components-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.am-phares .wc-block-components-product-image:hover img{transform:scale(1.03)}
.am-phares .wp-block-post-title{margin:0 !important;font-family:var(--wp--preset--font-family--libre-baskerville);font-size:17px !important;font-weight:400;line-height:1.4;letter-spacing:0;text-transform:none;text-align:left}
.am-phares .wp-block-post-title a{color:var(--wp--preset--color--encre);text-decoration:none}
.am-phares .wc-block-components-product-price,.am-phares .wp-block-woocommerce-product-price{margin:0 !important;font-family:var(--wp--preset--font-family--new-hero);font-weight:500;font-size:13px !important;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--rose);text-align:left}
.am-phares .wp-block-button.wc-block-components-product-button,.am-phares .wc-block-components-product-button{margin:8px 0 0 !important;align-items:flex-start;justify-content:flex-start}
.am-phares .wc-block-components-product-button .wp-block-button__link,.am-phares .wc-block-components-product-button__button{width:auto;min-height:44px;padding:12px 20px !important;font-size:13px !important;color:var(--wp--preset--color--rose) !important;background:transparent !important;border:1px solid var(--wp--preset--color--rose) !important;border-radius:999px}
.am-phares .wc-block-components-product-button .wp-block-button__link:hover,.am-phares .wc-block-components-product-button__button:hover{color:var(--wp--preset--color--blanc) !important;background:var(--wp--preset--color--rose) !important}
@media (max-width:900px){.am-phares .wp-block-post-template,.am-phares .wc-block-product-template{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:32px 16px !important}}

/* LES USAGES */
.am-u__v{position:relative;aspect-ratio:4/5;margin:0 0 16px !important;background:#E6DCD5;overflow:hidden}
.am-u__v:empty::before{content:"";position:absolute;left:50%;top:50%;width:70%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:repeating-linear-gradient(90deg,#C46B5A 0 9px,#EFE3D4 9px 18px);box-shadow:0 8px 24px rgba(75,63,68,.18)}
.am-u__v.u-table:empty::after{content:"";position:absolute;left:50%;top:50%;width:42%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#FFFFFF;box-shadow:0 0 0 6px #F4F1EC inset,0 4px 12px rgba(75,63,68,.15)}
.am-u__v.u-centre:empty::after{content:"";position:absolute;left:50%;top:22%;width:18%;height:42%;transform:translateX(-50%);border-radius:40% 40% 14px 14px;background:#B9CBBB;box-shadow:0 6px 14px rgba(75,63,68,.18)}
.am-u__v.u-mur{background:#EEE7E1}
.am-u__v.u-mur:empty::before{top:44%;width:58%}
.am-u__v.u-mur:empty::after{content:"";position:absolute;left:0;right:0;bottom:0;height:16%;background:#DCD0C8}
.am-u__v img{width:100%;height:100%;object-fit:cover}
.am-u__v>*{margin:0 !important;height:100%}
.am-accueil .am-u__t{margin:0 0 6px !important;font-family:var(--wp--preset--font-family--new-hero);font-weight:500;font-size:15px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--encre)}
.am-accueil .am-u__d{font-size:15px;line-height:1.5;color:var(--wp--preset--color--grege)}

/* LES COLLECTIONS */
.am-filtres{display:flex;flex-wrap:wrap;gap:8px !important;margin:32px 0 !important}
.am-filtres .wp-block-button__link{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:12px 24px !important;font-size:13px !important;color:var(--wp--preset--color--encre) !important;background:transparent !important;border:1px solid var(--wp--preset--color--filet) !important;border-radius:999px}
.am-filtres .wp-block-button__link:hover{border-color:var(--wp--preset--color--rose) !important;color:var(--wp--preset--color--rose) !important}
.am-filtres .on .wp-block-button__link{background:var(--wp--preset--color--rose) !important;border-color:var(--wp--preset--color--rose) !important;color:var(--wp--preset--color--blanc) !important}
.am-grille{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.am-grille>*{margin:0 !important;min-width:0}
.am-m__v{aspect-ratio:1;margin:0 !important;transition:transform .4s,filter .4s}
.am-m:hover .am-m__v{transform:translateY(-4px);filter:brightness(1.04)}
.am-accueil .am-m__f{margin:16px 0 8px !important;font-family:var(--wp--preset--font-family--new-hero);font-weight:500;font-size:13px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--grege)}
.am-accueil .am-m__t{margin:0 0 8px !important;font-size:17px;line-height:1.3}
.am-accueil .am-m__t a{color:var(--wp--preset--color--encre);text-decoration:none}
.am-accueil .am-m__t a::after{content:"";position:absolute;inset:0}
.am-m{position:relative}
.am-accueil .am-m__p{font-family:var(--wp--preset--font-family--new-hero);font-weight:500;font-size:13px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--rose)}
.am-collections .am-plus{margin-top:48px !important;text-align:center}
@media (max-width:900px){.am-grille{grid-template-columns:1fr 1fr;gap:24px 16px}}

/* DESSOUS DE VERRE et L'ATELIER (bloc « Média et texte ») */
.am-media.wp-block-media-text{margin:0 !important;grid-template-columns:50% 1fr}
.am-media .wp-block-media-text__media{min-height:62svh;margin:0;background:#DCD3CF}
.am-media .wp-block-media-text__media img{height:100%;object-fit:cover}
.am-media .wp-block-media-text__content{padding:var(--am-pv) var(--am-ph) !important}
.am-prix{display:flex;align-items:baseline;gap:16px;margin:32px 0 !important;padding-top:24px;border-top:1px solid var(--wp--preset--color--filet)}
.am-prix span{font-family:var(--wp--preset--font-family--new-hero);font-weight:500;font-size:13px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--grege)}
.am-prix strong{font-family:var(--wp--preset--font-family--new-hero);font-weight:300;font-size:40px;letter-spacing:.04em;color:var(--wp--preset--color--rose)}
.am-accueil .am-villes{margin-top:24px !important;font-family:var(--wp--preset--font-family--new-hero);font-weight:500;font-size:13px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--grege)}
@media (max-width:900px){
 .am-media.wp-block-media-text{grid-template-columns:100% !important}
 .am-media .wp-block-media-text__media{min-height:44svh;grid-row:1 !important}
 .am-media .wp-block-media-text__content{grid-row:2 !important}
}

/* AVIS CLIENTS */
.am-a.wp-block-quote{display:flex;flex-direction:column;justify-content:space-between;gap:24px;margin:0 !important;padding:32px !important;border:0 !important;background:rgba(255,255,255,.6)}
.am-a.wp-block-quote p{font-size:19px;line-height:1.6;font-style:italic;color:var(--wp--preset--color--encre)}
.am-a.wp-block-quote cite{font-family:var(--wp--preset--font-family--new-hero);font-weight:500;font-size:13px;font-style:normal;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--grege)}
.am-accueil .am-a__note{margin-top:24px !important;font-size:13px;font-style:italic;color:var(--wp--preset--color--grege)}
@media (max-width:900px){.am-a.wp-block-quote p{font-size:17px}}

/* RÉASSURANCE */
.am-rassure{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:48px !important}
.am-rassure>*{margin:0 !important;text-align:center}
.am-accueil .am-r__t{font-family:var(--wp--preset--font-family--new-hero);font-weight:500;font-size:13px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--encre)}
.am-accueil .am-r__d{margin-top:8px !important;font-size:15px;line-height:1.5;color:var(--wp--preset--color--grege)}
@media (max-width:900px){.am-rassure{grid-template-columns:1fr}}
/* correctifs : les sections « Média et texte » passent au-dessus du hero collant ; police des titres imposée */
.am-media.wp-block-media-text{position:relative;z-index:1}
.am-accueil :is(.am-h2,.am-chap__h,.am-titre-accueil){font-family:var(--wp--preset--font-family--new-hero) !important;font-weight:300}
.am-tete>.wp-block-group{flex:1 1 auto;min-width:min(100%,520px)}
.am-phares .wp-block-woocommerce-product-collection>h2,.am-phares .wp-block-woocommerce-product-collection>.wp-block-heading{display:none}
.am-accueil :is(.am-chapo,.am-sous,.am-u__d,.am-m__t,.am-a p,.am-a__note,.am-r__d,.am-chap__p){font-family:var(--wp--preset--font-family--libre-baskerville) !important}
.am-prix strong{white-space:nowrap}
@media (max-width:900px){.am-prix{flex-wrap:wrap;gap:8px 16px}}
/* pas d'espace entre la dernière section et le pied de page */
main.am-accueil+footer.wp-block-template-part,main.am-accueil~footer.wp-block-template-part{margin-block-start:0 !important}
/* Essai collections (24 octobre) : vraies photos dans les tuiles */
.am-m__v--photo{background:var(--wp--preset--color--blanc);overflow:hidden}
.am-m__v--photo img{display:block;width:100%;height:100%;object-fit:cover}
.am-grille--familles{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.am-aussi .am-grille{margin-top:32px}
.am-m[hidden]{display:none !important}