/* ============================================================================
   POULETOS — identité "urban brush" 100% fidèle au JSON maquette (scopé html.resto-pouletos).
   AUCUN dégradé (couleurs SOLIDES par ligne/mot, cf spec par élément) :
     Réservez : L1 #D0AB78 / L2 #7E2602 + souligné #8A2C01
     Notre Histoire : #D0AB78 seul + souligné #AA9669 (7px)
     Notre Carte : mot1 #CFAA78 / mot2 #9F4601 (pas de souligné)
     Commandez en ligne : L1 #D0AB78 / LIGNE #9F4601 + souligné #A49067
     [catégories] : texte #E7BF91 sur bande #954602 ; prix #C9A05E ; noms #CAB57F ; desc #9D8357
     Kickers #B05A09 (12-13px tracking 6px, tirets des 2 côtés) ; kicker commander #D0AB78 avec & #764929
   Tailles = tableau ratios (corps 14px ; titres 80-100 / 70-90 / 48-56).
   ============================================================================ */

@font-face{
  font-family:"The Deliver";
  src:url('../fonts/the-deliver.ttf') format("truetype");
  font-weight:400 900; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"The Deliver Swash";
  src:url('../fonts/the-deliver-swash.otf') format("opentype");
  font-weight:400 900; font-style:normal; font-display:swap;
}
html.resto-pouletos{ --t-font-display:"The Deliver", Impact, sans-serif !important; }

/* ===== COULEURS SOLIDES sur TOUS les titres (le moteur dégradé est vidé par le JS)
   + #025 long shadow (ombre décalée) ===== */
html.resto-pouletos .pdi-order-hero h1,
html.resto-pouletos .pdi-order-checkout h2,
html.resto-pouletos .pdi-reservation-title,
html.resto-pouletos .pdi-resa-title,
html.resto-pouletos .pdi-menu-desktop-heading,
html.resto-pouletos .pdi-menu-mobile-heading,
html.resto-pouletos .pdi-section-title,
html.resto-pouletos .pdi-about-title,
html.resto-pouletos #specialites .text-2xl,
html.resto-pouletos [data-config-text$=".title"]{
  background:none !important; background-image:none !important;
  -webkit-text-fill-color:#D0AB78 !important; color:#D0AB78 !important;
  filter:none !important;
  text-shadow:2px 3px 0 rgba(18,12,3,.5), 5px 7px 14px rgba(0,0,0,.45) !important;
}

/* ===== #054/#261 ROTATION -2.5° des titres brush ===== */
html.resto-pouletos .pdi-reservation-title,
html.resto-pouletos .pdi-resa-title,
html.resto-pouletos .pdi-menu-mobile-heading,
html.resto-pouletos .pdi-menu-desktop-heading{
  transform:rotate(-2.5deg) !important; transform-origin:left center !important;
}

/* ===== TAILLES (tableau ratios, corps 14px) ===== */
html.resto-pouletos .pdi-reservation-title{ font-size:clamp(48px,5.4vw,100px) !important; line-height:.96 !important; letter-spacing:0 !important; padding-top:.14em !important; overflow-wrap:break-word !important; }
html.resto-pouletos .pdi-resa-title{ font-size:clamp(44px,3.6vw,56px) !important; line-height:.98 !important; padding-top:.12em !important; overflow-wrap:break-word !important; }
html.resto-pouletos .pdi-menu-mobile-heading,
html.resto-pouletos .pdi-menu-desktop-heading{ font-size:clamp(52px,5.6vw,96px) !important; line-height:.96 !important; padding-top:.12em !important; overflow-wrap:break-word !important; }

/* Corps de texte 13-14px */
html.resto-pouletos .pdi-reservation-copy p,
html.resto-pouletos .pdi-reservation-text,
html.resto-pouletos .pdi-resa-paragraph,
html.resto-pouletos .pdi-resa-text,
html.resto-pouletos .pdi-menu-paragraph,
html.resto-pouletos .pdi-section-subtitle,
html.resto-pouletos .pdi-order-hero p{
  font-size:14px !important; line-height:1.6 !important; letter-spacing:.01em !important;
}

/* ===== ACCENTS bi-couleur SOLIDES (span injecté par le JS sur le dernier mot) ===== */
html.resto-pouletos .pdi-title-accent{ position:relative !important; display:inline-block !important; }
html.resto-pouletos .pdi-reservation-title .pdi-title-accent{ -webkit-text-fill-color:#7E2602 !important; color:#7E2602 !important; }
html.resto-pouletos .pdi-menu-desktop-heading .pdi-title-accent,
html.resto-pouletos .pdi-menu-mobile-heading .pdi-title-accent,
html.resto-pouletos .pdi-order-hero h1 .pdi-title-accent{ -webkit-text-fill-color:#9F4601 !important; color:#9F4601 !important; }

/* ===== #053 SOULIGNÉS pinceau — SOUS LES BONS MOTS uniquement =====
   Réservation : sous la ligne 2 (span) #8A2C01. Commander : sous LIGNE #A49067.
   Notre Histoire : souligné discret #AA9669 7px. Notre Carte : AUCUN souligné. */
html.resto-pouletos .pdi-reservation-title .pdi-title-accent::after{
  content:"" !important; position:absolute !important; left:-2% !important; right:-6% !important; bottom:-.12em !important; height:.16em !important;
  background:#8A2C01 !important; z-index:3 !important; pointer-events:none !important;
  -webkit-mask:url("/underlines/underline-14.svg") no-repeat left center / 100% 100% !important;
          mask:url("/underlines/underline-14.svg") no-repeat left center / 100% 100% !important;
}
html.resto-pouletos .pdi-order-hero h1 .pdi-title-accent::after{
  content:"" !important; position:absolute !important; left:-2% !important; right:-6% !important; bottom:-.12em !important; height:.16em !important;
  background:#A49067 !important; z-index:3 !important; pointer-events:none !important;
  -webkit-mask:url("/underlines/underline-14.svg") no-repeat left center / 100% 100% !important;
          mask:url("/underlines/underline-14.svg") no-repeat left center / 100% 100% !important;
}
html.resto-pouletos .pdi-resa-title{ position:relative !important; }
html.resto-pouletos .pdi-resa-title::after{
  content:"" !important; position:absolute !important; left:0 !important; bottom:-12px !important; width:72% !important; height:7px !important;
  background:#AA9669 !important; z-index:3 !important; pointer-events:none !important;
  -webkit-mask:url("/underlines/underline-14.svg") no-repeat left center / 100% 100% !important;
          mask:url("/underlines/underline-14.svg") no-repeat left center / 100% 100% !important;
}

/* ===== #263 KICKERS : 12-13px, tracking 6px, #B05A09, tirets DES DEUX CÔTÉS ===== */
html.resto-pouletos .pdi-reservation-kicker,
html.resto-pouletos .pdi-menu-desktop-title,
html.resto-pouletos .pdi-menu-mobile-eyebrow,
html.resto-pouletos .pdi-section-kicker,
html.resto-pouletos .pdi-resa-kicker,
html.resto-pouletos .pdi-eyebrow{
  display:inline-flex !important; align-items:center !important; gap:.8em !important; width:auto !important;
  color:#B05A09 !important; font-size:13px !important; letter-spacing:6px !important; text-transform:uppercase !important;
  font-family:var(--t-font-nav,"Barlow Condensed",sans-serif) !important; font-weight:700 !important;
}
html.resto-pouletos .pdi-reservation-kicker::before,
html.resto-pouletos .pdi-menu-desktop-title::before,
html.resto-pouletos .pdi-menu-mobile-eyebrow::before,
html.resto-pouletos .pdi-section-kicker::before,
html.resto-pouletos .pdi-resa-kicker::before,
html.resto-pouletos .pdi-eyebrow::before,
html.resto-pouletos .pdi-reservation-kicker::after,
html.resto-pouletos .pdi-menu-desktop-title::after,
html.resto-pouletos .pdi-menu-mobile-eyebrow::after,
html.resto-pouletos .pdi-section-kicker::after,
html.resto-pouletos .pdi-resa-kicker::after,
html.resto-pouletos .pdi-eyebrow::after{
  content:"" !important; flex:0 0 auto !important; width:2.2em !important; height:2px !important;
  background:currentColor !important; opacity:.85 !important; border:0 !important;
}

/* ===== PAGE COMMANDER — DESKTOP UNIQUEMENT (mobile INTACT : image cuite + layout d'origine).
   La vidéo de fond n'est PAS touchée (elle tourne desktop + mobile). ===== */
@media (min-width:992px){
  /* (kill du ::before retiré 11/07 : le ::before de la page commander sert désormais au
     FOND DÉCORATIF desktop (orderPageBackgroundDesktop). Le vieux brush n'était plus peint
     ici de toute façon → on laisse le ::before vivre pour l'image de fond.) */
  html.resto-pouletos body.pdi-order-body .pdi-order-hero{ min-height:0 !important; padding:44px 0 34px !important; text-align:center !important; }
  html.resto-pouletos body.pdi-order-body .pdi-order-hero > div{ display:block !important; text-align:center !important; }
  html.resto-pouletos body.pdi-order-body .pdi-order-hero h1{
    font-size:clamp(56px,6.6vw,90px) !important; line-height:.94 !important; padding-top:.12em !important;
    margin-left:auto !important; margin-right:auto !important;
    transform:rotate(-2.5deg) !important; transform-origin:center !important;
  }
  html.resto-pouletos body.pdi-order-body .pdi-order-kicker{ justify-content:center !important; }
}
/* Kicker commander : #D0AB78 (crème) avec & en #764929, tirets 2 côtés */
html.resto-pouletos .pdi-order-kicker{
  display:inline-flex !important; align-items:center !important; gap:.8em !important;
  color:#D0AB78 !important; font-size:13px !important; letter-spacing:6px !important; text-transform:uppercase !important;
  font-family:var(--t-font-nav,"Barlow Condensed",sans-serif) !important; font-weight:700 !important;
}
html.resto-pouletos .pdi-order-kicker::before,
html.resto-pouletos .pdi-order-kicker::after{
  content:"" !important; flex:0 0 auto !important; width:2.2em !important; height:2px !important;
  background:currentColor !important; opacity:.85 !important;
}
html.resto-pouletos .pdi-amp{ color:#764929 !important; -webkit-text-fill-color:#764929 !important; }

/* ===== #004 CATÉGORIES commander : bande pinceau #954602, texte #E7BF91, 18-20px ===== */
html.resto-pouletos body.pdi-order-body .pdi-order-cat-title{
  display:inline-block !important; position:relative !important; z-index:1 !important;
  color:#E7BF91 !important; -webkit-text-fill-color:#E7BF91 !important;
  font-size:19px !important; letter-spacing:.08em !important; text-transform:uppercase !important;
  padding:.3em .95em .38em !important; background:none !important;
  font-family:var(--t-font-nav,"Barlow Condensed",sans-serif) !important;
}
html.resto-pouletos body.pdi-order-body .pdi-order-cat-title::before{
  content:"" !important; position:absolute !important; inset:0 !important; z-index:-1 !important;
  background:#954602 !important; border-radius:3px !important;
  transform:skewX(-7deg) rotate(-.7deg) !important;
}

/* ===== #071 : prix or ; noms crème ; descriptions muted ===== */
html.resto-pouletos .t-product-price,
html.resto-pouletos .pdi-order-price,
html.resto-pouletos .pdi-order-row strong{ color:#C9A05E !important; -webkit-text-fill-color:#C9A05E !important; font-size:15px !important; }
html.resto-pouletos .t-product-name,
html.resto-pouletos .pdi-order-name{ color:#CAB57F !important; }
html.resto-pouletos .pdi-order-row p,
html.resto-pouletos .t-product-desc,
html.resto-pouletos .pdi-order-desc{ color:#9D8357 !important; font-size:13px !important; }

/* police condensée sur catégories + prix (reprend la règle du moteur, désormais vidé) */
html.resto-pouletos .pdi-order-cat-title,
html.resto-pouletos .t-category-title,
html.resto-pouletos .t-product-price{ font-family:var(--t-font-nav,"Barlow Condensed",sans-serif) !important; }

/* lisibilité nav mobile (reprise du moteur vidé) */
html.resto-pouletos .nav_mobile,
html.resto-pouletos .nav_mobile *{ text-shadow:0 1px 3px rgba(0,0,0,.92), 0 0 14px rgba(0,0,0,.55) !important; }

/* ===== FOOTER : labels #B05A09 (maquette), mot géant en The Deliver ===== */
html.resto-pouletos .pdi-footer-label{ color:#B05A09 !important; letter-spacing:.2em !important; font-size:14px !important; }
html.resto-pouletos .pdi-footer-word{ font-family:"The Deliver", Impact, sans-serif !important; }

/* ===== #009 BADGE/CARTOUCHE : double cadre sur la carte flottante histoire ===== */
html.resto-pouletos .pdi-resa-card{
  border:1px solid rgba(202,108,22,.42) !important;
  outline:1px solid rgba(202,108,22,.2) !important; outline-offset:5px !important;
}

/* ===== #062 CHARBON & CRAIE : grain subtil global ===== */
html.resto-pouletos body::after{
  content:"" !important; position:fixed !important; inset:0 !important; z-index:2147482000 !important;
  pointer-events:none !important; opacity:.06 !important; mix-blend-mode:overlay !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") !important;
  background-size:140px 140px !important;
}

/* ===== #083/#017 : motifs diagonaux aux coins (haut-droit + bas-gauche) ===== */
html.resto-pouletos::after{
  content:"" !important; position:fixed !important; top:0 !important; right:0 !important;
  width:220px !important; height:220px !important; z-index:2147481000 !important; pointer-events:none !important;
  opacity:.13 !important;
  background:repeating-linear-gradient(45deg,#B05A09 0 9px,transparent 9px 24px) !important;
  -webkit-mask:radial-gradient(circle at top right,#000 0 58%,transparent 62%) !important;
          mask:radial-gradient(circle at top right,#000 0 58%,transparent 62%) !important;
}
html.resto-pouletos body::before{
  content:"" !important; position:fixed !important; bottom:0 !important; left:0 !important;
  width:220px !important; height:220px !important; z-index:2147481000 !important; pointer-events:none !important;
  opacity:.13 !important;
  background:repeating-linear-gradient(45deg,#B05A09 0 9px,transparent 9px 24px) !important;
  -webkit-mask:radial-gradient(circle at bottom left,#000 0 58%,transparent 62%) !important;
          mask:radial-gradient(circle at bottom left,#000 0 58%,transparent 62%) !important;
}