/* v150 — Avenir : tailles communes et contrastes renforcés sur toutes les pages. */
:root{
 --text-reading:16px;
 --text-detail:14px;
 --text-small-heading:16px;
 --copper:#fc7c19;
 --copper-hover:var(--copper);
 --text-accent:var(--copper);
 --muted:var(--brown);
 --font-copy:var(--font-accent);
}
body{font-family:var(--font-accent);color:var(--brown)}

/* Paragraphes courants, présentations et réponses : même taille sur téléphone. */
body #main p:where(:not(.offer-detail-price,.maison-signature,.collection-occasions,.offers-occasions)){
 font-family:var(--font-accent);
 font-size:var(--text-reading);
 line-height:1.8;
 color:var(--brown);
}
body #main :is(summary,.offer-benefits){
 font-family:var(--font-accent);
 font-size:var(--text-reading);
 line-height:1.65;
 color:var(--brown);
}

/* Formats, légendes, indications de saison et informations secondaires. */
body #main :is(.cookie-product-flavours,.cookie-product-flavours span,
 .offer-card-format,.cookie-season-caption,.offer-photo-caption,.offer-short-note,
 .offer-season-note,.allergens-note,.tasting-note,.signature-flavour,
 .cookies-return-item>span,.offer-recipe>span,.offer-gallery-thumbs span,
 .maison-signature span,.maison-market figcaption,.house-photo figcaption,
 .cookies-price-seal span,.availability,.soon-label){
 font-family:var(--font-accent);
 font-size:var(--text-detail);
 line-height:1.65;
 color:var(--brown);
}
body #main :is(.cookie-product-price,.offer-price){
 font-family:var(--font-accent);
 font-size:var(--text-reading);
 line-height:1.5;
 color:var(--brown);
}

/* Petits intitulés orange : contraste renforcé, orange vif gardé dans les titres. */
body #main :is(.eyebrow,.moment-kind,.signature-number,.maison-number,
 .tasting-number,.gift-number,.offer-choice-list li>span){
 font-family:var(--font-accent);
 font-size:var(--text-detail);
 font-weight:700;
 line-height:1.55;
 color:var(--text-accent);
}
body #main .cookie-section-intro .eyebrow{color:var(--brown)}
body #main :is(.collection-occasions,.offers-occasions){color:var(--text-accent)}
body #main :is(.tasting-tip h3,.guide-signature-title,.offer-allergens h3){
 font-size:var(--text-small-heading);
 font-weight:700;
 line-height:1.5;
 color:var(--text-accent);
}
body #main :is(.maison-story-underphoto h3,.maison-story-focus h3,
 .maison-grain-details h3,.maison-accord h3,.maison-ingredient-grid h3){color:var(--text-accent)}

/* Navigation secondaire et invitations sous les produits. */
body #main :is(.cookies-breadcrumb,.shop-breadcrumb,.maison-breadcrumb,
 .offer-universe-nav a,.signature-discover,.cookies-other-card-link,
 .cookie-product-link,.offer-discover,.text-link,.collection-link,
 .maison-creations-grid a>span,.reassurance){
 font-family:var(--font-accent);
 font-size:var(--text-detail);
 line-height:1.6;
 color:var(--brown);
}
body #main :is(.cookies-breadcrumb,.maison-breadcrumb){flex-wrap:wrap}
body #main :is(.button,.offer-detail-copy .button,.offer-alternative .button){
 font-family:var(--font-accent);
 font-size:var(--text-detail);
 font-weight:700;
 line-height:1.5;
 white-space:normal;
}
body #main :is(.offer-universe-nav a:hover,.offer-universe-nav a:focus-visible){color:#fff}
body #main :is(.cookie-product-link:hover,.offer-discover:hover,.text-link:hover){color:var(--copper-hover)}
body #main :is(.cookies-breadcrumb a:hover,.shop-breadcrumb a:hover,.maison-breadcrumb a:hover,
 .signature-biscuit:hover .signature-discover,.cookies-other-card:hover .cookies-other-card-link,
 .maison-creations-grid a:hover>span,.cookies-other-card:hover h3,.offer-card-title h3 a:hover){color:var(--copper-hover)}

/* Livraison et fabrication : tailles lisibles dans le composant compact. */
body #main .order-info h3{font-size:var(--text-small-heading);line-height:1.5;color:var(--brown)}
body #main .order-info p,body #main .order-info p span{
 font-size:var(--text-detail);line-height:1.65;color:var(--brown);
}

/* En-tête et pied de page : couleur adaptée au fond. */
body .header-story>span{font-size:var(--text-detail);line-height:1.5;letter-spacing:.06em;color:var(--copper)}
body .site-header .main-nav :is(a[aria-current="page"],a:hover){color:var(--copper-hover)}
body .header-story:hover{color:var(--copper-hover)}
body .announcement-inner>p,body .language-select,body .language-select nav a{
 font-family:var(--font-accent);font-size:var(--text-detail);line-height:1.5;
}
body .announcement-inner>p{color:#fff;letter-spacing:normal;padding-block:7px}
body .language-select{color:#fff}
body .language-select nav{color:var(--brown)}
body .footer :is(p,.footer-contact>span,.footer-bottom,.footer-grid>div:not(:first-child)>a){
 font-family:var(--font-accent);font-size:var(--text-detail);line-height:1.7;color:#fffdf9;
}
body .footer-grid h2{font-size:var(--text-small-heading);line-height:1.5;font-weight:400;color:var(--copper);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
body .footer :is(.footer-grid a:hover,.footer-bottom a:hover){color:var(--copper)}

@media(max-width:760px){
 body .header-story{font-size:var(--text-reading)}
 body .header-top{height:auto;min-height:145px;grid-template-rows:89px auto}
 body .header-story{padding-bottom:12px}
 .js body .main-nav.is-open{top:100%}
 body #main .signature-caption{flex-wrap:wrap;gap:12px}
 body #main .offer-gallery--gift .offer-gallery-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}
 body #main .offer-card-title{flex-wrap:wrap;gap:10px 16px}
}

/* v154 — Légendes à 16 px ; taille des noms conservée. */
body #main :is(.cookie-product-flavours,.cookie-product-flavours span,
 .offer-card-format,.signature-flavour,.collection-subtitle){
 font-family:var(--font-accent);font-size:16px;line-height:1.65;color:var(--brown);
}
body #main .offer-card-copy .eyebrow{font-size:16px;line-height:1.55;color:var(--text-accent)}
body #main :is(.signature-discover,.cookies-other-card-link){font-size:16px;line-height:1.6}
body #main .offer-card-format{margin-top:8px}
body #main .cookie-product-flavours{margin-top:10px;min-height:0}


/* v154 — Prix à 20 px en caractères réguliers, sans gras. */
body #main :is(.cookie-product-price,.offer-price){
 font-family:var(--font-accent);font-size:20px;font-weight:400;line-height:1.5;color:var(--brown);
}
body #main :is(.cookie-product-title,.offer-card-title){flex-wrap:wrap;align-items:baseline;gap:10px 18px}
body #main :is(.cookie-product-title h3,.offer-card-name){min-width:0}

/* Pied de page : sigles sociaux dans le même orange vif que les titres. */
body .footer .footer-socials a,
body .footer .footer-socials a:is(:hover,:focus-visible){color:var(--copper-hover)}


/* v248 — Quatre informations, quatre colonnes de même largeur. */
body #main .order-info-section{background:#fff;padding-block:30px;scroll-margin-top:24px}
body #main .order-info-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 max-width:1280px;
 gap:0;
 align-items:stretch;
}
body #main .order-info{
 display:flex;
 flex-direction:column;
 align-items:center;
 min-width:0;
 padding:0 12px;
 text-align:center;
}
body #main .order-info+.order-info{border-left:1px solid var(--line);border-top:0}
body #main .order-info-icon{flex:none;width:40px;height:40px;margin:0 0 12px}
body #main .order-info h3{
 margin:0;
 font:700 var(--text-small-heading)/1.5 var(--font-accent);
 letter-spacing:normal;
 color:var(--brown);
}
body #main .order-info p{margin:6px 0 0;font:400 var(--text-detail)/1.65 var(--font-accent);color:var(--brown)}
body #main p.order-info-note{
 max-width:1280px;
 margin:22px auto 0;
 font:400 var(--text-detail)/1.65 var(--font-accent);
 text-align:center;
 color:var(--brown);
}
@media(min-width:761px) and (max-width:1100px){
 body #main .order-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
 body #main .order-info{padding:0 16px 20px}
 body #main .order-info:nth-child(n+3){padding-block:20px 0;border-top:1px solid var(--line)}
 body #main .order-info:nth-child(2n+1){border-left:0}
}
@media(max-width:760px){
 body #main .order-info-section{padding-block:24px}
 body #main .order-info-grid{grid-template-columns:1fr;max-width:420px}
 body #main .order-info{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:3px 16px;
  align-items:start;
  padding:16px 0;
  text-align:left;
 }
 body #main .order-info:first-child{padding-top:0}
 body #main .order-info:last-child{padding-bottom:0}
 body #main .order-info+.order-info{border-left:0;border-top:1px solid var(--line)}
 body #main .order-info-icon{grid-column:1;grid-row:1/3;margin:0}
 body #main .order-info h3,body #main .order-info p{grid-column:2}
 body #main .order-info p{margin-top:0}
 body #main p.order-info-note{max-width:420px;margin-top:20px;text-align:left}
}

/* v261 — Orange du site Opaléia : couleur commune des éléments et des survols. */
body .header-icon-link:is(:hover,:focus-visible),body .header-story:focus-visible,
body .site-header .main-nav a:focus-visible{color:var(--copper-hover)}


/* v288 — Réassurance et pied de page légèrement plus compacts, sur toutes les pages. */
body #main .order-info-section{padding-block:24px}
body #main .order-info-icon{width:36px;height:36px;margin-bottom:10px}
body #main p.order-info-note{margin-top:18px}
body .footer{padding-top:42px}
body .footer-grid{padding-bottom:32px}
body .footer-logo{width:220px;max-width:100%}
body .footer-grid h2{margin-bottom:14px}
body .footer-identity p{margin-top:16px}
body .footer-grid>div:not(:first-child)>a{margin-top:5px}
body .footer-contact>span{margin-top:15px}
body .footer-socials{margin-top:16px}
body .footer-socials a{width:36px;height:36px}
body .footer-bottom{padding-block:16px}
@media(min-width:761px) and (max-width:1000px){
 body #main .order-info{padding-bottom:16px}
 body #main .order-info:nth-child(n+3){padding-block:16px 0}
}
@media(min-width:761px) and (max-width:1100px){body .footer-logo{width:190px}}
@media(max-width:760px){
 body #main .order-info-section{padding-block:20px}
 body #main .order-info{grid-template-columns:36px minmax(0,1fr);gap:3px 14px;padding-block:12px}
 body #main .order-info:first-child{padding-top:0}
 body #main .order-info:last-child{padding-bottom:0}
 body #main .order-info-icon{margin:0}
 body #main p.order-info-note{margin-top:16px}
 body .footer{padding-top:32px}
 body .footer-grid.footer-grid--informations{gap:24px 22px;padding-bottom:26px}
 body .footer-identity p{margin-top:12px}
 body .footer-contact{padding-top:18px}
 body .footer-bottom{padding-block:14px}
}