/* Radio Breslev Côte d’Ivoire — Version 30 Ultra Orion Intelligent : finitions demandées par la radio (cahier des charges § 7 et § 8).
   Chargé en dernier : il ne fait que corriger, sans rien retirer. */

/* 1. EN-TÊTE : opaque et au-dessus de tout le contenu. Avant, à 98 % d’opacité, les gros titres et les pastilles passaient
      « à travers » ; et sur les téléphones à écran bord à bord, le contenu défilait sous la barre d’état (zone de sécurité). */
.entete{background:var(--fond)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:60;padding-top:env(safe-area-inset-top,0px)}
html.sur-nuit .entete{background:rgb(31,13,38)!important}
:root[data-theme=dark] .entete{background:#140c18!important}
html.sur-nuit[data-theme=dark] .entete{background:rgb(31,13,38)!important}

/* 2. PLUS DE BANDES BLANCHES NI DE « CADRE NOIR » : en mode clair, le haut de page était une carte sombre posée avec des marges
      blanches sur les côtés. Il occupe maintenant toute la largeur, comme en mode sombre ; le contenu reste centré. */
:root[data-theme=light] body .hero{margin:0!important;border-radius:0!important;box-shadow:none!important}
html,body{max-width:100%;overflow-x:clip}

/* 3. BARRES DE DÉFILEMENT : invisibles (la page et les listes défilent toujours, au doigt, à la molette et au clavier) */
html,body,*{scrollbar-width:none}
::-webkit-scrollbar{width:0!important;height:0!important;background:transparent}

/* 4. HORAIRES ET CHABBAT aux couleurs de la radio : même fond, mêmes cartes et mêmes accents que les autres rubriques,
      en mode clair comme en mode sombre (avant : un grand bloc bleu nuit, même en mode clair). */
.zmanim18{margin:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:var(--encre)!important}
.zmanim18 .sur{color:var(--flamme)!important}.zmanim18 h2{color:var(--encre)!important}.zmanim18 .intro{color:var(--doux)!important}
.zm-carte{background:var(--carte);border:1px solid var(--trait2);box-shadow:var(--ombre)}
.zm-tete h3{color:var(--encre)}.zm-tete h3 b{color:var(--flamme)}
.zm-ville{border-color:rgba(232,115,15,.45);background:rgba(232,115,15,.08);color:var(--flamme)}
.zm-ville:hover{background:rgba(232,115,15,.16)}
.zm-nav{background:var(--fond2)}
.zm-nav button,.m-tete>button{background:var(--carte);color:var(--encre);box-shadow:0 0 0 1px var(--trait2)}
.zm-nav button:hover,.m-tete>button:hover{background:rgba(232,115,15,.14)}
.zm-date b{color:var(--encre)}.zm-date span{color:var(--flamme)}
.zm-auj{background:var(--grad);color:#24152b}
.zm-l{border-bottom-color:var(--trait);color:var(--encre)}
.zm-l b{color:var(--encre)}
.zm-l.zm-tef b,.zm-l.zm-coucher b,.zm-l.zm-tombee b{color:var(--flamme)}
.zm-plusb{border-color:rgba(232,115,15,.45);color:var(--flamme)}
.zm-plusb:hover{background:rgba(232,115,15,.08)}
.zm-note{color:var(--doux)}
.zm-ville:focus-visible,.zm-nav button:focus-visible,.zm-plusb:focus-visible,.zm-auj:focus-visible,.m-tete>button:focus-visible{outline-color:var(--flamme2)}
.m-tete{background:var(--carte);color:var(--encre);border:1px solid var(--trait2);box-shadow:var(--ombre)}
.m-t h3{color:var(--encre)}.m-t p{color:var(--flamme)}
:root[data-theme=dark] .m-e{color:#ffd2a6}
:root[data-theme=dark] .m-e.m-jeune{color:#b9c6ff}:root[data-theme=dark] .m-e.m-breslev{color:#ffb3cf}:root[data-theme=dark] .m-e.m-mois{color:#9ee8c4}:root[data-theme=dark] .m-e.m-joie{color:#ffe08a}
:root[data-theme=dark] .m-so{color:#b9c6ff}
/* 5. compte : ligne Premium ; notes de Magen (questions à l’IA, Premium) */
.sc-prem{margin:12px 0 4px;padding:12px 14px;border-radius:16px;background:var(--fond2);border:1px solid var(--trait);font:500 14px/1.45 Inter,"Noto Sans Hebrew",sans-serif;color:var(--doux)}
.sc-prem p{margin:0 0 8px}.sc-prem.ok{color:var(--encre);border-color:rgba(232,115,15,.45);background:rgba(232,115,15,.08);font-weight:600}
.asnote30 p{font-size:.92em;opacity:.92}
/* 6. « DEUX EXPÉRIENCES, UNE SEULE LUMIÈRE » : les deux applications (cahier des charges § 1 et § 2) */
.offre30{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px);margin:26px 0 18px}
@media (max-width:760px){.offre30{grid-template-columns:minmax(0,1fr)}}
.o30-carte{position:relative;display:flex;flex-direction:column;gap:10px;padding:clamp(20px,3vw,30px);border-radius:28px;background:var(--carte);border:1px solid var(--trait2);box-shadow:var(--ombre);min-width:0}
.o30-c{background:linear-gradient(160deg,#2a1433 0%,#1a0c21 100%);color:#f6ecdc;border-color:rgba(255,190,110,.35)}
.o30-c::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffcf7a,#e8730f 45%,rgba(232,115,15,0) 75%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.o30-badge{align-self:flex-start;margin:0;padding:6px 12px;border-radius:999px;font:800 12px/1 Inter,"Noto Sans Hebrew",sans-serif;letter-spacing:.12em;text-transform:uppercase;background:rgba(15,138,85,.12);color:#0b6a41}
:root[data-theme=dark] .o30-b .o30-badge{background:rgba(69,211,154,.14);color:#9ee8c4}
.o30-c .o30-badge{background:var(--grad);color:#2a1100}
.o30-carte h3{margin:0;font:600 clamp(24px,2.6vw,30px)/1.15 Fraunces,"Noto Serif Hebrew",Georgia,serif;color:inherit}
.o30-c h3{color:#fff6ea}
.o30-txt{margin:0;color:var(--doux);font:500 15.5px/1.55 Inter,"Noto Sans Hebrew",sans-serif}.o30-c .o30-txt{color:rgba(246,236,220,.82)}
.o30-pts{list-style:none;margin:4px 0;padding:0;display:grid;gap:7px}
.o30-pts li{position:relative;padding-inline-start:26px;font:600 14.5px/1.4 Inter,"Noto Sans Hebrew",sans-serif}
.o30-pts li::before{content:"✓";position:absolute;inset-inline-start:0;top:0;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:rgba(15,138,85,.14);color:#0b6a41}
.o30-c .o30-pts li::before{background:rgba(255,190,110,.18);color:#ffc977}
:root[data-theme=dark] .o30-b .o30-pts li::before{color:#9ee8c4}
.o30-meta{margin:auto 0 0;font:600 13.5px Inter,"Noto Sans Hebrew",sans-serif;color:var(--doux)}
.o30-c .o30-meta{color:#ffd99a}.o30-prix:empty{display:none}
.o30-dl{align-self:stretch;justify-content:center;min-height:52px;font-size:16px}
.o30-c .o30-dl{background:var(--grad);color:#2a1100;border:0}
.o30-note{margin:0;font:500 13px/1.45 Inter,"Noto Sans Hebrew",sans-serif;color:rgba(246,236,220,.75)}.o30-note .lk{color:#ffc977}
.o30-android{margin:0;padding:10px 12px;border-radius:14px;background:var(--fond2);font:500 13.5px/1.45 Inter,"Noto Sans Hebrew",sans-serif;color:var(--doux)}
.o30-prog{display:grid;gap:8px}
.o30-barre{height:10px;border-radius:999px;background:var(--fond2);overflow:hidden;box-shadow:inset 0 0 0 1px var(--trait)}
.o30-barre i{display:block;height:100%;width:0;border-radius:inherit;background:var(--grad);transition:width .2s linear}
.o30-etat{margin:0;font:600 14px/1.45 Inter,"Noto Sans Hebrew",sans-serif;color:var(--encre)}.o30-etat.ok{color:var(--vert)}.o30-etat.err{color:var(--rouge)}
.o30-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.o30-actions:empty{display:none}
.o30-etapes{margin:4px 0 0;padding-inline-start:22px;display:grid;gap:6px;font:500 14px/1.5 Inter,"Noto Sans Hebrew",sans-serif;color:var(--doux)}
.o30-vu{animation:o30vu 1.6s ease}
@keyframes o30vu{0%,100%{box-shadow:var(--ombre)}30%{box-shadow:0 0 0 4px rgba(255,170,70,.75),var(--ombre)}}
.o30-tab-w{overflow-x:auto;margin:6px 0 30px;border-radius:22px;border:1px solid var(--trait2);background:var(--carte);box-shadow:var(--ombre)}
.o30-tab{width:100%;border-collapse:collapse;font:600 14.5px Inter,"Noto Sans Hebrew",sans-serif}
.o30-tab caption{caption-side:top;text-align:start;padding:16px 18px 6px;font:600 19px Fraunces,"Noto Serif Hebrew",Georgia,serif;color:var(--encre)}
.o30-tab th,.o30-tab td{padding:11px 16px;border-top:1px solid var(--trait);text-align:start}
.o30-tab thead th{color:var(--doux);font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.o30-tab td{text-align:center;width:22%}.o30-tab thead th+th{text-align:center}
.o30-oui span[aria-hidden]{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(15,138,85,.14);color:var(--vert);font-weight:800}
.o30-non span[aria-hidden]{color:var(--doux);opacity:.6}
.o30-ligne{display:flex;flex-wrap:wrap;gap:10px}
@media (prefers-reduced-motion:reduce){.o30-vu{animation:none}.o30-barre i{transition:none}}
.o30-dl{text-align:center;line-height:1.2;padding-block:10px}
.o30-tab{table-layout:fixed}
.o30-tab thead th:first-child,.o30-tab tbody th{width:auto}
@media (max-width:560px){
 .o30-tab th,.o30-tab td{padding:10px 8px}
 .o30-tab td,.o30-tab thead th+th{width:84px}
 .o30-tab thead th{font-size:12px;letter-spacing:0;text-transform:none}
 .o30-tab tbody th{font-size:14px}
}