/* defi.css : le défi du jour (24/10/2026). Chargé seulement par la page ressources-defi.du.jour et par l'accueil
   ($defiCss de -Sql-2017/defijour-inc.php). Les classes de global.css d'abord ; ici seulement ce qui n'y existe pas.
   Pas de style en ligne dans le PHP (règle de Guillaume, 24/10/2026). Toute modif : changer $MAJ_js. */

/* accueil : une ligne sous l'œuf, ovale dégradé sans cadre, bouton doré */
.dfMini{margin:0 auto 4px;padding:6px 44px 14px;max-width:620px;line-height:1.35;background:radial-gradient(closest-side ellipse,rgba(255,255,255,.92) 55%,rgba(255,255,255,0) 100%)}
.dfMini .joliehr{margin:2px 18% 4px}
.dfMini a.dfGo{display:inline-block;margin-left:6px;background:#fb0;color:#123;text-decoration:none;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.dfMini a.dfGo:hover,.dfMini a.dfGo:focus-visible{background:#ffcb3d}
.dfMini a.dfGo[hidden]{display:none}
.dfVoir{margin-left:6px;white-space:nowrap}

/* page : le cadre doré, la question, les 3 réponses */
.dfPave{background:#fff;border:2px solid #fb0;border-radius:14px;padding:10px 14px;margin:12px auto;max-width:640px;box-shadow:0 2px 8px rgba(0,0,0,.15);text-align:center;color:#123}
.dfPave a{color:#05a;font-weight:bold}
.dfTitre{font-size:1.15em}
.dfQ{font-size:1.1em;margin:8px 0 10px;font-weight:bold}
.dfRep{display:flex;flex-direction:column;gap:8px}
.dfRep button{width:100%;margin:0;min-height:44px;padding:9px 12px;font-size:1.05em;font-family:inherit;color:#123;border:2px solid #07a;border-radius:10px;background:#f4fbff;cursor:pointer}
.dfRep button:hover,.dfRep button:focus-visible{filter:none;background:#d9f0fb}

/* résultat : réponses corrigées, verdict, série, partage, explication */
.dfListe{list-style:none;padding:0;margin:8px 0}
.dfListe li{border:2px solid #ccc;border-radius:10px;padding:8px 12px;margin:6px 0;background:#fafafa}
.dfListe li.dfBon{border-color:#2a2;background:#e6f7e6;font-weight:bold}
.dfListe li.dfMauvais{border-color:#c22;background:#fde6e6}
.dfVerdict{font-size:1.4em;font-weight:bold;margin:10px 0 4px}
.dfOk{color:#170}.dfKo{color:#b10}
.dfSerie{font-size:1.15em;margin:6px 0}
.dfPartage{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0}
.dfPartage a,.dfPartage button{margin:0;min-height:44px;padding:9px 16px;border-radius:10px;font-size:1em;font-family:inherit;cursor:pointer;text-decoration:none}
.dfPartage a{background:#25d366;color:#fff!important;font-weight:bold;border:0}
.dfPartage button{background:#fff;border:2px solid #999;color:#123}
.dfPartage button:hover{filter:none;background:#eee}
.dfExplic{text-align:left;background:#fffbe6;border-left:4px solid #fb0;padding:8px 12px;margin:12px 0}

/* pub : bannière sous le titre, bloc sous l'explication (hauteur réservée : la page ne saute pas) */
.dfPubHaut ins{min-height:100px}
.dfPubBas ins{min-height:280px}

/* .fr : boutons de test */
.dfTest{margin:14px 0;padding:8px;border:2px dashed #c0c;border-radius:10px}
.dfTest button{margin:4px}