/* Copie statique de www.welever.fr (06/11/2026) : ce que les scripts de Systeme.io affichaient, et les formulaires
   maison qui remplacent les formulaires GHL. Le reste du style vient des pages d'origine. */

/* Vidéos YouTube dans le cadre 16:9 de Systeme.io */
iframe.wl-yt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: inherit; }

/* Débordement à 390 px sur 3 pages d'origine (menu du téléphone replié hors écran, lecteur Spotify de 496 px de large) :
   la page ne défile plus de côté. « clip » ne crée pas de zone de défilement : les éléments collants restent collants. */
#app { overflow-x: clip; }
[id^="rawhtml-"] iframe { max-width: 100%; }

/* Formulaires maison (à la place des iframes GHL « VSL debutant » et « VSL CMO ») */
.wl-form { display: flex; flex-direction: column; gap: 14px; width: 100%; max-width: 540px; margin: 0 auto;
  padding: 12px 0; box-sizing: border-box; text-align: left; font-family: Roboto, Inter, Arial, sans-serif; }
.wl-form .wl-champ { display: block; margin: 0; position: relative; }
.wl-form input, .wl-form select { display: block; width: 100%; box-sizing: border-box; height: 52px; margin: 0;
  padding: 0 18px; border: 1px solid #0a0a0a; border-radius: 6px; background: #fff; color: #0a0a0a;
  font: 400 16px/1.2 Roboto, Inter, Arial, sans-serif; -webkit-appearance: none; appearance: none; }
.wl-form input::placeholder { color: #6b6b75; opacity: 1; }
.wl-form select { padding-right: 44px; cursor: pointer;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23999' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 18px center; }
.wl-form select:invalid { color: #6b6b75; }
.wl-form input:focus, .wl-form select:focus { outline: 2px solid #f55f00; outline-offset: 1px; }
.wl-form [aria-invalid="true"] { border-color: #d92d20; }
.wl-form button[type="submit"] { margin-top: 10px; min-height: 48px; padding: 10px 16px; border: 0; border-radius: 8px;
  background: #f55f00; color: #fff; font: 700 18px/1.25 Roboto, Inter, Arial, sans-serif; cursor: pointer; }
.wl-form button[type="submit"]:disabled { opacity: .6; cursor: wait; }
.wl-form-msg { margin: 0; min-height: 1em; font: 400 14px/1.4 Roboto, Inter, Arial, sans-serif; color: #b42318; }
.wl-form-msg.wl-ok { color: #067647; }
.wl-cache { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.wl-pot { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
#form-wrapper .wl-form { padding: 16px 0; }
#wlv-modal-box .wl-form { padding: 52px 24px 24px; }

/* Message sous un bouton d'inscription Systeme.io */
.wl-si-msg { margin: 8px 0 0; font: 400 14px/1.4 Arial, sans-serif; color: #b42318; text-align: center; }
.wl-si-msg.wl-ok { color: #067647; }

/* Recherche des articles (remplace la recherche de Systeme.io) */
.wl-resultats { position: absolute; left: 0; right: 0; top: 100%; z-index: 50; margin: 8px 0 0; padding: 0; list-style: none;
  background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; box-shadow: 0 10px 8px rgba(0, 0, 0, .04);
  max-height: 60vh; overflow: auto; text-align: left; }
.wl-resultats a { display: block; padding: 12px; text-decoration: none; }
.wl-resultats a:hover, .wl-resultats a:focus { background: #f9fafb; }
.wl-resultats b { display: block; color: #1f2937; font: 600 14px/1.4 Arial, sans-serif; }
.wl-resultats span { display: block; color: #6b7280; font: 400 12px/1.4 Arial, sans-serif; }
.wl-resultats .wl-vide { padding: 12px; color: #6b7280; font: 400 13px/1.4 Arial, sans-serif; }