/* Traiteur & food truck — styles propres à la page (refonte 2026-09-24) */

/* Deux formules */
.tr-offers{align-items:stretch}
.tr-offer{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 1px 0 var(--line),var(--shadow-s);height:100%}
.tr-offer__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ink)}
.tr-offer__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.tr-offer__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,6,.35),transparent 40%)}
@media (hover:hover){.tr-offer:hover .tr-offer__media img{transform:scale(1.05)}}
.tr-offer__body{padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;flex:1}
.tr-offer__kicker{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--shu-d);margin:0 0 .6em}
.tr-offer__kicker svg{width:18px;height:18px}
.tr-offer h3{font-size:clamp(1.5rem,2.6vw,1.9rem);margin-bottom:.45em}
.tr-offer h3 small{display:block;font-family:var(--sans);font-size:.85rem;font-weight:500;letter-spacing:.08em;color:var(--muted);margin-top:4px;text-transform:uppercase}
.tr-offer .sk-list{margin:auto 0 0;padding-top:14px;border-top:1px dashed var(--line)}
.tr-offer .sk-list li{margin-bottom:.35em}

/* Promesse */
.tr-promise{overflow:visible;overflow-x:clip}
.tr-promise__quote{font-family:var(--serif-text);font-weight:500;font-size:clamp(1.5rem,3.6vw,2.5rem);line-height:1.4;color:#fff;margin:0 auto;max-width:28ch}
.tr-promise__quote em{font-style:normal;color:var(--gold-l)}

/* Zone */
.tr-zone li div{color:var(--muted);line-height:1.55}
.tr-zone b{margin-bottom:4px}

/* Bandeau devis */
.tr-cta-wrap .sk-callout h2{color:#fff;margin:0 0 .25em;font-size:clamp(1.6rem,3.4vw,2.2rem)}
.tr-cta-wrap .sk-callout .sk-eyebrow{color:var(--gold-l);margin-bottom:.6em}
.tr-cta-wrap .sk-callout p{max-width:46ch}
.tr-cta-wrap{padding-top:0}
@media (max-width:640px){.tr-cta-wrap .sk-callout{padding:26px 20px}.tr-cta-wrap .sk-callout .sk-btns{width:100%;flex-direction:column}.tr-cta-wrap .sk-callout .sk-btn{width:100%}}
@media (max-width:640px){.tr-cta-wrap .sk-callout::after{width:96px;height:96px;right:-44px;top:-44px}}
/* Tablette : visuels contenus */
@media (min-width:641px) and (max-width:900px){.page-traiteur .sk-split__media{width:100%;max-width:560px;margin-inline:auto}}
@media (min-width:641px) and (max-width:1023px){.page-traiteur .sk-grid--3>:nth-child(3):last-child{grid-column:1/-1}}

/* Relecture responsive 25/09 : titres équilibrés, numéro insécable */
.page-traiteur h1,.page-traiteur h2,.page-traiteur h3,.page-traiteur .tr-promise__quote{text-wrap:balance}
.page-traiteur a[href^="tel:"]{white-space:nowrap}
/* héros : fil d’Ariane et surtitre lisibles sur la photo claire */
.page-traiteur .sk-hero .sk-crumbs,.page-traiteur .sk-hero__kicker{text-shadow:0 1px 10px rgba(0,0,0,.75),0 0 2px rgba(0,0,0,.5)}
.page-traiteur .sk-hero .sk-crumbs{color:rgba(255,255,255,.95);font-weight:600}

/* =====================================================================
   Passe design 3 (25/09) — moment signature : les deux formules en
   « étiquettes » : carte papier à double filet or (comme une étiquette
   imprimée) + tanzaku vermillon suspendu, percé d'un œillet.
   ===================================================================== */
.tr-offer{position:relative;background:#fffdf8;isolation:isolate}
.tr-offer::after{content:"";position:absolute;inset:9px;z-index:2;border:1px solid rgba(181,148,91,.5);border-radius:calc(var(--r) - 6px);pointer-events:none}
.tr-offer__tag{position:absolute;z-index:3;top:0;left:clamp(22px,3vw,34px);width:44px;padding:30px 0 22px;display:flex;justify-content:center;background:var(--shu);color:#fff;box-shadow:0 8px 18px -8px rgba(80,20,10,.55),inset 0 0 0 3px rgba(255,255,255,.14);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 10px),0 100%)}
.tr-offer__tag::before{content:"";position:absolute;top:10px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#fffdf8;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
.tr-offer__tag span{writing-mode:vertical-rl;font-family:var(--jp);font-size:1.05rem;letter-spacing:.28em;line-height:1}
.tr-offer__media::after{background:linear-gradient(180deg,rgba(10,8,6,.18),transparent 45%)}
.tr-offer__kicker{margin-top:2px}
.tr-offer .sk-list{border-top-color:rgba(181,148,91,.45)}

/* promesse : ensō or autour du kanji 心 */
.tr-promise__mark{margin:0 auto 20px}
.tr-promise__mark>span{color:var(--gold-l)}