/* Google Sign-In Styles - Sadeleştirilmiş */

/* Google Buton Konteynerlerini Ortala - Responsive */
#standard_google_button_area_centered,
#standard_google_button_area_register_centered {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 4px auto 0 auto;
    text-align: center;
    padding: 0 4px;
    box-sizing: border-box;
}

/* Google Butonlarını Ortala */
#g_id_signin_standard_button_centered,
#g_id_signin_standard_button_register_centered {
    display: block;
    margin: 0 auto 4px auto;
    text-align: center;
    width: auto;
    max-width: 100%;
    position: relative;
}

/* Google iframe container */
#g_id_signin_standard_button_centered > div,
#g_id_signin_standard_button_register_centered > div {
    margin: 0 auto;
    display: block;
    width: auto;
    max-width: 100%;
    position: relative;
}

/* Google iframe - Responsive */
#g_id_signin_standard_button_centered iframe,
#g_id_signin_standard_button_register_centered iframe {
    width: 100%;
    max-width: 400px;
    min-width: 180px;
    border: none;
    display: block;
    margin: 0 auto;
    height: auto;
    box-sizing: border-box;
}

@media (max-width: 480px) {
    #standard_google_button_area_centered,
    #standard_google_button_area_register_centered {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        padding: 0 4vw !important;
        margin: 0 auto !important;
        box-sizing: border-box;
    }
    #g_id_signin_standard_button_centered,
    #g_id_signin_standard_button_register_centered {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 auto 8px auto !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
    #g_id_signin_standard_button_centered > div,
    #g_id_signin_standard_button_register_centered > div {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
    #g_id_signin_standard_button_centered iframe,
    #g_id_signin_standard_button_register_centered iframe {
        width: 100% !important;
        min-width: 120px !important;
        max-width: 320px !important;
        margin: 0 auto !important;
        display: block !important;
    }

    /* Mobil One Tap İstem Konteyneri Stilleri - KALDIRILDI */
    /* #one_tap_prompt_parent_mobile {
        position: fixed; 
        bottom: 10px; 
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 20px); 
        max-width: 380px; 
        z-index: 10000; 
        display: flex; 
        justify-content: center; 
        align-items: center; 
    } */

    /* One Tap iframe'inin kendisi için ek stil gerekebilir, 
       ancak genellikle Google bunu kendi içinde yönetir. 
       Eğer iframe'in boyutu sorun yaratıyorsa, bu ID'ye sahip 
       div içindeki iframe'i hedefleyebilirsiniz. */
}

/* Hata mesajlarını da ortala */
#g_id_signin_standard_button_centered p,
#g_id_signin_standard_button_register_centered p {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}