/* [NORME 30/10, Brice] Giri Partenaires (appli Google Play) au niveau de la norme minimale des applis Giri :
   porte de connexion seule, en-tête façon Cuisine (boule d'or, GIRI / Partenaires, photo, ☰), onglets par l'adresse,
   menu propre, Marbre de jour / Marbre de nuit (charte-ga), photo commune. Tout est sous html.appli-play : le site ne bouge pas. */
html.appli-play{--pn-fond:#fdfaf2;--pn-encre:#33281a;--pn-encre-2:#6b5c44;--pn-or:#7a5910;--pn-filet:rgba(150,112,52,.32);--pn-filet-fort:rgba(150,112,52,.58);
  --pn-verre:linear-gradient(180deg,rgba(255,253,249,.94),rgba(253,250,243,.9) 62%,rgba(251,246,236,.92));--pn-verre-plat:rgba(255,253,248,.9);
  --pn-champ:#fff;--pn-ombre:0 12px 30px rgba(96,70,20,.14);--pn-barre:rgba(253,250,242,.95);
  --pn-or-grave:linear-gradient(180deg,#b28619 0%,#9a7414 34%,#87610f 66%,#6b4d0c 100%);
  --pn-pierre:url(https://giri-app.com/css/textures/pierre-jour-2.webp);--pn-voile:linear-gradient(180deg,rgba(255,253,248,.40),rgba(255,252,245,.54))}
html.appli-play.pn-nuit{--pn-fond:#070c17;--pn-encre:#edf1f8;--pn-encre-2:#b4c2d6;--pn-or:#f0d98c;--pn-filet:rgba(212,175,55,.30);--pn-filet-fort:rgba(212,175,55,.58);
  --pn-verre:linear-gradient(180deg,rgba(20,32,54,.86),rgba(14,24,43,.90) 62%,rgba(10,18,33,.93));--pn-verre-plat:rgba(14,24,43,.86);
  --pn-champ:rgba(255,255,255,.07);--pn-ombre:0 14px 34px rgba(0,0,0,.48);--pn-barre:rgba(11,20,38,.95);
  --pn-or-grave:linear-gradient(180deg,#fdf3cf 0%,#f3d98c 32%,#e0b243 64%,#c9971b 100%);
  --pn-pierre:url(https://giri-app.com/css/textures/marbre-nuit.webp);--pn-voile:linear-gradient(180deg,rgba(4,8,17,.52),rgba(3,6,14,.68))}

/* ── reconnaissance en cours : rien ne s'affiche ── */
html.pn-verif body{visibility:hidden!important}

/* ── LA PORTE : seule à l'écran, sans défilement ── */
#pn-porte{display:none}
html.appli-play.pn-porte body > *:not(#pn-porte):not(#ouverture):not(script):not(style):not(.toast):not(#toast){display:none!important}
html.appli-play.pn-porte body{padding:0!important;min-height:0!important}
html.appli-play.pn-porte #pn-porte{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;min-height:100vh;min-height:100dvh;max-width:480px;margin:0 auto;
  padding:calc(14px + env(safe-area-inset-top,0px)) 20px calc(12px + env(safe-area-inset-bottom,0px));position:relative;z-index:2;color:var(--pn-encre)}
html.appli-play.pn-porte{background:var(--pn-voile),var(--pn-pierre) center/cover fixed no-repeat,var(--pn-fond)!important}
.pn-porte-haut{text-align:center;margin-bottom:16px}
.pn-porte-boule{display:block;width:60px;height:60px;margin:0 auto 8px;background:url(https://giri-app.com/cuisine/img/boule-or.webp) center/contain no-repeat;filter:drop-shadow(0 8px 18px rgba(160,115,20,.4))}
.pn-porte-titre{font:500 38px/1.05 'Cormorant Garamond',Georgia,serif!important;color:var(--pn-encre)!important;margin:0!important;-webkit-text-fill-color:currentColor}
.pn-porte-titre b{font-weight:600;background:var(--pn-or-grave);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.pn-porte-sous{margin:6px 0 0!important;color:var(--pn-encre-2)!important;font:italic 19px/1.3 'Cormorant Garamond',Georgia,serif!important}
.pn-porte-carte{display:flex;flex-direction:column;gap:10px;padding:20px 18px;border-radius:22px;background:var(--pn-verre);border:1px solid var(--pn-filet);box-shadow:var(--pn-ombre)}
a.pn-google{display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;border-radius:16px;border:1px solid rgba(60,64,67,.26);background:#fff!important;color:#1f1f1f!important;
  -webkit-text-fill-color:#1f1f1f;text-decoration:none;font:600 17px Inter,system-ui,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.pn-ou{display:flex;align-items:center;gap:12px;color:var(--pn-encre-2);font:500 14px Inter,system-ui,sans-serif}
.pn-ou::before,.pn-ou::after{content:"";flex:1;height:1px;background:var(--pn-filet)}
#pn-porte form.gate-mail{display:flex!important;flex-direction:column;gap:8px;margin:0!important;padding:0!important;border:0!important;background:none!important}
#pn-porte form.gate-mail[hidden]{display:none!important}
#pn-porte .gate-label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#pn-porte .gate-input{box-sizing:border-box;width:100%;min-height:52px;margin:0!important;padding:0 16px;border-radius:14px!important;border:1px solid var(--pn-filet-fort)!important;
  background:var(--pn-champ)!important;color:var(--pn-encre)!important;-webkit-text-fill-color:var(--pn-encre);font:500 17px Inter,system-ui,sans-serif!important}
#pn-porte .gate-input::placeholder{color:var(--pn-encre-2);opacity:.8}
#pn-porte .gate-msg{margin:2px 0 0!important;font-size:14.5px!important;line-height:1.4;text-align:center}
#pn-porte .gate-msg:empty{display:none}
#pn-porte #login-form.envoye #login-btn{display:none!important}
#pn-porte #login-form.envoye #login-email{opacity:.7}
.pn-porte-legal{margin:12px 0 0!important;text-align:center;font:13px/1.9 Inter,system-ui,sans-serif;color:var(--pn-encre-2)}
.pn-porte-legal a{color:var(--pn-or)!important;-webkit-text-fill-color:currentColor;text-decoration:none;font-weight:600;display:inline-block;padding:3px 0}
#pn-exa[hidden]{display:none!important}
#pn-exa{text-align:center}
#pn-exa .gate-fallback{min-height:46px;border:0;background:none;color:var(--pn-or);font:600 15px Inter,system-ui,sans-serif;text-decoration:underline;cursor:pointer}
@media (max-height:620px){
  .pn-porte-boule{width:44px;height:44px;margin-bottom:4px}.pn-porte-titre{font-size:31px!important}.pn-porte-sous{font-size:16.5px!important}
  .pn-porte-haut{margin-bottom:10px}.pn-porte-carte{padding:14px 14px;gap:8px}a.pn-google{min-height:50px}
  #pn-porte .gate-input{min-height:48px}.pn-porte-legal{margin-top:8px!important;line-height:1.7}
}

/* ── boutons dorés = charte bouton-giri-v1 ── */
html.appli-play #pn-porte .gate-btn,html.appli-play .pn-lingot,html.appli-play.aff-share .btn-partager,html.appli-play #aff-meilleur .m-copier,
html.appli-play .gv-invite .gv-lingot,html.appli-play body.aff-connecte button.btn-copy:not(.aff-rond){
  border:0!important;border-radius:16px!important;background:linear-gradient(135deg,#F4D58A 0%,#E8C078 42%,#C9A253 72%,#A07840 100%)!important;color:#3a2708!important;
  -webkit-text-fill-color:#3a2708!important;font:500 19px/1.2 Georgia,'Times New Roman',serif!important;letter-spacing:.2px!important;text-transform:none!important;
  box-shadow:0 10px 26px rgba(74,48,12,.18)!important;min-height:52px}
html.appli-play #pn-porte .gate-btn{width:100%;cursor:pointer}

/* ── en-tête façon Cuisine ── */
html.appli-play body.aff-connecte .header .brand-logo{display:none!important}
html.appli-play body.aff-connecte #aff-titre-ecran{display:none!important}
.pn-boule,.pn-marque,#pn-btn-photo{display:none}
html.appli-play body.aff-connecte .pn-boule{display:block;background-color:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;flex:none;width:34px;height:34px;background:url(https://giri-app.com/cuisine/img/boule-or.webp) center/contain no-repeat;filter:drop-shadow(0 4px 8px rgba(160,115,20,.35))}
html.appli-play body.aff-connecte .pn-marque{display:flex;flex-direction:column;line-height:1.05;margin-left:10px;min-width:0}
.pn-marque small{font:600 11px Inter,system-ui,sans-serif;letter-spacing:3px;text-transform:uppercase;color:var(--pn-or);-webkit-text-fill-color:currentColor}
.pn-marque b{font:500 22px 'Cormorant Garamond',Georgia,serif;color:var(--pn-encre);-webkit-text-fill-color:currentColor}
html.appli-play body.aff-connecte .header .brand{display:flex!important;align-items:center;flex:1;min-width:0}
html.appli-play body.aff-connecte #pn-btn-photo{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0 10px 0 auto;padding:0;border-radius:50%;cursor:pointer;
  border:1px solid rgba(160,120,64,.55);background:linear-gradient(135deg,#F4D58A,#C9A253);color:#3a2708;-webkit-text-fill-color:#3a2708;font:500 21px 'Cormorant Garamond',Georgia,serif;overflow:hidden}
.pn-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.avec-photo{padding:0!important;background:none!important;border:2px solid #C9A253!important}
html.appli-play body.aff-connecte .header{background:var(--pn-barre)!important;border-bottom:1px solid var(--pn-filet)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}

/* ── onglets : fondu, clavier ── */
@media (prefers-reduced-motion:no-preference){html.appli-play main.pn-fondu{animation:pnApparait .22s ease-out}}
@keyframes pnApparait{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
html.appli-play.pn-clavier .aff-barre-app{display:none!important}
html.appli-play body.aff-connecte .aff-barre-app{background:var(--pn-barre)!important;border-top:1px solid var(--pn-filet)!important;min-height:64px}
html.appli-play body.aff-connecte main{min-height:calc(100dvh - var(--pn-haut-h,66px) - var(--pn-barre-h,70px));box-sizing:border-box}

/* ── vue Compte (#/compte) ── */
#pn-compte{display:none}
html.appli-play body.pn-sur-compte main > :not(#pn-compte){display:none!important}
html.appli-play body.pn-sur-compte #pn-compte{display:block;max-width:760px;margin:0 auto;padding:6px 2px 24px;color:var(--pn-encre)}
.pn-titre-vue{font:500 34px/1.1 'Cormorant Garamond',Georgia,serif!important;margin:4px 2px 14px!important;background:var(--pn-or-grave);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important}
.pn-titre-bloc{font:600 12.5px Inter,system-ui,sans-serif!important;letter-spacing:2px;text-transform:uppercase;color:var(--pn-or)!important;-webkit-text-fill-color:currentColor;margin:22px 4px 8px!important}
.pn-bloc{background:var(--pn-verre);border:1px solid var(--pn-filet);border-radius:18px;box-shadow:var(--pn-ombre);padding:6px}
.pn-ligne{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:0 14px;border:0;border-radius:12px;background:none!important;box-shadow:none!important;text-align:left;
  text-decoration:none;font:500 17px Georgia,serif!important;color:var(--pn-encre)!important;-webkit-text-fill-color:currentColor!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;margin:0}
.pn-ligne::after{content:"›";font-size:22px;color:var(--pn-or)}
.pn-ligne + .pn-ligne,.pn-tete + .pn-ligne{border-top:1px solid var(--pn-filet);border-radius:0}
.pn-ligne.danger{color:#9a3b22!important}
html.pn-nuit .pn-ligne.danger{color:#f0a48c!important}
.pn-ligne[hidden]{display:none!important}
.pn-tete{display:flex;align-items:center;gap:14px;padding:12px 10px 14px}
.pn-tete small{display:block;color:var(--pn-encre-2);font-size:13px}
.pn-tete b{display:block;font-size:16px;color:var(--pn-encre);overflow-wrap:anywhere}
.pn-avatar{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#F4D58A,#C9A253);color:#3a2708;-webkit-text-fill-color:#3a2708;font:500 24px 'Cormorant Garamond',Georgia,serif;overflow:hidden}
.pn-avatar.petit{width:44px;height:44px;font-size:21px}
.pn-choix{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pn-choix button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 6px;white-space:nowrap;border-radius:12px!important;border:1px solid transparent!important;background:none!important;box-shadow:none!important;
  font:500 15.5px Georgia,serif!important;color:var(--pn-encre)!important;-webkit-text-fill-color:currentColor!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}
.pn-choix button[aria-checked=true]{border-color:var(--pn-filet-fort)!important;background:rgba(201,151,27,.14)!important}
.pn-pastille{width:22px;height:22px;border-radius:50%;border:1px solid var(--pn-filet-fort);flex:none}
.pn-pastille.jour{background:url(https://giri-app.com/css/textures/pierre-jour-2.webp) center/420%}
.pn-pastille.nuit{background:url(https://giri-app.com/css/textures/marbre-nuit.webp) center/420%}
.pn-legal-ligne{text-align:center;font:13.5px/2 Inter,system-ui,sans-serif;color:var(--pn-encre-2);margin:20px 0 0}
.pn-legal-ligne a{color:var(--pn-or)!important;-webkit-text-fill-color:currentColor;text-decoration:none;font-weight:600}

/* ── menu ☰ : propre à l'appli ── */
html.appli-play #aff-menu a[href*="mes-acces"],html.appli-play #aff-menu a[href*="mon-giri"],html.appli-play [data-giri-burger],html.appli-play #aff-menu-theme{display:none!important}
#pn-menu-compte,#pn-menu-hist,#pn-menu-theme{display:none}
html.appli-play #pn-menu-compte{display:flex;align-items:center;gap:12px;margin:4px 16px 12px;padding:12px 14px;border-radius:16px;background:var(--pn-verre);border:1px solid var(--pn-filet);text-decoration:none;color:var(--pn-encre)!important}
#pn-menu-compte div{min-width:0;flex:1}
#pn-menu-compte small{display:block;font-size:13px;color:var(--pn-encre-2)}
#pn-menu-compte b{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--pn-encre)}
html.appli-play #pn-menu-hist{display:block;margin:0 0 6px}
.pn-hist{display:block;padding:8px 14px;text-decoration:none;color:var(--pn-encre)!important;font:400 15px/1.35 Inter,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-hist small{display:block;font-size:12px;color:var(--pn-encre-2)}
.pn-hist-vide{padding:4px 14px 8px;color:var(--pn-encre-2);font-size:14px}
#pn-voir-tout{display:flex;align-items:center;min-height:44px;padding:0 14px;font:600 15px Inter,system-ui,sans-serif;color:var(--pn-or)!important;-webkit-text-fill-color:currentColor;background:none!important;border:0!important;box-shadow:none!important;cursor:pointer}
#pn-voir-tout[hidden]{display:none!important}
html.appli-play #pn-menu-theme{display:grid}

/* ── Marbre de nuit : ce qui restait blanc ── */
html.appli-play.pn-nuit .gv-invite,html.appli-play.pn-nuit #aff-menu,html.appli-play.pn-nuit .aff-menu-tete{background:var(--pn-voile),var(--pn-pierre) center/cover no-repeat,var(--pn-fond)!important;color:var(--pn-encre)!important;border-color:var(--pn-filet-fort)!important}
html.appli-play.pn-nuit .gv-invite *:not(.gv-lingot):not(img){color:var(--pn-encre)!important;-webkit-text-fill-color:currentColor!important}
html.appli-play.pn-nuit #aff-menu .aff-menu-liens > *,html.appli-play.pn-nuit #aff-menu h2,html.appli-play.pn-nuit #aff-menu .aff-menu-tete h2{color:var(--pn-encre)!important;-webkit-text-fill-color:currentColor!important}
html.appli-play.pn-nuit #aff-menu h3{color:var(--pn-or)!important;-webkit-text-fill-color:currentColor!important}
html.appli-play.pn-nuit #aff-menu .btn,html.appli-play.pn-nuit #aff-menu .btn-copy,html.appli-play.pn-nuit .aff-menu-fermer{background:var(--pn-verre-plat)!important;color:var(--pn-encre)!important;-webkit-text-fill-color:currentColor!important;border-color:var(--pn-filet-fort)!important}
html.appli-play.pn-nuit #aff-cherche,html.appli-play.pn-nuit #aff-meilleur{background-color:var(--pn-verre-plat)!important;color:var(--pn-encre)!important;border-color:var(--pn-filet-fort)!important}

/* la nuit de la charte-ga repeint textes et boutons avec 5 id : on reprend la main avec 6 (les id #zN n'existent pas, ils pèsent) */
html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) .pn-porte-titre b,
html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) .pn-titre-vue{background:var(--pn-or-grave)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) .pn-porte-legal a,
html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) .pn-legal-ligne a,
html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) .pn-marque small,
html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) .pn-titre-bloc,
html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) #pn-voir-tout{color:var(--pn-or)!important;-webkit-text-fill-color:var(--pn-or)!important}
html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) #pn-porte .gate-btn,
html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) .gv-invite .gv-lingot,
html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) body.aff-connecte button.btn-copy:not(.aff-rond){background:linear-gradient(135deg,#F4D58A 0%,#E8C078 42%,#C9A253 72%,#A07840 100%)!important;color:#3a2708!important;-webkit-text-fill-color:#3a2708!important;border:0!important}
html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) a.pn-google,html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) a.pn-google span{background-color:#fff!important;color:#1f1f1f!important;-webkit-text-fill-color:#1f1f1f!important}
html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) #pn-btn-photo,html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) .pn-avatar{color:#3a2708!important;-webkit-text-fill-color:#3a2708!important}

#aff-menu .pn-choix button{font-size:14.5px!important;gap:6px}
#pn-menu-theme{margin:0 8px 4px}
html.appli-play .aff-phrase-abo{display:none!important}
html.appli-play.pn-nuit:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) #aff-menu{background:var(--pn-voile),url(https://giri-app.com/css/textures/marbre-nuit.webp) center/cover no-repeat,#070c17!important;opacity:1!important}
html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) .pn-pastille.jour{background:url(https://giri-app.com/css/textures/pierre-jour-2.webp) center/420%!important}
html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) .pn-pastille.nuit{background:url(https://giri-app.com/css/textures/marbre-nuit.webp) center/420%!important}
html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9) .pn-boule{background:url(https://giri-app.com/cuisine/img/boule-or.webp) center/contain no-repeat!important;border:0!important;box-shadow:none!important;outline:0!important}
html.appli-play body.aff-connecte .pn-boule{filter:none!important}
html.appli-play body.aff-connecte .header .brand-text,html.appli-play body.aff-connecte .header .user-card{display:none!important}
html.appli-play body.aff-connecte .header{display:flex!important;align-items:center!important;padding:10px 16px!important;padding-top:calc(10px + env(safe-area-inset-top,0px))!important;min-height:0!important}
/* [NORME 30/10] la barre d onglets existante : bleu nuit officiel la nuit, jamais brun */
html.pn-nuit #aff-barre-app,html.pn-nuit .aff-barre-app{background:rgba(11,20,38,.96)!important;border-top:1px solid rgba(212,175,55,.30)!important;box-shadow:none!important}
html.pn-nuit #aff-barre-app a,html.pn-nuit #aff-barre-app button{color:#8593aa!important}
html.pn-nuit #aff-barre-app [aria-current],html.pn-nuit #aff-barre-app .actif,html.pn-nuit #aff-barre-app .on,html.pn-nuit #aff-barre-app [aria-selected=true]{color:#f0d98c!important;background:rgba(232,185,58,.12)!important}
/* [BRICE 30/10] le logo officiel de Giri Partenaires (boule + anneau infini, tuile crème) à la place de la boule seule */
.pn-porte-boule{width:88px!important;height:88px!important;margin:0 auto 12px!important;background:url(/img/portail/creme/partenaires.webp) center/cover no-repeat!important;border-radius:22%;filter:none!important;box-shadow:0 10px 24px -8px rgba(96,70,20,.45)}
@media (max-height:700px){.pn-porte-boule{width:64px!important;height:64px!important;margin-bottom:6px!important}}
@media (max-height:600px){.pn-porte-boule{width:52px!important;height:52px!important}}

/* [BOUTON REGARDER 30/10, Brice : « les autres boutons dorés doivent avoir ce visuel ! »] LE bouton doré de la maison = celui de
   « Regarder » (visite guidée) : dégradé or, filet doré, coins 12 px, texte droit en gras 16 px, reflet en haut. Partout, jour et nuit. */
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) #pn-porte .gate-btn,
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) .pn-lingot,
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) .btn-partager,
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) #aff-meilleur .m-copier,
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) .gv-lingot,
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) button.btn-copy:not(.aff-rond),
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) .btn-primary,
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) a.btn-primary,
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) .gate-btn,
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) .join-cta,
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) .aff-soutien-cta,
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) .btn-abo-carte{
  border:1px solid rgba(160,120,64,.55)!important;border-radius:12px!important;
  background:linear-gradient(135deg,#F4D58A 0%,#E8C078 42%,#C9A253 72%,#A07840 100%)!important;
  box-shadow:0 6px 16px rgba(74,48,12,.2),inset 0 1px 0 rgba(255,255,255,.55)!important;
  color:#3a2708!important;-webkit-text-fill-color:#3a2708!important;
  font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif!important;font-weight:700!important;font-size:16px!important;font-style:normal!important;
  letter-spacing:normal!important;text-transform:none!important;line-height:1.25!important;min-height:48px;padding:12px 20px!important;text-shadow:none!important}
/* [30/10] la carte du haut d'« En parler » : lisible la nuit (elle était blanc sur blanc) */
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10).pn-nuit .parler-avert{background:linear-gradient(180deg,rgba(20,32,54,.86),rgba(14,24,43,.90))!important;border:1px solid rgba(212,175,55,.30)!important;color:#dfe6f0!important;-webkit-text-fill-color:#dfe6f0!important}
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10).pn-nuit .parler-avert b{color:#f0d98c!important;-webkit-text-fill-color:#f0d98c!important}
/* aucun prix en appli Play : le bouton d'abonnement à 20 €/mois n'y apparaît pas */
html.appli-play .parler-avert button[onclick*="openSubscribeConsent"]{display:none!important}
/* [ONGLET SUBTIL 30/10, Brice : « l'effet de sélection de l'onglet en bas est moche, trouve plus subtil »]
   plus de pastille : l'onglet choisi prend l'or, et un fin trait doré se pose au-dessus de son icône */
html .aff-barre-app button.actif svg,html.pn-nuit #aff-barre-app button.actif svg{background:none!important;padding:0!important;margin:0!important}
html .aff-barre-app button.actif,html.pn-nuit #aff-barre-app .actif{background:none!important;position:relative}
html .aff-barre-app button.actif::before{content:"";position:absolute;top:0;left:50%;width:22px;height:2px;margin-left:-11px;border-radius:2px;background:linear-gradient(90deg,#E8C078,#A07840)}
html.pn-nuit .aff-barre-app button.actif::before{background:linear-gradient(90deg,#f0d98c,#c9971b)}
html .aff-barre-app button.actif{color:#7a5910!important}
html.pn-nuit .aff-barre-app button.actif{color:#f0d98c!important}
/* [30/10] nuit : la légende du tuto (blanc sur blanc) et le texte des boutons dorés à étages (« Me connecter / J'ai déjà un espace ») */
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10).pn-nuit .gate-video-legende{background:rgba(14,24,43,.86)!important;border:1px solid rgba(212,175,55,.30)!important;color:#dfe6f0!important;-webkit-text-fill-color:#dfe6f0!important}
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) .gate-btn *,
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) .btn-primary *,
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) .join-cta *{color:#3a2708!important;-webkit-text-fill-color:#3a2708!important;text-shadow:none!important}
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) .gc-btn.gc-connexion{border:1px solid rgba(160,120,64,.55)!important;border-radius:12px!important;background:linear-gradient(135deg,#F4D58A 0%,#E8C078 42%,#C9A253 72%,#A07840 100%)!important;box-shadow:0 6px 16px rgba(74,48,12,.2),inset 0 1px 0 rgba(255,255,255,.55)!important}
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) .gc-btn.gc-connexion *{color:#3a2708!important;-webkit-text-fill-color:#3a2708!important;text-shadow:none!important}
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) .gc-btn.gc-connexion .gc-titre{font:700 16px 'Inter','Segoe UI',system-ui,sans-serif!important}
/* [BRICE 30/10] en-tête : le logo officiel de Giri Partenaires (boule + anneau infini) à la place de la boule seule */
html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) .pn-boule{background:url(/img/portail/creme/partenaires.webp) center/cover no-repeat!important;border-radius:22%!important;width:36px!important;height:36px!important;box-shadow:0 3px 8px rgba(96,70,20,.35)!important}
/* [BRICE 30/10, « Windows 98 »] la charte de nuit posait un voile gris (rgba 255,255,255,.055) sur tout bloc nommé -titre / -label / -bloc / -text…
   → titres, prix, Lahiri, blocs de la fiche et cadre autour du bouton Telegram surlignés. On l'enlève : seule la carte garde son fond. */
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11) body :is(.pitch,.lah-essence,.banner-text,.product-card,#panel-parler,#panel-accueil,#panel-liens,#panel-ventes,.section-sub,.aff-familles) :is(div,p,h2,h3,h4,span,ul,li,details,small,strong,b,label):not(.btn):not(.btn-copy):not(.btn-abo-carte):not(.aff-bientot-ruban):not(.aff-fam-n):not(.pn-avatar):not([class*=thumb]):not([class*=vign]):not([class*=image]):not([class*=photo]):not([style*=url]){background-color:transparent!important;box-shadow:none!important}
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11) body .banner-text{border:0!important;padding:0!important}
/* les choix « Achat unique » / « Abonnements » : sélectionné = le bouton Regarder ; pas sélectionné = sobre */
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11) body .aff-fam-btn{border-radius:12px!important;font-family:'Inter','Segoe UI',system-ui,sans-serif!important;text-transform:none!important;letter-spacing:normal!important}
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11) body .aff-fam-btn[aria-selected="true"]{border:1px solid rgba(160,120,64,.55)!important;background:linear-gradient(135deg,#F4D58A 0%,#E8C078 42%,#C9A253 72%,#A07840 100%)!important;box-shadow:0 6px 16px rgba(74,48,12,.2),inset 0 1px 0 rgba(255,255,255,.55)!important}
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11) body .aff-fam-btn[aria-selected="true"] *{color:#3a2708!important;-webkit-text-fill-color:#3a2708!important;font-weight:700!important;text-shadow:none!important}
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11) body .aff-fam-btn[aria-selected="true"] .aff-fam-n{background:rgba(58,39,8,.14)!important}
/* la pastille « Bientôt » ne recouvre plus le prix : elle se range sous le titre */
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11) body .aff-bientot-ruban{position:static!important;display:inline-block!important;margin:6px 0 0!important;font-size:13px!important;padding:3px 12px!important}
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11) body .aff-fam-btn[aria-selected="true"] *{font-family:'Inter','Segoe UI',system-ui,sans-serif!important;font-style:normal!important;font-size:16px!important}
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11) body .aff-bientot-ruban{width:auto!important;max-width:max-content!important;align-self:flex-start!important;flex:none!important}
/* [BRICE 30/10] dans le menu ☰, l'encart Telegram n'a plus de cadre autour du bouton : texte + bouton, à plat */
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11) body #aff-menu .banner,
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11) body #aff-menu #telegram-zone{border:0!important;box-shadow:none!important;background:none!important;background-image:none!important;padding:0!important;margin:0 0 12px!important;border-radius:0!important}
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11) body #aff-menu .banner .banner-icon{display:none!important}
/* [BRICE 30/10] dans l'appli : rien de « non disponible » — offres « Bientôt » retirées, encart « pas disponible dans l'application » retiré */
html.appli-play:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12) body #products-grid .product-card.est-bientot{display:none!important}
html.appli-play body.aff-sans-abo #sub-banner{display:none!important}
/* barres de recherche : texte aligné à gauche */
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11) body :is(#aff-cherche,#cv-q){text-align:left!important;padding-left:46px!important;text-indent:0!important}
html:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11) body :is(#aff-cherche,#cv-q)::placeholder{text-align:left!important}