/* ── Page /adherer/ ──────────────────────────────────────────────────────── */


.jm-hero:not([style*="background"]) {
    background: var(--jm-bg) !important;
}

.jm-avantage-card {
    box-shadow: var(--jm-shadow-sm);
    transition: transform 0.2s ease;
}
.jm-avantage-card:hover {
    transform: translateY(-2px);
}

.jm-raison-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.jm-raison-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--jm-shadow);
}

.jm-section-night .wp-block-details summary {
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
}
.jm-section-night .wp-block-details summary::before {
    content: '▶';
    font-size: 0.6em;
    color: rgba(255,255,255,0.5);
    transition: transform 0.2s ease;
    flex-shrink: 0;
}
.jm-section-night .wp-block-details[open] > summary::before {
    transform: rotate(90deg);
}
.jm-section-night .wp-block-details summary::-webkit-details-marker {
    display: none;
}

.jm-form-wrapper {
    box-shadow: var(--jm-shadow);
}

/* Formulaire GF dans la page adhérer */
.jm-form-wrapper .gform_wrapper {
    font-family: 'Manrope', sans-serif !important;
}
.jm-form-wrapper input[type="text"],
.jm-form-wrapper input[type="email"],
.jm-form-wrapper input[type="tel"],
.jm-form-wrapper input[type="password"],
.jm-form-wrapper select,
.jm-form-wrapper textarea {
    border-radius: var(--jm-radius-sm) !important;
    border: 1.5px solid var(--jm-line) !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    font-family: 'Manrope', sans-serif !important;
    transition: border-color 0.15s ease !important;
}
.jm-form-wrapper input:focus,
.jm-form-wrapper select:focus {
    border-color: var(--jm-blue) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(8,89,142,0.1) !important;
}
.jm-form-wrapper .gform_footer input[type="submit"],
.jm-form-wrapper .gform_button {
    background: var(--jm-grad-button) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 16px 40px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    font-family: 'Manrope', sans-serif !important;
    cursor: pointer !important;
    width: 100% !important;
    box-shadow: 0 16px 32px rgba(8,89,142,0.22) !important;
    transition: transform 0.15s ease !important;
}
.jm-form-wrapper .gform_footer input[type="submit"]:hover {
    transform: translateY(-1px) !important;
}

/* [Audit] Barre de progression GF native — masquée par le stepper custom (voir plus bas) */

/* ═══════════════════════════════════════════════════════════════════════════
   FORMULAIRE GF MULTI-ÉTAPES — Style "StartGlobal" / SRF
   Palette JM 2026 · Manrope · 3 étapes
   ═══════════════════════════════════════════════════════════════════════════ */


/* ── Conteneur global ────────────────────────────────────────────────────── */

.gform_wrapper.gravity-theme,
.jm-form-wrapper .gform_wrapper {
    font-family: 'Manrope', sans-serif !important;
    max-width: 100% !important;
}


/* ── BARRE DE PROGRESSION (numéros d'étapes type StartGlobal) ───────────── */

/* [Audit] .gf_progressbar_wrapper styling supprimé — masqué par display:none plus bas */

/* [Audit] Bloc stepper GF natif supprimé — masqué par display:none + remplacé par .jm-gf-stepper */





/* ── TITRE DE SECTION (h2 dans GF) ──────────────────────────────────────── */

.gform_wrapper .gsection_title {
    font-family: 'Manrope', sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: var(--jm-ink, #0e1c2f) !important;
    margin: 0 0 8px !important;
    padding: 0 0 12px !important;
    border-bottom: 2px solid var(--jm-line, #dfe5ef) !important;
}
.gform_wrapper .gsection_description {
    font-size: 14px !important;
    color: var(--jm-muted, #5c6678) !important;
    margin-bottom: 24px !important;
}


/* ── LABELS ──────────────────────────────────────────────────────────────── */

.gform_wrapper label.gfield_label {
    font-family: 'Manrope', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--jm-ink, #0e1c2f) !important;
    margin-bottom: 6px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 4px !important;
    line-height: 1.4 !important;
}
.gform_wrapper .gfield_required {
    color: var(--jm-blue, #08598E) !important;
    font-weight: 800 !important;
    display: inline-block !important;
    margin-left: 2px !important;
    line-height: 1 !important;
}
.gform_wrapper .gfield_description {
    font-size: 13px !important;
    color: var(--jm-muted, #5c6678) !important;
    margin-top: 4px !important;
    line-height: 1.5 !important;
}


/* ── INPUTS / SELECT / TEXTAREA ──────────────────────────────────────────── */

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper select,
.gform_wrapper textarea {
    font-family: 'Manrope', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    color: var(--jm-ink, #0e1c2f) !important;
    background: #fff !important;
    border: 1.5px solid var(--jm-line, #dfe5ef) !important;
    border-radius: var(--jm-radius-sm, 10px) !important;
    padding: 14px 16px !important;
    min-height: 58px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.gform_wrapper select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235c6678' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    padding-right: 42px !important;
}
.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
    border-color: var(--jm-blue, #08598E) !important;
    box-shadow: 0 0 0 3px rgba(8, 89, 142, 0.1) !important;
}
.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder {
    color: var(--jm-muted, #5c6678) !important;
    opacity: 0.6 !important;
}


/* ── DATE PICKER ─────────────────────────────────────────────────────────── */

.gform_wrapper .datepicker {
    border: 1.5px solid var(--jm-line, #dfe5ef) !important;
    border-radius: var(--jm-radius-sm, 10px) !important;
    padding: 12px 16px !important;
}


/* ── RADIO BUTTONS ───────────────────────────────────────────────────────── */

.gform_wrapper .gfield--type-radio .gchoice,
.gform_wrapper .gfield_radio li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 16px !important;
    border: 1.5px solid var(--jm-line, #dfe5ef) !important;
    border-radius: var(--jm-radius-sm, 10px) !important;
    margin-bottom: 8px !important;
    cursor: pointer !important;
    transition: border-color 0.15s ease, background 0.15s ease !important;
    background: #fff !important;
}
.gform_wrapper .gfield--type-radio .gchoice:hover,
.gform_wrapper .gfield_radio li:hover {
    border-color: var(--jm-blue, #08598E) !important;
    background: rgba(8, 89, 142, 0.03) !important;
}
.gform_wrapper .gfield_radio input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--jm-blue, #08598E) !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.gform_wrapper .gfield_radio label {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--jm-ink, #0e1c2f) !important;
    cursor: pointer !important;
    margin: 0 !important;
}


/* ── CHECKBOXES ──────────────────────────────────────────────────────────── */

.gform_wrapper .gfield--type-checkbox .gchoice,
.gform_wrapper .gfield_checkbox li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 10px 0 !important;
    margin-bottom: 4px !important;
}
.gform_wrapper .gfield_checkbox input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--jm-blue, #08598E) !important;
    flex-shrink: 0 !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    border-radius: 4px !important;
}
.gform_wrapper .gfield_checkbox label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--jm-ink, #0e1c2f) !important;
    line-height: 1.5 !important;
    cursor: pointer !important;
    margin: 0 !important;
}


/* ── INDICATEUR DE FORCE DU MOT DE PASSE ─────────────────────────────────── */

.gform_wrapper .gfield--type-password .ginput_container_password {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}
.gform_wrapper .gfield_password_strength {
    height: 4px !important;
    border-radius: 999px !important;
    background: var(--jm-line, #dfe5ef) !important;
    margin-top: 8px !important;
    overflow: hidden !important;
    transition: background 0.3s ease !important;
}
.gform_wrapper .gfield_password_strength.bad    { background: var(--jm-red, #ef4444) !important; }
.gform_wrapper .gfield_password_strength.good   { background: #f59e0b !important; }
.gform_wrapper .gfield_password_strength.strong { background: #10b981 !important; }


/* ── NAVIGATION ENTRE ÉTAPES (boutons Précédent / Suivant) ──────────────── */

.gform_wrapper .gform_next_button,
.gform_wrapper .gform_previous_button,
.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"] {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    border-radius: 999px !important;
    padding: 14px 32px !important;
    border: none !important;
    cursor: pointer !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Bouton Suivant & Valider */
.gform_wrapper .gform_next_button,
.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"] {
    background: linear-gradient(135deg, var(--jm-blue, #08598E), var(--jm-blue, #08598E)) !important;
    color: #fff !important;
    box-shadow: 0 8px 24px rgba(8, 89, 142, 0.25) !important;
    width: 100% !important;
    justify-content: center !important;
    margin-top: 8px !important;
}
.gform_wrapper .gform_next_button:hover,
.gform_wrapper .gform_button:hover,
.gform_wrapper input[type="submit"]:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 32px rgba(8, 89, 142, 0.32) !important;
}

/* Bouton Précédent */
.gform_wrapper .gform_previous_button {
    background: #fff !important;
    color: var(--jm-ink, #0e1c2f) !important;
    border: 1.5px solid var(--jm-line, #dfe5ef) !important;
    box-shadow: none !important;
}
.gform_wrapper .gform_previous_button:hover {
    border-color: var(--jm-blue, #08598E) !important;
    color: var(--jm-blue, #08598E) !important;
}

/* Footer page avec boutons côte à côte */
.gform_wrapper .gform_page_footer {
    display: flex !important;
    gap: 12px !important;
    margin-top: 32px !important;
    padding-top: 24px !important;
    background: none !important;
    padding: 24px 0 0 !important;
}
.gform_wrapper .gform_page_footer .gform_previous_button {
    flex: 0 0 auto !important;
    width: auto !important;
}
.gform_wrapper .gform_page_footer .gform_next_button {
    flex: 1 !important;
}


/* ── MESSAGES D'ERREUR ───────────────────────────────────────────────────── */

.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea {
    border-color: var(--jm-red, #ef4444) !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}
.gform_wrapper .validation_message {
    font-family: 'Manrope', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--jm-red, #ef4444) !important;
    margin-top: 6px !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}


/* ── GRILLE DES CHAMPS ───────────────────────────────────────────────────── */

.gform_wrapper .gform_fields {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 20px 24px !important;
    align-items: start !important;
}
.gform_wrapper .gfield {
    margin: 0 !important;
    padding: 0 !important;
    align-self: start !important;
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
}
.gform_wrapper .gfield.gfield--width-quarter {
    grid-column: span 3 !important;
}
.gform_wrapper .gfield.gfield--width-third {
    grid-column: span 4 !important;
}
.gform_wrapper .gfield.gfield--width-five-twelfths {
    grid-column: span 5 !important;
}
.gform_wrapper .gfield.gfield--width-half {
    grid-column: span 6 !important;
}
.gform_wrapper .gfield.gfield--width-seven-twelfths {
    grid-column: span 7 !important;
}
.gform_wrapper .gfield.gfield--width-two-thirds {
    grid-column: span 8 !important;
}
.gform_wrapper .gfield.gfield--width-three-quarter {
    grid-column: span 9 !important;
}
.gform_wrapper .gfield.gfield--width-five-sixths {
    grid-column: span 10 !important;
}
.gform_wrapper .gfield.gfield--width-eleven-twelfths {
    grid-column: span 11 !important;
}

/* Ajustements visuels spécifiques au formulaire d'adhésion */
.gform_wrapper #field_4_2 {
    grid-column: 1 / -1 !important;
}
.gform_wrapper #field_4_2 .gfield_radio {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    max-width: 520px !important;
}

.gform_wrapper #field_4_2 .gchoice {
    margin-bottom: 0 !important;
}

.gform_wrapper #field_4_5 {
    grid-column: span 4 !important;
}

.gform_wrapper #field_4_5 .ginput_container_date {
    max-width: 360px !important;
}

.gform_wrapper #field_4_5 .ui-datepicker-trigger {
    margin-left: 12px !important;
}


/* ── RESPONSIVE MOBILE ───────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .gform_wrapper .gform_page_footer {
        flex-direction: column-reverse !important;
    }
    .gform_wrapper .gform_previous_button {
        width: 100% !important;
        justify-content: center !important;
    }
    .gform_wrapper .gform_fields {
        grid-template-columns: 1fr !important;
    }
    .gform_wrapper .gfield {
        grid-column: 1 / -1 !important;
    }
    .gform_wrapper #field_4_2 .gfield_radio {
        grid-template-columns: 1fr !important;
        max-width: none !important;
    }
    .gform_wrapper #field_4_5 .ginput_container_date {
        max-width: none !important;
    }
}


/* [Audit] Blocs GF natifs (progressbar + stepper gravity-theme) supprimés.
   Tout est masqué par le kill-block "MASQUER TOUT" plus bas.
   Le stepper visible est .jm-gf-stepper (injecté par JS). */


/* ── STEPPER CUSTOM (injecté par JS) ─────────────────────────────────────── */

.jm-gf-stepper {
    display: flex;
    align-items: center;
    margin-bottom: 36px;
    padding-bottom: 28px;
}

.jm-gf-step {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

/* Trait de connexion */
.jm-gf-step__line {
    flex: 1;
    height: 1px;
    background: var(--jm-line, #dfe5ef);
    margin: 0 12px;
    min-width: 24px;
    transition: background 0.3s ease;
}
.jm-gf-step__line--done {
    background: var(--jm-blue, #08598E);
}

/* Cercle */
.jm-gf-step__num {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid var(--jm-line, #dfe5ef);
    background: #fff;
    color: var(--jm-muted, #5c6678);
    font-size: 14px;
    font-weight: 800;
    font-family: 'Manrope', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

/* Étape active */
.jm-gf-step--active .jm-gf-step__num {
    background: var(--jm-blue, #08598E);
    border-color: var(--jm-blue, #08598E);
    color: #fff;
    box-shadow: 0 4px 12px rgba(8, 89, 142, 0.3);
}

/* Étape complétée */
.jm-gf-step--done .jm-gf-step__num {
    background: var(--jm-green-soft, #e6f7ef);
    border-color: var(--jm-green, #16a34a);
    color: var(--jm-green, #16a34a);
    font-size: 16px;
}

/* Labels */
.jm-gf-step__label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--jm-muted, #5c6678);
    font-family: 'Manrope', sans-serif;
    white-space: nowrap;
}
.jm-gf-step--active .jm-gf-step__label {
    color: var(--jm-blue, #08598E);
}
.jm-gf-step--done .jm-gf-step__label {
    color: var(--jm-green, #16a34a);
}

/* Mobile : masquer les labels */
@media (max-width: 600px) {
    .jm-gf-step__label { display: none; }
    .jm-gf-stepper { margin-bottom: 24px; }
}


/* ── MASQUER TOUT ce qui est barre/étapes native GF ─────────────────────── */

.gf_progressbar_wrapper,
.gf_progressbar_title,
.gf_progressbar,
.gf_progressbar_percentage,
.gf_step_wrapper,
.gf_page_steps,
.gf_step,
[class*="gf_progressbar"],
[class*="gf_step"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}


/* ── DÉSACTIVER le thème Orbital GF (override complet) ──────────────────── */

.gform_wrapper.gravity-theme .gfield--type-radio .gfield_radio,
.gform_wrapper.gravity-theme .gfield--type-checkbox .gfield_checkbox {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

/* Supprimer les bordures sur chaque option radio/checkbox */
.gform_wrapper.gravity-theme .gfield--type-radio .gchoice,
.gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice {
    border: none !important;
    padding: 0 !important;
    background: none !important;
    margin: 0 !important;
}

/* Champs structurels toujours pleine largeur */
.gform_wrapper .gfield--type-section,
.gform_wrapper .gfield--type-page,
.gform_wrapper .gfield--type-html,
.gform_wrapper .gfield--type-honeypot,
.gform_wrapper .gfield.gfield--width-full,
.gform_wrapper .gfield.gsection {
    grid-column: 1 / -1 !important;
}

/* Les colonnes suivent désormais les classes de largeur GF (`width-half`, etc.). */

/* Supprimer les bordures parasites entre sections */
.gform_wrapper .gsection {
    border-bottom: 2px solid var(--jm-line, #dfe5ef) !important;
    padding-bottom: 12px !important;
    margin: 4px 0 8px !important;
}
.gform_wrapper .gsection_title {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--jm-ink, #0e1c2f) !important;
    font-family: 'Manrope', sans-serif !important;
    margin: 0 !important;
}

/* Garder les labels d'options radio/checkbox sur une ligne propre */
.gform_wrapper .gfield_radio label,
.gform_wrapper .gfield_checkbox label {
    display: inline-block !important;
}

/* Supprimer les lignes/dividers GF orbital */
.gform_wrapper .gfield,
.gform_wrapper .gform_page {
    border: none !important;
    box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   POPUP CONNEXION XOO
   Fond flouté + coque arrondie + panneau blanc interne
   ═══════════════════════════════════════════════════════════════════════════ */

.xoo-el-style-popup .xoo-el-opac {
    background: rgba(14, 28, 47, 0.14) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body:has(.xoo-el-container.xoo-el-popup-active) > *:not(.xoo-el-container) {
    filter: blur(10px);
    transition: filter 0.2s ease;
}

.xoo-el-style-popup .xoo-el-modal {
    padding: 24px !important;
}

.xoo-el-style-popup .xoo-el-inmodal {
    width: min(560px, calc(100vw - 32px)) !important;
    border-radius: 30px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.36) !important;
    box-shadow: 0 32px 90px rgba(7, 20, 43, 0.20) !important;
    backdrop-filter: blur(24px) saturate(140%);
    -webkit-backdrop-filter: blur(24px) saturate(140%);
    overflow: visible !important;
}

.xoo-el-style-popup .xoo-el-wrap {
    background: transparent !important;
    border-radius: inherit !important;
    overflow: hidden !important;
}

.xoo-el-style-popup .xoo-el-sidebar {
    display: none !important;
}

.xoo-el-style-popup .xoo-el-srcont {
    padding: 18px !important;
    background: transparent !important;
}

.xoo-el-style-popup .xoo-el-main {
    background: transparent !important;
    border-radius: 22px !important;
    padding: clamp(20px, 3vw, 28px) !important;
    box-shadow: none !important;
}

.xoo-el-style-popup .xoo-el-header {
    margin-bottom: 20px !important;
}

.xoo-el-style-popup .xoo-el-tabs {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.xoo-el-style-popup .xoo-el-tabs li {
    width: 100% !important;
    padding: 6px 0 10px !important;
    border-radius: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    text-align: center !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
}

.xoo-el-style-popup .xoo-el-tabs li.xoo-el-active {
    background: transparent !important;
    color: #26588a !important;
    box-shadow: none !important;
}

.xoo-el-style-popup .xoo-el-fields,
.xoo-el-style-popup .xoo-el-form-container,
.xoo-el-style-popup .xoo-el-section {
    background: transparent !important;
}

.xoo-el-style-popup .xoo-el-form-txt {
    display: block !important;
    margin-bottom: 18px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    line-height: 1.6 !important;
}

.xoo-el-style-popup .xoo-aff-input-group {
    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: none !important;
    transition: box-shadow 0.15s ease !important;
}

.xoo-el-style-popup .xoo-aff-input-group:focus-within {
    border: 0 !important;
    box-shadow: none !important;
}

.xoo-el-style-popup .xoo-aff-input-group::before,
.xoo-el-style-popup .xoo-aff-input-group::after {
    display: none !important;
    content: none !important;
}

.xoo-el-style-popup .xoo-aff-input-icon,
.xoo-aff-input-group .xoo-aff-input-icon,
.xoo-aff-isfocused.xoo-aff-group .xoo-aff-input-icon {
    border: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    color: var(--jm-blue, #08598E) !important;
}

.xoo-el-style-popup .xoo-aff-field {
    min-height: 56px !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 15px !important;
    color: var(--jm-ink, #0e1c2f) !important;
}

.xoo-el-style-popup .xoo-aff-field:focus,
.xoo-el-style-popup .xoo-aff-field:focus-visible,
.xoo-el-style-popup input.xoo-aff-field:focus,
.xoo-el-style-popup input.xoo-aff-field:focus-visible {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background: transparent !important;
}

.xoo-el-style-popup input.xoo-aff-field:-webkit-autofill,
.xoo-el-style-popup input.xoo-aff-field:-webkit-autofill:hover,
.xoo-el-style-popup input.xoo-aff-field:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--jm-ink, #0e1c2f) !important;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
}

.xoo-el-style-popup .xoo-aff-field::placeholder {
    color: #7d8798 !important;
}

.xoo-el-style-popup .xoo-el-login-btm-fields {
    margin: 16px 0 22px !important;
    color: #ffffff !important;
    font-size: 14px !important;
}

.xoo-el-style-popup .xoo-el-login-btm-fields a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.xoo-el-style-popup .xoo-el-login-btm-fields a:hover {
    text-decoration: underline !important;
}

.xoo-el-style-popup .xoo-el-main,
.xoo-el-style-popup .xoo-el-main a,
.xoo-el-style-popup .xoo-el-main label,
.xoo-el-style-popup .xoo-el-main .xoo-el-lostpw-tgr,
.xoo-el-style-popup .xoo-el-lostpw-tgr {
    color: #26588a !important;
}

.xoo-el-style-popup .xoo-el-action-btn {
    width: 100% !important;
    min-height: 54px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #26588a !important;
    background-color: #26588a !important;
    color: #ffffff !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.xoo-el-style-popup .xoo-el-action-btn:hover,
.xoo-el-style-popup .xoo-el-action-btn:focus-visible {
    transform: translateY(-1px);
}

.xoo-el-style-popup .xoo-el-close {
    top: 14px !important;
    right: 14px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    color: var(--jm-ink, #0e1c2f) !important;
    box-shadow: 0 8px 24px rgba(7, 20, 43, 0.14) !important;
}

@media (max-width: 640px) {
    .xoo-el-style-popup .xoo-el-modal {
        padding: 14px !important;
    }

    .xoo-el-style-popup .xoo-el-inmodal {
        width: calc(100vw - 20px) !important;
        border-radius: 24px !important;
    }

    .xoo-el-style-popup .xoo-el-srcont {
        padding: 12px !important;
    }

    .xoo-el-style-popup .xoo-el-main {
        border-radius: 18px !important;
        padding: 18px !important;
    }

    .xoo-el-style-popup .xoo-el-tabs li {
        font-size: 24px !important;
    }
}