/* =========================================================================
   DDA — lg-modules.css v1.80.0
   -------------------------------------------------------------------------
   Charte LORE&GO pour les MODULES « Inscription » et « Classement ».
   Jusqu'ici seul le module « Accueil du jeu » (base.home.css + lg-shell.css)
   était skinné LORE&GO : les deux autres pages rendaient encore la mise en
   page Solonick/Déliroom d'origine, simplement re-variabilisée. Cette feuille
   apporte la vraie couche LORE&GO (bandeau de marque, carte vitrée, CTA
   gradient magenta→violet, tableau de classement en cartes).

   Scope : body.dda-skin.dda-lg-module (classe posée par le plugin selon
   `_deliroom_dda_kind`), + .dda-lg-module--inscription / --classement.
   Purement additive : sans cette classe, aucun sélecteur ne s'applique.
   Les tokens --lg-* / --dda-* viennent de lg-shell.css et des thèmes.
   ========================================================================= */

body.dda-skin.dda-lg-module {
  --lgm-radius: 22px;
  --lgm-panel: rgba(16, 11, 28, 0.82);
  --lgm-panel-2: rgba(24, 17, 40, 0.72);
  --lgm-line: rgba(255, 255, 255, 0.12);
  --lgm-grad: linear-gradient(135deg, var(--lg-magenta, #df2073) 0%, var(--lg-violet, #8B3FB0) 100%);
}

/* ---------- 1. Cadre général : fin du hero 120% et du footer fixe -------- */
body.dda-skin.dda-lg-module #main.fullscreen {
  height: auto !important;
  min-height: 100vh;
  max-width: none !important;
  background-attachment: fixed;
  background-size: cover !important;
  background-position: center top !important;
}
body.dda-skin.dda-lg-module #main.fullscreen::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(13, 10, 22, 0.25) 0%, rgba(13, 10, 22, 0.78) 62%, rgba(13, 10, 22, 0.94) 100%);
}
body.dda-skin.dda-lg-module #wrapper,
body.dda-skin.dda-lg-module #main.fullscreen .content {
  position: relative;
  z-index: 1;
}
body.dda-skin.dda-lg-module #main.fullscreen .main-footer {
  position: static !important;
}
/* Décor Solonick hors-charte (parallaxe, sous-titres verticaux, chevrons). */
body.dda-skin.dda-lg-module .single-page-fixed-row-link,
body.dda-skin.dda-lg-module .horizonral-subtitle,
body.dda-skin.dda-lg-module .section-subtitle,
body.dda-skin.dda-lg-module .hero-start-link,
body.dda-skin.dda-lg-module section.parallax-section,
body.dda-skin.dda-lg-module .pattern-bg {
  display: none !important;
}
body.dda-skin.dda-lg-module section#sec1,
body.dda-skin.dda-lg-module section.dark-bg {
  background: transparent !important;
  padding: 0 !important;
}
body.dda-skin.dda-lg-module .wpb_text_column,
body.dda-skin.dda-lg-module .wpb_text_column .wpb_wrapper,
body.dda-skin.dda-lg-module .vc_column-inner,
body.dda-skin.dda-lg-module .wpb_column {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
body.dda-skin.dda-lg-module .fl-wrap.wr-default-page {
  margin: 0 !important;
}

/* ---------- 2. Bandeau de marque (injecté par lg-modules.js) ------------- */
body.dda-skin.dda-lg-module .dda-lg-mod {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 34px 22px 70px;
  box-sizing: border-box;
}
body.dda-skin.dda-lg-module .dda-lg-mod-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  padding: 0 0 26px;
}
body.dda-skin.dda-lg-module .dda-lg-mod-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none !important;
}
body.dda-skin.dda-lg-module .dda-lg-mod-brand img {
  height: 34px;
  width: auto;
  display: block;
}
body.dda-skin.dda-lg-module .dda-lg-mod-back {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 11px 20px;
  border-radius: 999px;
  border: 1px solid var(--lgm-line);
  background: rgba(255, 255, 255, 0.06);
  color: var(--lg-text, #f5f2fb) !important;
  font-family: 'Fredoka', sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background .2s ease, transform .2s ease;
}
body.dda-skin.dda-lg-module .dda-lg-mod-back:hover {
  background: rgba(255, 255, 255, 0.13);
  transform: translateY(-1px);
}
body.dda-skin.dda-lg-module .dda-lg-mod-back svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Titre de module */
body.dda-skin.dda-lg-module .dda-lg-mod-title {
  text-align: center;
  padding: 6px 0 34px;
}
body.dda-skin.dda-lg-module .dda-lg-mod-eyebrow {
  display: inline-block;
  font-family: 'Fredoka', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--lg-teal, #16B98A);
  margin-bottom: 12px;
}
body.dda-skin.dda-lg-module .dda-lg-mod-title h1 {
  font-family: var(--dda-display-font, 'Fredoka'), sans-serif;
  font-size: clamp(30px, 4.2vw, 54px);
  line-height: 1.08;
  color: #fff;
  margin: 0 0 10px;
  text-shadow: 0 6px 26px rgba(0, 0, 0, 0.6);
}
body.dda-skin.dda-lg-module .dda-lg-mod-title p {
  font-family: 'Fredoka', sans-serif;
  font-size: 17px;
  line-height: 1.6;
  color: var(--lg-text-2, #d2ccdf);
  max-width: 640px;
  margin: 0 auto;
}

/* Onglets de module (Inscription ⇄ Classement) */
body.dda-skin.dda-lg-module .dda-lg-mod-tabs {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 0 0 30px;
}
body.dda-skin.dda-lg-module .dda-lg-mod-tab {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 11px 22px;
  border-radius: 999px;
  border: 1px solid var(--lgm-line);
  background: rgba(255, 255, 255, 0.05);
  color: var(--lg-text-2, #d2ccdf) !important;
  font-family: 'Fredoka', sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background .2s ease, color .2s ease;
}
body.dda-skin.dda-lg-module .dda-lg-mod-tab:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff !important;
}
body.dda-skin.dda-lg-module .dda-lg-mod-tab.is-lg-active {
  background: var(--lgm-grad);
  border-color: transparent;
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(223, 32, 115, 0.32);
}
body.dda-skin.dda-lg-module .dda-lg-mod-tab svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ---------- 3. Carte vitrée commune ------------------------------------- */
body.dda-skin.dda-lg-module .dda-lg-mod-card {
  background: var(--lgm-panel);
  border: 1px solid var(--lgm-line);
  border-radius: var(--lgm-radius);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  padding: 30px 30px 34px;
  overflow: hidden;
}
body.dda-skin.dda-lg-module .dda-lg-mod-card::before {
  content: "";
  display: block;
  height: 3px;
  margin: -30px -30px 26px;
  background: var(--lg-rainbow, linear-gradient(95deg, #F5871F, #df2073, #8B3FB0, #2E7BD6, #16B98A));
}

/* ---------- 4. INSCRIPTION ---------------------------------------------- */
body.dda-skin.dda-lg-module--inscription .fullscreen .CAD_layout_form.login_and_register {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  max-width: none !important;
  width: 100% !important;
}
/* Sélecteur d'onglet du formulaire : pilules, plus d'images photo. */
body.dda-skin.dda-lg-module--inscription .CAD_layout_form.login_and_register h2.CAD_header {
  background-image: none !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--lgm-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  color: var(--lg-text-2, #d2ccdf) !important;
  font-family: 'Fredoka', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  text-indent: 0 !important;
  padding: 16px 18px !important;
  margin: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  width: auto !important;
  flex: 1 1 220px;
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
body.dda-skin.dda-lg-module--inscription .CAD_layout_form.login_and_register h2.CAD_header:hover {
  background-color: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}
body.dda-skin.dda-lg-module--inscription .CAD_layout_form.login_and_register h2.CAD_header.active {
  background: var(--lgm-grad) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(223, 32, 115, 0.3) !important;
}
/* Rangée des 2 onglets */
body.dda-skin.dda-lg-module--inscription .dda-lg-mod-switch {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 26px;
}
/* Champs */
body.dda-skin.dda-lg-module--inscription .CAD_form p {
  margin: 0 0 15px !important;
  text-shadow: none !important;
}
body.dda-skin.dda-lg-module--inscription .CAD_form label,
body.dda-skin.dda-lg-module--inscription .CAD_form p.desc,
body.dda-skin.dda-lg-module--inscription .CAD_form p.info {
  font-family: 'Fredoka', sans-serif;
  color: var(--lg-text-2, #d2ccdf) !important;
  font-size: 15px;
}
body.dda-skin.dda-lg-module--inscription .CAD_form input[type="text"],
body.dda-skin.dda-lg-module--inscription .CAD_form input[type="email"],
body.dda-skin.dda-lg-module--inscription .CAD_form input[type="password"] {
  width: 100%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--lgm-line) !important;
  border-radius: 12px !important;
  color: #fff !important;
  font-family: 'Fredoka', sans-serif;
  font-size: 16px;
  padding: 14px 16px !important;
  box-shadow: none !important;
  transition: border-color .2s ease, background .2s ease;
}
body.dda-skin.dda-lg-module--inscription .CAD_form input::placeholder { color: rgba(255, 255, 255, 0.45); }
body.dda-skin.dda-lg-module--inscription .CAD_form input[type="text"]:focus,
body.dda-skin.dda-lg-module--inscription .CAD_form input[type="email"]:focus,
body.dda-skin.dda-lg-module--inscription .CAD_form input[type="password"]:focus {
  outline: none;
  border-color: var(--lg-magenta, #df2073) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}
/* CTA principal */
body.dda-skin.dda-lg-module--inscription .fullscreen .CAD_form input[type="submit"] {
  width: 100%;
  background: var(--lgm-grad) !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-family: 'Fredoka', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  padding: 16px 30px !important;
  box-shadow: 0 16px 34px rgba(223, 32, 115, 0.3) !important;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}
body.dda-skin.dda-lg-module--inscription .fullscreen .CAD_form input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 40px rgba(223, 32, 115, 0.42) !important;
}
/* Lien retour secondaire dans le formulaire (déjà doublé par le bandeau). */
body.dda-skin.dda-lg-module--inscription .fullscreen #sec1 .CAD_form a.home {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--lgm-line);
  border-radius: 999px !important;
  color: var(--lg-text-2, #d2ccdf) !important;
  font-family: 'Fredoka', sans-serif;
  font-size: 15px;
  padding: 12px 22px !important;
  text-decoration: none !important;
}
body.dda-skin.dda-lg-module--inscription .fullscreen #sec1 .CAD_form a.home:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  color: #fff !important;
}
/* Connexion sociale */
body.dda-skin.dda-lg-module--inscription .cad-rs-providers {
  margin: 0 0 22px;
}
body.dda-skin.dda-lg-module--inscription .cadq-google-sep {
  color: var(--lg-text-3, #a89fb8);
  font-family: 'Fredoka', sans-serif;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
/* Erreurs / mot de passe */
body.dda-skin.dda-lg-module--inscription .fullscreen .CAD_errors,
body.dda-skin.dda-lg-module--inscription .fullscreen #newpassword {
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  font-family: 'Fredoka', sans-serif;
}

/* ---------- 5. CLASSEMENT ----------------------------------------------- */
body.dda-skin.dda-lg-module--classement .fullscreen .wr-default-page h2,
body.dda-skin.dda-lg-module--classement .fullscreen .comment-text h2 {
  margin: 0 0 22px !important;
  width: auto !important;
  font-family: var(--dda-display-font, 'Fredoka'), sans-serif;
  font-size: 22px;
  color: #fff !important;
  text-shadow: none !important;
  text-align: center;
}
/* Bouton bascule jour / all-time */
body.dda-skin.dda-lg-module--classement .layer_BTswtich {
  display: flex;
  justify-content: center;
  margin: 0 0 24px;
}
body.dda-skin.dda-lg-module--classement a.bt_swtich {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: var(--lgm-grad) !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-family: 'Fredoka', sans-serif;
  font-size: 15px;
  font-weight: 700;
  padding: 13px 26px !important;
  text-decoration: none !important;
  box-shadow: 0 14px 30px rgba(223, 32, 115, 0.3);
  transition: transform .2s ease;
}
body.dda-skin.dda-lg-module--classement a.bt_swtich:hover { transform: translateY(-2px); }
/* Mascotte hors-charte */
body.dda-skin.dda-lg-module--classement#fullscreen .more_leaderboard,
body.dda-skin.dda-lg-module--classement .more_leaderboard {
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* Tableau → lignes-cartes lisibles */
body.dda-skin.dda-lg-module--classement .fullscreen table.quiz_leaderboard_wrapper {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  background: transparent !important;
  margin: 0 0 26px;
}
body.dda-skin.dda-lg-module--classement .fullscreen table.quiz_leaderboard_wrapper th {
  background: transparent !important;
  color: var(--lg-text-3, #a89fb8) !important;
  font-family: 'Fredoka', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 6px 14px !important;
  border: 0 !important;
}
body.dda-skin.dda-lg-module--classement .fullscreen table.quiz_leaderboard_wrapper tr,
body.dda-skin.dda-lg-module--classement .fullscreen .leaderboard_main table.quiz_leaderboard_wrapper tr,
body.dda-skin.dda-lg-module--classement .fullscreen .leaderboard_main table.quiz_leaderboard_wrapper tr.first {
  background: var(--lgm-panel-2) !important;
  border: 0 !important;
}
body.dda-skin.dda-lg-module--classement .fullscreen table tr,
body.dda-skin.dda-lg-module--classement .fullscreen table tr:first-child {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
body.dda-skin.dda-lg-module--classement .fullscreen table.quiz_leaderboard_wrapper td {
  color: var(--lg-text, #f5f2fb) !important;
  font-family: 'Fredoka', sans-serif !important;
  font-size: 16px !important;
  padding: 15px 14px !important;
  border: 0 !important;
  text-shadow: none !important;
}
body.dda-skin.dda-lg-module--classement .fullscreen table.quiz_leaderboard_wrapper tbody tr td:first-child {
  border-radius: 14px 0 0 14px;
  font-weight: 700;
}
body.dda-skin.dda-lg-module--classement .fullscreen table.quiz_leaderboard_wrapper tbody tr td:last-child {
  border-radius: 0 14px 14px 0;
}
/* Podium : liseré coloré sur les 3 premières lignes */
body.dda-skin.dda-lg-module--classement .fullscreen table.quiz_leaderboard_wrapper tbody tr:nth-child(1) td:first-child { box-shadow: inset 4px 0 0 #E9B949; }
body.dda-skin.dda-lg-module--classement .fullscreen table.quiz_leaderboard_wrapper tbody tr:nth-child(2) td:first-child { box-shadow: inset 4px 0 0 #C6CBD4; }
body.dda-skin.dda-lg-module--classement .fullscreen table.quiz_leaderboard_wrapper tbody tr:nth-child(3) td:first-child { box-shadow: inset 4px 0 0 #C98A5B; }
body.dda-skin.dda-lg-module--classement .fullscreen .no-data {
  font-family: 'Fredoka', sans-serif;
  color: var(--lg-text-2, #d2ccdf) !important;
  font-size: 18px;
}
body.dda-skin.dda-lg-module #classement_qrcode,
body.dda-skin.dda-lg-module #qrcode {
  display: flex;
  justify-content: center;
  margin: 18px 0 0;
}

/* ---------- 6. Pied de page module -------------------------------------- */
body.dda-skin.dda-lg-module .dda-lg-mod-foot {
  text-align: center;
  padding: 26px 0 0;
  font-family: 'Fredoka', sans-serif;
  font-size: 14px;
  color: var(--lg-text-3, #a89fb8);
}
body.dda-skin.dda-lg-module .dda-lg-mod-foot span { color: var(--lg-teal, #16B98A); }

/* ---------- 7. Responsive ----------------------------------------------- */
@media (max-width: 900px) {
  body.dda-skin.dda-lg-module .dda-lg-mod { padding: 24px 16px 56px; }
  body.dda-skin.dda-lg-module .dda-lg-mod-card { padding: 24px 20px 26px; }
  body.dda-skin.dda-lg-module .dda-lg-mod-card::before { margin: -24px -20px 20px; }
}
@media (max-width: 600px) {
  body.dda-skin.dda-lg-module .dda-lg-mod-head {
    justify-content: center;
    padding-bottom: 18px;
  }
  body.dda-skin.dda-lg-module .dda-lg-mod-title { padding-bottom: 24px; }
  body.dda-skin.dda-lg-module--inscription .CAD_layout_form.login_and_register h2.CAD_header {
    flex: 1 1 100%;
  }
  body.dda-skin.dda-lg-module--classement .fullscreen table.quiz_leaderboard_wrapper td {
    font-size: 15px !important;
    padding: 12px 10px !important;
  }
}

/* ---------- 8. Correctifs de gabarit (v1.80.0) --------------------------- */
/* Le thème peint un bandeau plein cadre derrière les titres : on neutralise. */
body.dda-skin.dda-lg-module .dda-lg-mod-title h1,
body.dda-skin.dda-lg-module .dda-lg-mod-card h2,
body.dda-skin.dda-lg-module .dda-lg-mod-card h3 {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Libellés de formulaire alignés à gauche (lecture en colonne). */
body.dda-skin.dda-lg-module--inscription .CAD_form p,
body.dda-skin.dda-lg-module--inscription .CAD_form label {
  text-align: left !important;
}
body.dda-skin.dda-lg-module--inscription .CAD_form p.info,
body.dda-skin.dda-lg-module--inscription .CAD_form p.full-line,
body.dda-skin.dda-lg-module--inscription .CAD_form p.bt_lostpassword,
body.dda-skin.dda-lg-module--inscription .CAD_form p.bt_register_return {
  text-align: center !important;
}
/* Le lien retour secondaire ne doit pas chevaucher le CTA. */
body.dda-skin.dda-lg-module--inscription .fullscreen #sec1 .CAD_form a.home {
  display: inline-block;
  margin: 18px auto 0 !important;
  position: static !important;
}
body.dda-skin.dda-lg-module--inscription .CAD_form p:has(> a.home) { text-align: center !important; }

/* QR code du classement : bloc autonome, jamais flottant sur le titre. */
body.dda-skin.dda-lg-module--classement #classement_qrcode,
body.dda-skin.dda-lg-module--classement #qrcode {
  float: none !important;
  position: static !important;
  margin: 0 auto 22px !important;
}
body.dda-skin.dda-lg-module--classement #classement_qrcode img,
body.dda-skin.dda-lg-module--classement #classement_qrcode canvas {
  border-radius: 12px;
  background: #fff;
  padding: 8px;
}

body.dda-skin.dda-lg-module .dda-lg-mod-title h1,
body.dda-skin.dda-lg-module .dda-lg-mod-title p,
body.dda-skin.dda-lg-module .dda-lg-mod-card > h2 {
  text-align: center !important;
}

/* =========================================================================
   v1.82.0 — Écrans post-connexion (message de validation, choix du nom
   d'équipe). Ils héritent désormais de la carte vitrée LORE&GO ; on neutralise
   les restes de charte Déliroom (bandeaux orange, titres alignés à gauche).
   ========================================================================= */
body.dda-lg-module .dda-lg-mod-card .CAD_message,
body.dda-lg-module .dda-lg-mod-card .cad-notice,
body.dda-lg-module .dda-lg-mod-card p.message,
body.dda-lg-module .dda-lg-mod-card .woocommerce-message {
  background: color-mix(in oklab, var(--lg-teal, #16B98A) 16%, transparent) !important;
  border: 1px solid color-mix(in oklab, var(--lg-teal, #16B98A) 45%, transparent) !important;
  border-radius: 14px !important;
  color: #fff !important;
  padding: 14px 18px !important;
  margin: 0 0 18px !important;
  text-align: center;
  box-shadow: none !important;
}
body.dda-lg-module .dda-lg-mod-card .CAD_message a,
body.dda-lg-module .dda-lg-mod-card p.message a { color: #7CFFC4 !important; }
body.dda-lg-module .dda-lg-mod-card h2,
body.dda-lg-module .dda-lg-mod-card h3 { text-align: center !important; }