/* ============================================================
   Tema Gigya Ringo (condiviso login + profilo)
   Richiede <body class="barilla"> e il caricamento di login.BFQYwQF5.css.
   Uniforma i testi allo stile home: nero, CTA rosse, input/select bordo rosso.
   ============================================================ */

/* Elementi login/OTP/social non usati (nel flusso ProfileUpdate non esistono: innocuo) */
/* .barilla .containerEmailOTP,
.barilla .loginNumber,
.barilla .socialLoginPhone,
.barilla .labelSocialLoginPhone,
.barilla .containerSocialOTP,
.barilla .emailOTP,
.barilla .containerMobileSocials {
    display: none !important;
} */

/* .barilla .loginNumber,
.barilla .socialLoginPhone,
.barilla .labelSocialLoginPhone {
    display: none !important;
} */

/* Titolo "Login" (il reset globale h* lo azzerava) */
.barilla h1.title,
.barilla h1.title strong {
    font-family: "Baloo 2", sans-serif !important;
    font-weight: 800 !important;
    font-size: 34px !important;
    line-height: 1.2 !important;
    color: #000 !important;
}

/* Colore base NERO su tutto il testo Gigya: annulla il blu di default
   (#1b3775 e #0051a3). In cima così le regole più specifiche vincono:
   - CTA bianche su rosso -> input[type=submit] (0,2,1)
   - errori -> .gigya-error-msg-active (0,3,0), restano rossi */
.barilla .gigya-screen,
.barilla .gigya-screen *,
.barilla .gp-gigya-container,
.barilla .gp-gigya-container * {
    color: #000 !important;
}

/* CTA rosse come la home */
.barilla .gigya-input-submit,
.barilla a.gigya-input-submit,
.barilla .gigya-input-submit > input[type='button'],
.barilla .gigya-screen input[type='button'],
.barilla .gigya-screen input[type='submit'],
.barilla .gigya-screen a.gigya-button {
    background-color: #e41f12 !important;
    border: 2px solid #e41f12 !important;
    color: #fff !important;
    border-radius: 24px !important;
    text-transform: none !important;
}

.barilla .gigya-input-submit:hover,
.barilla .gigya-screen input[type='submit']:hover,
.barilla .gigya-screen input[type='button']:hover {
    background-color: #b71712 !important;
    color: #fff !important;
}

/* Testi e h2 (header, label) neri */
.barilla .gigya-composite-control-header,
.barilla h1.gigya-screen-caption,
.barilla .gigya-screen .gigya-label,
.barilla .gigya-screen .gigya-label-text,
.barilla .gigya-composite-control-label {
    color: #000 !important;
}

/* Link neri (sottolineati) */
.barilla .gigya-composite-control-link,
.barilla .gigya-screen .gigya-composite-control-link a,
.barilla .gigya-forgotPassword {
    color: #000 !important;
}

/* Input e select con bordo rosso + testo nero (incluse le dropdown "data di nascita",
   che altrimenti ereditano il navy da custom.css: input, select { border-color:#1b3775 }) */
.barilla .gigya-screen input.gigya-input-text,
.barilla .gigya-screen input.gigya-input-password,
.barilla .gigya-screen select,
.barilla .gp-gigya-container select {
    border: 2px solid #e41f12 !important;
    color: #000 !important;
}

/* Checkbox rossa */
.barilla .gigya-input-checkbox,
.barilla .gp-gigya-container .gigya-input-checkbox {
    accent-color: #e41f12 !important;
}

/* Font come la home: Montserrat sui testi, Baloo 2 su header e CTA */
.barilla .gigya-screen,
.barilla .gigya-screen * {
    font-family: "Montserrat", sans-serif !important;
}

.barilla .gigya-composite-control-header,
.barilla h1.gigya-screen-caption,
.barilla .gigya-input-submit,
.barilla a.gigya-input-submit,
.barilla .gigya-input-submit > input[type='button'],
.barilla .gigya-screen input[type='button'],
.barilla .gigya-screen input[type='submit'],
.barilla .gigya-screen a.gigya-button {
    font-family: "Baloo 2", sans-serif !important;
}
