/* Stili minimali per i pulsanti OAuth in XAF */

/* Sistema i pulsanti OAuth */
button[data-action-name="Google"],
button[data-action-name="Apple"] {
    width: 100% !important;
    max-width: 400px !important;
    margin: 5px auto !important;
    display: block !important;
    padding: 10px 20px !important;
    font-size: 15px !important;
    border-radius: 4px !important;
    transition: all 0.2s !important;
    position: relative !important;
    min-height: 44px !important;
}

/* Pulsante Google */
button[data-action-name="Google"] {
    background-color: #fff !important;
    color: #3c4043 !important;
    border: 1px solid #dadce0 !important;
}

button[data-action-name="Google"]:hover {
    background-color: #f8f9fa !important;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15) !important;
}

/* Nasconde l'immagine originale di Google (che viene renderizzata nera dal tema) */
button[data-action-name="Google"] img {
    display: none !important;
}

/* Aggiunge l'icona Google colorata originale usando SVG inline */
button[data-action-name="Google"] span::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%234285F4' d='M45.12 24.5c0-1.56-.14-3.06-.4-4.5H24v8.51h11.84c-.51 2.75-2.06 5.08-4.39 6.64v5.52h7.11c4.16-3.83 6.56-9.47 6.56-16.17z'/%3E%3Cpath fill='%2334A853' d='M24 46c5.94 0 10.92-1.97 14.56-5.33l-7.11-5.52c-1.97 1.32-4.49 2.1-7.45 2.1-5.73 0-10.58-3.87-12.31-9.07H4.34v5.7C7.96 41.07 15.4 46 24 46z'/%3E%3Cpath fill='%23FBBC05' d='M11.69 28.18C11.25 26.86 11 25.45 11 24s.25-2.86.69-4.18v-5.7H4.34C2.85 17.09 2 20.45 2 24c0 3.55.85 6.91 2.34 9.88l7.35-5.7z'/%3E%3Cpath fill='%23EA4335' d='M24 10.75c3.23 0 6.13 1.11 8.41 3.29l6.31-6.31C34.91 4.18 29.93 2 24 2 15.4 2 7.96 6.93 4.34 14.12l7.35 5.7c1.73-5.2 6.58-9.07 12.31-9.07z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Pulsante Apple */
button[data-action-name="Apple"] {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #000 !important;
}

button[data-action-name="Apple"]:hover {
    background-color: #333 !important;
}

/* Aggiungi icona Apple con CSS usando ::before */
button[data-action-name="Apple"] span::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Allinea il testo con le icone */
button[data-action-name="Google"] span,
button[data-action-name="Apple"] span {
    display: inline-flex !important;
    align-items: center !important;
}