/*
Theme Name: Lou Lamparo
Description: Thème du café-tabac Lou Lamparo, Cagnes-sur-Mer. Palette et police reprises de l'identité de l'établissement (crème, rouge brique, bleu marine, Hahmlet).
Version: 1.6.2
Author: Bérenger Chabbert
Text Domain: lamparo
*/

@font-face{font-family:Hahmlet;src:url(fonts/hahmlet.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Pinyon Script";src:url(fonts/pinyon-script.woff2) format("woff2");font-weight:400;font-display:swap}

  :root{
    --creme:#EEE7DC; --creme-2:#f6f1e9; --brique:#8E261B; --brique-2:#a8352a; --marine:#0C1B31;
    --texte:#2a2420; --gris:#6f655c; --or:#d9a24a; --rayon:16px;
    /* Rôles : accent (rouge en texte), encre (titres), fond de page, fond des formulaires */
    --accent:var(--brique); --encre:var(--marine); --fond:var(--creme); --blanc:#fff; --nav:rgba(238,231,220,.94);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:Inter,system-ui,sans-serif;color:var(--texte);background:var(--fond);line-height:1.6}
  a{color:inherit}
  img{display:block;max-width:100%}
  .serif{font-family:Hahmlet,Georgia,serif}
  .script{font-family:"Pinyon Script",cursive;font-weight:400}
  .wrap{max-width:1140px;margin:0 auto;padding:0 1.25rem}
  .bandeau-demo{background:var(--marine);color:#e9dfcf;text-align:center;font-size:.8rem;padding:.35rem 1rem}

  /* Navigation */
  nav{position:sticky;top:0;z-index:30;background:var(--nav);backdrop-filter:blur(8px);border-bottom:1px solid #8e261b22}
  nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
  .logo{display:flex;align-items:center;gap:.4rem;text-decoration:none}
  .logo img{height:64px;width:64px;object-fit:cover;object-position:50% 40%;mix-blend-mode:multiply}
  .logo b{font-family:Hahmlet,serif;font-weight:800;color:var(--accent);font-size:1.25rem;letter-spacing:.06em}
  nav ul{display:flex;gap:1.7rem;list-style:none;font-size:.92rem;font-weight:500}
  nav ul a{text-decoration:none;color:var(--encre)}
  nav ul a:hover{color:var(--accent)}
  .langues{display:flex;gap:.3rem;font-size:.78rem}
  .langues a{text-decoration:none;border:1px solid #8e261b55;border-radius:99px;padding:.1rem .5rem;color:var(--accent)}
  .langues a.on{background:var(--brique);color:var(--creme)}
  @media(max-width:860px){nav ul{display:none}}

  /* Hero */
  .hero{padding:4.5rem 0 5rem}
  .hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:3.5rem;align-items:center}
  .etiquette{display:inline-block;color:var(--accent);border:1.5px solid var(--accent);border-radius:99px;padding:.25rem .9rem;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
  .hero h1{font-family:Hahmlet,serif;font-weight:800;color:var(--accent);font-size:clamp(2.8rem,6.5vw,4.8rem);line-height:1;margin:1.2rem 0 .2rem;letter-spacing:-.01em}
  .hero .script{font-size:clamp(2.2rem,4.5vw,3.4rem);color:var(--encre);line-height:1}
  .hero p.accroche{font-size:1.12rem;color:var(--gris);margin:1.4rem 0 2rem;max-width:520px}
  .boutons{display:flex;gap:.8rem;flex-wrap:wrap}
  .btn{display:inline-block;padding:.85rem 1.5rem;border-radius:99px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;font-size:.95rem}
  .btn:hover{transform:translateY(-2px)}
  .btn-plein{background:var(--brique);color:var(--creme)}
  .btn-plein:hover{background:var(--brique-2)}
  .btn-ligne{border:1.5px solid var(--accent);color:var(--accent)}
  .btn-clair{border:1.5px solid var(--creme);color:var(--creme)}
  .photo-hero{position:relative}
  .photo-hero img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:200px 200px var(--rayon) var(--rayon);box-shadow:0 30px 60px -20px #0c1b3155;border:6px solid var(--creme-2)}
  .pastille{position:absolute;left:-28px;bottom:36px;background:var(--marine);color:var(--creme);border-radius:var(--rayon);padding:1rem 1.2rem;box-shadow:0 12px 30px #0c1b3140}
  .pastille b{display:block;font-family:Hahmlet,serif;font-size:1.5rem;color:var(--or);line-height:1.1}
  .pastille span{font-size:.82rem;opacity:.85}
  @media(max-width:860px){.hero .wrap{grid-template-columns:1fr}.pastille{left:12px}}

  /* Bandeau */
  .bandeau{background:var(--brique);color:var(--creme)}
  .bandeau .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.2rem 1.25rem}
  .bandeau div{font-size:.92rem}
  .bandeau b{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;opacity:.75;font-weight:600}
  .point{display:inline-block;width:9px;height:9px;border-radius:50%;background:#6ee7a0;margin-right:.35rem;box-shadow:0 0 0 3px #6ee7a033}
  @media(max-width:860px){.bandeau .wrap{grid-template-columns:1fr 1fr}}

  section{padding:5.5rem 0}
  .titre{text-align:center;margin-bottom:3rem}
  .titre h2{font-family:Hahmlet,serif;font-weight:800;color:var(--accent);font-size:clamp(2rem,4.5vw,3rem);line-height:1.05}
  .titre .script{display:block;font-size:clamp(1.8rem,3.5vw,2.6rem);color:var(--encre);margin-top:-.2rem}
  .titre p{color:var(--gris);max-width:600px;margin:1rem auto 0}
  .filet{width:60px;height:2px;background:var(--brique);margin:1.2rem auto 0}

  /* Matin */
  .matin{background:var(--creme-2)}
  .matin .wrap{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
  .duo{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
  .duo img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--rayon)}
  .duo img:last-child{margin-top:2.5rem}
  .matin .titre{text-align:left;margin-bottom:1.5rem}
  .matin .filet{margin-left:0}
  @media(max-width:860px){.matin .wrap{grid-template-columns:1fr}}

  .ligne{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.65rem}
  .ligne .nom{font-weight:600;color:var(--encre)}
  .ligne small{display:block;color:var(--gris);font-weight:400;font-size:.85rem}
  .ligne .pts{flex:1;border-bottom:1.5px dotted #8e261b55;transform:translateY(-4px)}
  .ligne .prix{font-family:Hahmlet,serif;color:var(--accent);font-weight:600;white-space:nowrap}

  /* Carte */
  .menu{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
  .rubrique{background:var(--creme-2);border-radius:var(--rayon);overflow:hidden;border:1px solid #8e261b1f}
  .rubrique img{width:100%;aspect-ratio:16/10;object-fit:cover}
  .rubrique .corps{padding:1.5rem}
  .rubrique h3{font-family:Hahmlet,serif;color:var(--accent);font-size:1.3rem;margin-bottom:1rem}
  .signature{background:var(--marine);color:var(--creme);border-radius:var(--rayon);padding:2rem;margin-top:1.4rem;display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center}
  .signature .script{font-size:2.6rem;color:var(--or);line-height:1}
  .signature p{opacity:.85;font-size:.95rem}
  .cartes-pdf{text-align:center;margin-top:2.5rem}
  .cartes-pdf p{color:var(--gris);font-size:.9rem;margin-bottom:.8rem}
  .cartes-pdf .boutons{justify-content:center}
  .legal{text-align:center;font-size:.8rem;color:var(--gris);margin-top:1.5rem}
  @media(max-width:860px){.menu{grid-template-columns:1fr}.signature{grid-template-columns:1fr;text-align:center}}

  /* Soirées */
  .soirees{background:var(--marine);color:var(--creme)}
  .soirees .titre h2{color:var(--creme)}
  .soirees .titre .script{color:var(--or)}
  .soirees .titre p{color:#cfc5b6}
  .agenda{display:grid;grid-template-columns:.8fr 1.2fr;gap:2.5rem;align-items:center}
  .agenda img{border-radius:var(--rayon);width:100%;box-shadow:0 20px 50px #0008}
  .evt{border-top:1px solid #eee7dc33;padding:1.2rem 0;display:grid;grid-template-columns:90px 1fr;gap:1.2rem;align-items:center}
  .evt:last-of-type{border-bottom:1px solid #eee7dc33}
  .evt .jour{text-align:center;background:var(--brique);border-radius:12px;padding:.5rem 0;line-height:1.1}
  .evt .jour b{display:block;font-family:Hahmlet,serif;font-size:1.8rem}
  .evt .jour span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
  .evt h3{font-family:Hahmlet,serif;font-size:1.2rem}
  .evt p{font-size:.9rem;color:#cfc5b6}
  .evt.passe{opacity:.55}
  @media(max-width:860px){.agenda{grid-template-columns:1fr}}

  /* Jeux */
  .jeux{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
  .jeu{background:var(--creme-2);border-radius:var(--rayon);padding:2rem;border:1px solid #8e261b1f;text-align:center}
  .jeu .ico{font-size:2.2rem;margin-bottom:.6rem}
  .jeu h3{font-family:Hahmlet,serif;color:var(--accent);font-size:1.3rem;margin-bottom:.4rem}
  .jeu p{color:var(--gris);font-size:.95rem}
  .mineurs{margin-top:1.5rem;font-size:.8rem;color:var(--gris);text-align:center}
  @media(max-width:860px){.jeux{grid-template-columns:1fr}}

  /* Galerie */
  .galerie{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem}
  .galerie a{display:block;border-radius:12px;overflow:hidden}
  .galerie img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .4s}
  .galerie a:hover img{transform:scale(1.06)}
  @media(max-width:860px){.galerie{grid-template-columns:repeat(3,1fr)}}

  /* Infos */
  .infos{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
  .bloc{background:var(--creme-2);border-radius:var(--rayon);padding:2.2rem;border:1px solid #8e261b1f}
  .bloc h3{font-family:Hahmlet,serif;color:var(--accent);font-size:1.4rem;margin-bottom:1rem}
  table{width:100%;border-collapse:collapse}
  td{padding:.5rem 0;border-bottom:1px solid #8e261b1a}
  td:last-child{text-align:right;font-weight:600;color:var(--encre)}
  tr.auj td{color:var(--accent)}
  tr.auj td:first-child::after{font-size:.75rem;font-weight:400}
  .note{font-size:.85rem;color:var(--gris);margin-top:1rem}
  .a-confirmer{background:#f3d9a4;color:#6b4a00;border-radius:4px;padding:0 .3rem;font-size:.75rem;font-weight:600}
  @media(max-width:860px){.infos{grid-template-columns:1fr}}

  footer{background:var(--brique);color:var(--creme);padding:3rem 0 2rem}
  footer .wrap{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:end}
  footer .serif{font-weight:800;font-size:1.6rem;letter-spacing:.05em}
  footer .liens a{margin-left:1.2rem;font-weight:500}
  footer small{display:block;grid-column:1/-1;opacity:.7;border-top:1px solid #eee7dc33;padding-top:1rem}

  /* Pages simples (mentions légales, etc.) */
  .page-simple{padding:4rem 0 5rem}
  .page-simple .wrap{max-width:780px}
  .page-simple h1{font-family:Hahmlet,serif;font-weight:800;color:var(--accent);font-size:clamp(2rem,4vw,2.8rem);margin-bottom:1.5rem}
  .page-simple h2{font-family:Hahmlet,serif;color:var(--accent);margin:2rem 0 .6rem;font-size:1.4rem}
  .page-simple p,.page-simple li{margin-bottom:.8rem}
  .page-simple ul{padding-left:1.2rem}
  .page-simple .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.7rem}
  .page-simple .wp-block-gallery img{border-radius:12px;aspect-ratio:1;object-fit:cover}
  .vide{color:var(--gris);font-style:italic}
  .screen-reader-text{position:absolute;left:-9999px}
  .admin-bar nav{top:32px}
  @media(max-width:782px){.admin-bar nav{top:46px}}
  /* Menu mobile */
  .burger{display:none;background:none;border:0;font-size:1.6rem;color:var(--accent);cursor:pointer}
  @media(max-width:860px){
    .burger{display:block}
    nav ul.ouvert{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:var(--fond);padding:1rem 1.25rem;gap:1rem;border-bottom:1px solid #8e261b22}
  }
  .point.ferme{background:#f08a7e;box-shadow:0 0 0 3px #f08a7e33}
  /* WordPress pose width/height sur les images : laisser aspect-ratio décider */
  .photo-hero img,.duo img,.galerie img,.rubrique img,.agenda img{height:auto}
  tr.auj td:first-child::after{content:"  · " attr(data-auj)}
  .langues a.on{pointer-events:none}
  /* Smartphone : burger à gauche, logo au centre, langues à droite */
  @media(max-width:860px){
    nav .wrap{gap:.6rem}
    .burger{order:-1;padding:.2rem .4rem;margin-left:-.4rem}
    .logo{margin-right:auto}
    nav ul.ouvert{text-align:left}
    .logo img{height:44px;width:44px}
    .logo b{font-size:1rem;white-space:nowrap}
    .langues{gap:.2rem}
    .langues a{padding:.05rem .38rem}
  }
  @media(max-width:480px){.logo b{display:none}.logo img{height:52px;width:52px}}
  /* Pied de page : connexion, mentions, mise à jour et version, chacun sur sa ligne */
  footer small{display:flex;flex-direction:column;gap:.35rem}
  footer small a{color:var(--creme);margin:0 .15rem}
  footer .maj{opacity:.8}

  /* ---------- Modification depuis le site (équipe connectée) ---------- */
  .lp-message{position:sticky;top:72px;z-index:25;max-width:1140px;margin:1rem auto 0;padding:.8rem 1.2rem;border-radius:12px;font-weight:600}
  .lp-message.succes{background:#e4f3e4;border:1px solid #7fb07f;color:#1f5a1f}
  .lp-message.erreur{background:#fbe6e3;border:1px solid #c08278;color:#7d2418}
  .lp-outils{display:flex;flex-wrap:wrap;gap:.4rem;align-items:flex-start;margin:-.3rem 0 .9rem}
  .lp-outils.bas{margin:1rem 0 0;padding-top:.8rem;border-top:1px dashed #8e261b55;flex-direction:column}
  .lp-outils details{flex:1 1 100%}
  .lp-outils details:not([open]){flex:0 0 auto}
  .lp-outils form{display:inline}
  .lp-mini{display:inline-block;cursor:pointer;list-style:none;font:600 .78rem Inter,sans-serif;color:var(--accent);background:var(--blanc);border:1px solid #8e261b55;border-radius:99px;padding:.15rem .7rem}
  .lp-mini::-webkit-details-marker{display:none}
  .lp-mini.plus{background:var(--brique);color:var(--creme);border-color:var(--brique)}
  .lp-mini.danger{color:#9b1c1c;border-color:#c0827888}
  .lp-mini:hover{filter:brightness(.95)}
  .lp-form{display:flex!important;flex-direction:column;gap:.6rem;background:var(--blanc);border:1px solid #8e261b33;border-radius:12px;padding:1rem;margin-top:.5rem;color:var(--texte);text-align:left}
  .lp-form label{display:flex;flex-direction:column;gap:.2rem;font-size:.82rem;font-weight:600;color:var(--encre);flex:1}
  .lp-form label.court{flex:0 0 140px}
  .lp-form label.case{flex-direction:row;align-items:center;gap:.4rem;font-weight:500}
  .lp-form input[type=text],.lp-form input[type=number],.lp-form input[type=date],.lp-form textarea,.lp-form input[type=file]{font:400 .95rem Inter,sans-serif;padding:.45rem .6rem;border:1.5px solid #8e261b33;border-radius:8px;background:var(--blanc);color:var(--texte);width:100%}
  .lp-form input:focus,.lp-form textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px #8e261b22}
  .lp-form fieldset{border:1px solid #8e261b22;border-radius:10px;padding:.8rem;display:flex;flex-direction:column;gap:.6rem}
  .lp-form legend{font-family:Hahmlet,serif;color:var(--accent);font-weight:600;padding:0 .3rem}
  .lp-form .aide,.lp-outils .aide{font-size:.8rem;color:var(--gris);font-weight:400}
  .lp-ligne2{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem}
  .lp-ligne3{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}
  .lp-trad{background:var(--creme-2);border-radius:8px;padding:.5rem .7rem}
  .lp-trad summary{cursor:pointer;font-size:.82rem;font-weight:600;color:var(--accent)}
  .lp-trad[open]{display:flex;flex-direction:column;gap:.5rem}
  .lp-btn{align-self:flex-start;background:var(--brique);color:var(--creme);border:0;border-radius:99px;padding:.6rem 1.3rem;font:600 .92rem Inter,sans-serif;cursor:pointer}
  .lp-btn:hover{background:var(--brique-2)}
  .soirees .lp-form{color:var(--texte)}
  .soirees .lp-outils.bas{border-top-color:#eee7dc44}
  .lp-gal-edit ol{width:100%;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;padding:0;margin:.5rem 0;counter-reset:g}
  .lp-gal-edit li{position:relative;background:var(--blanc);border-radius:10px;padding:.3rem;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;counter-increment:g}
  .lp-gal-edit li img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px}
  .lp-gal-edit li::before{content:counter(g);position:absolute;top:.5rem;left:.5rem;background:var(--marine);color:#fff;font-size:.7rem;border-radius:99px;padding:0 .45rem}
  .lp-gal-edit li:nth-child(-n+6)::before{background:var(--brique)}
  /* La classe .legal sert aussi sous la carte (centrée, grise) : dans le pied de page, à gauche */
  footer .legal{text-align:left;color:inherit;font-size:inherit;margin:0}
  footer .acces a:first-child{margin-left:0}
  /* Lisibilité : texte crème plein sur le rouge brique (contraste ≈ 7:1), plus de transparence */
  footer small{opacity:1;color:var(--creme);font-size:.85rem}
  footer .maj{opacity:1}

  /* ---------- Carte complète (page « La carte ») ---------- */
  .carte-complete{padding:3.5rem 0 4.5rem}
  .titre h1{font-family:Hahmlet,serif;font-weight:800;color:var(--accent);font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05}
  .sommaire{position:sticky;top:72px;z-index:20;display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding:.7rem 0;margin:2rem 0 1rem;background:var(--fond);border-bottom:1px solid #8e261b22}
  .sommaire::-webkit-scrollbar{display:none}
  .sommaire a{flex:0 0 auto;text-decoration:none;font-size:.85rem;font-weight:600;color:var(--accent);border:1px solid #8e261b55;border-radius:99px;padding:.3rem .85rem;white-space:nowrap}
  .sommaire a:hover{background:var(--brique);color:var(--creme);border-color:var(--brique)}
  .admin-bar .sommaire{top:104px}
  .carte-complete .famille{padding:2.2rem 0 0;scroll-margin-top:130px}
  /* Longue rubrique seule (boissons chaudes, fraîches…) : deux colonnes sur grand écran */
  @media(min-width:861px){
    .sommaire{flex-wrap:wrap;justify-content:center}
    .sous-grille.seule .sous.longue{max-width:none;columns:2;column-gap:3rem}
    .sous.longue .ligne,.sous.longue .lp-outils{break-inside:avoid}
  }
  .famille h2{font-family:Hahmlet,serif;font-weight:800;color:var(--accent);font-size:clamp(1.7rem,3.5vw,2.3rem);margin-bottom:1rem;display:flex;align-items:center;gap:1rem}
  .famille h2::after{content:"";flex:1;height:2px;background:var(--brique);opacity:.35}
  .famille-desc{color:var(--gris);margin:-.4rem 0 1rem}
  .sous-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;align-items:start}
  .sous-grille.seule{grid-template-columns:minmax(0,1fr)}
  .sous-grille.seule .sous{max-width:760px}
  .sous{background:var(--creme-2);border:1px solid #8e261b1f;border-radius:var(--rayon);padding:1.4rem 1.5rem .9rem;scroll-margin-top:130px}
  .sous h3{font-family:Hahmlet,serif;color:var(--accent);font-size:1.25rem;margin-bottom:.8rem}
  .sous .desc{color:var(--gris);font-size:.9rem;margin:-.4rem 0 .9rem}
  .famille .haut{display:inline-block;margin-top:.8rem;font-size:.8rem;color:var(--gris);text-decoration:none}
  .famille .haut:hover{color:var(--accent)}
  .carte-complete .legal{margin-top:2.5rem}
  @media(max-width:860px){.sous-grille{grid-template-columns:minmax(0,1fr)}.sommaire{top:72px;margin-left:-1.25rem;margin-right:-1.25rem;padding-left:1.25rem;padding-right:1.25rem}}
  /* Plusieurs formats (pressions, vins, glaces) : une colonne de prix par format */
  .prix.cols{display:flex}
  .prix.cols span{width:4.6rem;text-align:right}
  .prix.cols .non{color:var(--gris);font-weight:400}
  .ligne.entete{margin-bottom:.35rem}
  .ligne.entete .nom{flex:1}
  .ligne.entete .prix{font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
  @media(max-width:480px){.prix.cols span{width:3.7rem;font-size:.92rem}}

  /* ---------- Mode sombre ----------
     Clair par défaut ; le visiteur passe en sombre avec le bouton lune / soleil (choix
     mémorisé). Le rouge brique, le marine et l'or restent en fond (bandeau, soirées,
     pied de page) ; seuls le fond de page, les cartes et les textes basculent. */
  .theme{background:none;border:1px solid #8e261b55;border-radius:99px;width:30px;height:26px;font-size:.95rem;line-height:1;color:var(--accent);cursor:pointer;display:grid;place-items:center;flex:0 0 auto}
  .theme .clair{display:none}
  nav .droite{display:flex;align-items:center;gap:.5rem}
  html:not([data-theme]) .theme{display:none}
  html[data-theme=sombre]{color-scheme:dark;
    --fond:#15110e; --creme-2:#221b17; --blanc:#1b1613; --nav:rgba(21,17,14,.93);
    --texte:#ebe3d6; --gris:#b3a796; --accent:#e8826f; --encre:#f3ebdf}
  html[data-theme=sombre] .theme .sombre{display:none}
  html[data-theme=sombre] .theme .clair{display:inline}
  html[data-theme=sombre] .theme,html[data-theme=sombre] .langues a{border-color:#e8826f66}
  html[data-theme=sombre] .langues a.on{background:var(--brique);color:var(--creme);border-color:var(--brique)}
  /* Le logo a un fond crème : en pastille ronde plutôt que fondu dans la page */
  html[data-theme=sombre] .logo img{mix-blend-mode:normal;border-radius:50%}
  html[data-theme=sombre] nav,html[data-theme=sombre] nav ul.ouvert{border-bottom-color:#ffffff14}
  html[data-theme=sombre] .rubrique,html[data-theme=sombre] .jeu,html[data-theme=sombre] .bloc{border-color:#ffffff12}
  html[data-theme=sombre] .photo-hero img{box-shadow:0 30px 60px -20px #000a}
  html[data-theme=sombre] .lp-form,html[data-theme=sombre] .lp-form input,html[data-theme=sombre] .lp-form textarea,html[data-theme=sombre] .lp-mini{border-color:#ffffff26}
  html[data-theme=sombre] .lp-message.succes{background:#173117;border-color:#3f7a3f;color:#bfe6bf}
  html[data-theme=sombre] .lp-message.erreur{background:#3a1611;border-color:#9a4a3e;color:#f5c8c0}
  /* Sur le marine des soirées et de la spécialité, l'encre claire reste lisible : rien à changer */