/* =====================================================
   SIMPLYBOOK — SUPPRESSION SOCIAL LOGIN (SAFE VERSION)
   - Facebook / Google / OpenID
   - Texte "or / ou"
   - Texte "You can use social media to continue"
   - SANS casser le reste
===================================================== */


/* =====================================================
   1) CONTENEURS SOCIAL LOGIN (LOGIN UNIQUEMENT)
===================================================== */
#sb_sign_in_form .social,
#client-login .social,
#client-login .social.clearfix,
.client-login-bar .social {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}


/* =====================================================
   2) BOUTONS FACEBOOK / GOOGLE / OPENID
===================================================== */
.btn_bar_social_links,
.btn-bar__social-links,
.btn--action.fb,
.btn--action.google,
a.btn--action[href*="facebook"],
a.btn--action[href*="google"],
a.btn--action[href*="openid"] {
    display: none !important;
}


/* =====================================================
   3) TEXTE "OR" / "OU" + MESSAGE SOCIAL
===================================================== */
.sb-login-or,
.sb-or,
.or,
.separator-or {
    display: none !important;
}

/* Textes du bloc social (or / message) */
#sb_sign_in_form .social .txt,
#client-login .social .txt,
.social.clearfix .txt,
.social.clearfix > .txt {
    display: none !important;
}


/* =====================================================
   5) NETTOYAGE ESPACES VIDES (LOGIN SEULEMENT)
===================================================== */
.client-login-bar {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}


/* =====================================================
   DESIGN POLISH (SAFE)
   - scope strict : login/signup + widget
   - aucun changement sur les boutons existants
===================================================== */

/* 1) Lisibilité globale & espacement (page login) */
#client-login .tab-pd {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

/* 2) Cartes plus premium (sans toucher au placement) */
#client-login .col-sm-6,
#client-login .col-md-6,
#client-login .col-lg-6 {
  background: rgba(255,255,255,0.96) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.06) !important;
}

/* 3) Titres plus nets */
#client-login .title-main,
#client-login h2,
#client-login h3 {
  color: #113c5e !important;
  letter-spacing: 0.2px !important;
}

/* =====================================================
   AJOUT MINIMAL : ALIGNER LES 2 TITRES (SANS CASSER)
===================================================== */
#client-login .col-sm-6 h2,
#client-login .col-md-6 h2,
#client-login .col-lg-6 h2,
#client-login .col-sm-6 .title-main,
#client-login .col-md-6 .title-main,
#client-login .col-lg-6 .title-main {
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* 4) Champs plus propres (sans changer la taille/structure) */
#client-login input[type="text"],
#client-login input[type="email"],
#client-login input[type="password"],
#client-login input[type="tel"],
#client-login select,
#sb_sign_in_form input[type="text"],
#sb_sign_in_form input[type="email"],
#sb_sign_in_form input[type="password"],
#sb_sign_in_form input[type="tel"],
#sb_sign_in_form select {
  border: 1px solid #d9d9d9 !important;
  border-radius: 10px !important;
}

/* 5) Focus or discret (UX premium) */
#client-login input:focus,
#client-login select:focus,
#sb_sign_in_form input:focus,
#sb_sign_in_form select:focus {
  border-color: #b8a46a !important;
  box-shadow: 0 0 0 3px rgba(184,164,106,0.18) !important;
  outline: none !important;
}

/* 6) Micro-typographie */
#client-login label,
#sb_sign_in_form label {
  color: #113c5e !important;
  font-weight: 700 !important;
}
#client-login .remember-me,
#sb_sign_in_form .remember-me {
  color: #113c5e !important;
}


/* =====================================================
   FIX BARRE TELEPHONE (ITI) — SANS CASSER LE DRAPEAU
===================================================== */

/* 1) Le wrapper porte la bordure/radius (comme un champ normal) */
#client-login .iti,
#sb_sign_in_form .iti {
  border: 1px solid #d9d9d9 !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important; /* indispensable pour forcer l'arrondi visuel */
}

/* 2) L'input téléphone n'a PLUS de bordure */
#client-login .iti__tel-input,
#sb_sign_in_form .iti__tel-input,
#client-login input[type="tel"],
#sb_sign_in_form input[type="tel"] {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 3) Empêche l'apparition d'une ligne interne résiduelle */
#client-login .iti__country-container,
#client-login button.iti__selected-country {
  box-shadow: none !important;
}

/* Le bloc gauche (drapeau) suit l'arrondi */
#client-login .iti__country-container,
#client-login button.iti__selected-country,
#client-login .iti__flag-container,
#client-login .iti__selected-flag {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

/* =====================================================
   SUPPRESSION BARRE HORIZONTALE LOGIN
===================================================== */
#client-login .client-login-bar {
  border: none !important;
  background: transparent !important;
}

/* =====================================================
   LISERÉ HOMOGÈNE PREMIUM (SAFE)
===================================================== */
#client-login .col-sm-6,
#client-login .col-md-6,
#client-login .col-lg-6 {
  border: 1px solid rgba(184,164,106,0.45) !important;
  border-top-width: 2px !important;
  border-radius: 14px !important;
}

/* =====================================================
   ESPACE SOUS LES BOUTONS (SAFE)
===================================================== */
#client-login .button-wrapper {
  margin-bottom: 22px !important;
}
#client-login #sb_sign_in_form .btn.custom,
#client-login #sb_sign_up_form .btn.custom {
  margin-bottom: 22px !important;
}