/* Identite visuelle Wee (WeeBnB / WeeSignal) appliquee au portail public -- charge en DERNIER (2026-10-13)
   Titres DM Serif Display, texte Poppins, bleu marine + corail + vert d'eau, fonds tres clairs, grands arrondis, ombres douces.
   Les couleurs d'office (palette posee en <style> apres ce fichier sur les pages /restaurants/office/...) restent prioritaires. */
:root{
  --navy:#153656;--navy-dark:#0a2742;--ink:#17324f;--muted:#63778d;--line:#dfe7ec;--mist:#f4f8fa;--paper:#fff;
  --coral:#ff6749;--coral-d:#e9502f;--coral-soft:#fff1ec;--teal:#17aa9b;--teal-d:#0e8579;--teal-soft:#e9f8f5;
  --wee-shadow:0 20px 60px rgba(12,40,65,.12);--wee-radius:26px;--serif:"DM Serif Display",Georgia,"Times New Roman",serif;
  /* variables de l'accueil */
  --wp-brand:#ff6749;--wp-brand-d:#e9502f;--wp-soft:#fff1ec;--wp-text:#17324f;--wp-muted:#63778d;--wp-line:#dfe7ec;--wp-bg:#f4f8fa;
  /* variables des pages liste */
  --brand:#ff6749;--brand-d:#e9502f;--soft:#fff1ec;--text:#17324f;--muted:#63778d;--line:#dfe7ec;--bg:#f4f8fa;--card:#fff;--ok:#0e8579;--ok-bg:#e9f8f5;
}
body{font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
body button,body input,body select{font-family:inherit}

/* ---- titres : serif ---- */
body #hero-content h1,.hero h1,#hero-content h1,.pb-head h2,.about h2,.faq h2,.px-dr-head h2,.panel-details-body h1,.pm-main a,.pb-foot-col h2,.pd-hours summary,.pd-reviews h2{
  font-family:var(--serif)!important;font-weight:400!important;letter-spacing:-.01em}
body #hero-content h1,#hero-content h1{line-height:1.08;color:#fff}
.pb-head h2,.about h2,.faq h2,.pd-reviews h2{color:var(--navy)}
.panel-details-body h1{color:var(--navy);font-size:clamp(1.8rem,3.4vw,2.4rem)!important}
.pm-main a{font-size:clamp(1.8rem,4.4vw,2.8rem)}

/* ---- en-tete : logotype Wee + Table ---- */
.wee-logo{display:inline-flex;align-items:baseline;font-weight:800;font-size:1.55rem;letter-spacing:-.02em;text-decoration:none;line-height:1}
.wee-logo .w{color:var(--coral)}.wee-logo .t{color:var(--navy)}
body #main-header{background:rgba(255,255,255,.96);backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--line)}
body #main-header .logo{color:var(--navy)}
.pm-burger{border-color:var(--line);color:var(--navy)}
.pm-burger:hover{border-color:var(--coral)}

/* ---- bandeau (accueil et pages liste) ---- */
#hero-section .hero-overlay,body #hero-section .hero-overlay{background:linear-gradient(90deg,rgba(10,39,66,.86) 0,rgba(10,39,66,.55) 55%,rgba(10,39,66,.18) 100%)!important}
.hero-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:.78rem!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase;color:#fff!important;opacity:1!important}
.hero-eyebrow::before{content:"";width:28px;height:2px;border-radius:2px;background:var(--coral)}
body .hero-cta-btn,.hero-cta-btn{background:var(--coral)!important;color:#fff!important;box-shadow:0 12px 28px rgba(255,103,73,.38)!important;font-weight:700}
body .hero-cta-btn:hover{background:var(--coral-d)!important}
.hero-quick a,.hero-quick a:visited{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);color:#fff;font-weight:600}
.hero-quick a:hover,.hero-quick a.on{background:#fff;color:var(--navy)}

/* ---- barre de filtres ---- */
body #weetable_filter-bar,.pf-bar{border-radius:var(--wee-radius)!important;box-shadow:var(--wee-shadow)!important;border-color:var(--line)!important}
.pf-btn.on,body #weetable_filter-bar .filter-bar-btn.active,body #weetable_filter-bar #near-btn.active{background:var(--coral)!important;border-color:var(--coral)!important;color:#fff!important}
.pf-btn i{color:var(--coral)}.pf-btn.on i{color:#fff}
.pf-search input:focus{outline-color:var(--coral)}
.pf-count-badge{background:var(--coral)}

/* ---- cartes ---- */
.card{border-radius:var(--wee-radius)!important;border-color:var(--line)!important}
.card:hover{border-color:#ffd2c6!important;box-shadow:var(--wee-shadow)!important}
.card-content h2{color:var(--navy)}
.card-place i,.card-rate i{color:var(--coral)}
.card-tags span{background:var(--teal-soft)!important;border-color:#c9ece6!important;color:var(--teal-d)!important}
.card-hours.st-open,.card-hours.st-open i{color:var(--teal-d)!important}
.card-badges .cb{color:var(--navy)}
.card-cta,.panel-cta,.px-btn,.pd-more.primary{background:var(--coral)!important;color:#fff!important;font-weight:700;box-shadow:0 8px 20px rgba(255,103,73,.28)}
.card-cta:hover,.panel-cta:hover,.px-btn:hover{background:var(--coral-d)!important}
.panel-cta-alt{background:#fff!important;color:var(--coral)!important;border:2px solid var(--coral)!important;box-shadow:none!important}
.card-ot{background:var(--mist);border-color:var(--line)}
.card-ph{background:linear-gradient(135deg,var(--coral-soft),var(--teal-soft))}

/* ---- panneau de detail, avis, tiroir ---- */
body #panel{border-radius:var(--wee-radius) 0 0 var(--wee-radius)}
.pd-chip.pd-open{background:var(--teal-soft)!important;border-color:#c9ece6!important;color:var(--teal-d)!important}
.pd-chip.pd-open i{color:var(--teal)!important}
.pd-hours .panel-schedule-list li.is-today{background:var(--coral-soft)!important;border-left-color:var(--coral)!important}
.pd-rv{border-radius:18px;border-color:var(--line)}
.wt-fab{background:var(--coral);box-shadow:0 14px 34px rgba(255,103,73,.4)}.wt-fab .n{color:var(--coral)}
.px-dr-box{border-radius:var(--wee-radius) 0 0 var(--wee-radius)}

/* ---- sections, tuiles, pied de page ---- */
.pb-section{border-radius:var(--wee-radius)}
.pb-head h2::before{background:var(--coral)!important}
.pb-tile,.pc-card{border-radius:var(--wee-radius);border-color:var(--line);transition:box-shadow .2s,transform .2s}
.pb-tile:hover,.pc-card:hover{box-shadow:var(--wee-shadow);transform:translateY(-3px)}
.pb-more{color:var(--coral-d)}
.pb-footer{background:var(--navy-dark)!important;color:#c9d6e2}
.pb-foot-col a{color:#c9d6e2}.pb-foot-col a:hover{color:#fff}
.pb-foot-col h2{color:#fff!important}
.pb-foot-logo{filter:none}
a{color:var(--coral-d)}

/* panneau sans photo : le bouton de fermeture ne recouvre pas le titre */
body #panel-content>.panel-details-body:first-child{padding-top:78px}
.pd-hours summary{font-size:1.25rem!important}

/* menu plein ecran : bleu marine */
.pm-menu{background:var(--navy-dark)!important}
.pm-logo .wee-logo .t{color:#fff}
.pm-main a{color:#fff}.pm-main a:hover{color:var(--coral)}
.pm-main a i{font-size:.62em;margin-right:12px;vertical-align:.12em}
.pm-main a .pf-count-badge{font-family:"Poppins",sans-serif;font-size:.7rem;vertical-align:.3em;margin-left:8px}
.pm-close{border-color:rgba(255,255,255,.35);color:#fff}