/* =====================================================================
   Parkey — Habillage des formulaires de COMPTE (chargé sur tout le site)
   Cible : la fenêtre de compte Blocksy (.ct-account-modal : connexion /
   inscription / mot de passe oublié) + la création de compte au checkout.
   Design Parkey : #0C174E, Poppins, champs arrondis + ombre, boutons marine.
   ===================================================================== */

/* ── Fenêtre de compte Blocksy ──────────────────────────────────── */
.ct-account-modal, .ct-account-modal * { font-family: 'Poppins', sans-serif; }
.ct-account-modal { color: #0C174E; }
.ct-account-modal h2, .ct-account-modal h3, .ct-account-modal .ct-account-title { color: #0C174E !important; font-weight: 700 !important; }

/* Onglets Connexion / S'inscrire */
.ct-account-modal .ct-account-fields-tabs a,
.ct-account-modal [data-tab],
.ct-account-modal .ct-login,
.ct-account-modal .ct-register {
    font-weight: 600; color: rgba(12,23,78,.5);
}
.ct-account-modal .ct-account-fields-tabs a.active,
.ct-account-modal [data-tab].active,
.ct-account-modal .active > .ct-login,
.ct-account-modal .active > .ct-register { color: #0C174E; }

/* Libellés */
.ct-account-modal label { color: rgba(12,23,78,.62); font-weight: 500; }

/* Champs */
.ct-account-modal input.input,
.ct-account-modal input[type="text"],
.ct-account-modal input[type="email"],
.ct-account-modal input[type="password"],
.ct-account-modal input[type="number"] {
    border: 1px solid rgba(12,23,78,.12) !important;
    border-radius: 14px !important;
    padding: 13px 16px !important;
    font-size: 16px !important;
    color: #0C174E !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(12,23,78,.06), 0 8px 18px -12px rgba(12,23,78,.18) !important;
}
.ct-account-modal input.input:focus,
.ct-account-modal input:focus {
    border-color: #0C174E !important;
    box-shadow: 0 0 0 3px rgba(12,23,78,.12) !important;
    outline: none;
}
.ct-account-modal .account-password-input, .ct-account-modal .show-password-input { border-radius: 14px !important; }

/* Boutons principaux (Connexion / S'inscrire / Réinitialiser) */
.ct-account-modal .ct-button {
    background: #0C174E !important;
    color: #fff !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 14px 20px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    width: 100%;
    cursor: pointer;
    box-shadow: 0 14px 26px -14px rgba(12,23,78,.5) !important;
}
.ct-account-modal .ct-button:hover { opacity: .95; }

/* Mot de passe oublié + RGPD */
.ct-account-modal .ct-forgot-password,
.ct-account-modal .woocommerce-privacy-policy-text a { color: #0C174E; }
.ct-account-modal .woocommerce-privacy-policy-text { font-size: 0.8rem; color: rgba(12,23,78,.6); line-height: 1.5; }

/* Case à cocher */
.ct-account-modal .ct-checkbox, .ct-account-modal input[type="checkbox"] { accent-color: #0C174E; }

/* Bouton Google (Google Site Kit / Nextend) */
.ct-account-modal .nsl-button { border-radius: 14px !important; overflow: hidden; }

/* Séparateur « ou » au-dessus du bouton Google (Site Kit) */
.ct-account-modal .googlesitekit-sign-in-with-google__frontend-output-button {
    position: relative; margin-top: 24px; padding-top: 24px; border-top: 1px solid rgba(12,23,78,.12);
}
.ct-account-modal .googlesitekit-sign-in-with-google__frontend-output-button::before {
    content: "ou"; position: absolute; top: -10px; left: 50%; transform: translateX(-50%);
    background: #fff; padding: 0 12px; color: rgba(12,23,78,.5); font-size: 0.8rem; font-weight: 500;
}

/* Captcha Jetpack « prouvez que vous n'êtes pas une machine » : plus lisible */
.ct-account-modal #jetpack_protect_answer {
    width: 64px !important; height: auto !important; padding: 8px 10px !important;
    border-radius: 10px !important; font-size: 15px !important; vertical-align: middle !important;
}

/* ── Création de compte au checkout ─────────────────────────────── */
.woocommerce-account-fields { font-family: 'Poppins', sans-serif; }
.woocommerce-account-fields .create-account p,
.woocommerce-account-fields label { color: #0C174E; }
.woocommerce-account-fields input.input-text {
    border: 1px solid rgba(12,23,78,.12) !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    font-size: 16px !important;
    box-shadow: 0 1px 3px rgba(12,23,78,.06), 0 8px 18px -12px rgba(12,23,78,.18) !important;
}