/**
 * Apple & Facebook Resmi Tasarım Kurallarına Uyumlu Sosyal Giriş Butonları
 * Apple: https://developer.apple.com/sign-in-with-apple/usage-guidelines-for-websites-and-other-platforms/
 * Facebook: https://developers.facebook.com/docs/facebook-login/web/login-button
 */

/* === Apple Sign in with Apple (Resmi Tasarım) === */
/* Beyaz arka plan, siyah logo ve metin, 5-12px border-radius, min 44px yükseklik */
.btn-apple-official,
a.btn-apple-official {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 200px;
    padding: 0 1.25rem;
    background-color: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    text-decoration: none;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}
.btn-apple-official:hover,
a.btn-apple-official:hover {
    background-color: #1a1a1a !important;
    color: #fff !important;
    opacity: 0.95;
}
/* Beyaz stil (açık arka planlar için) */
.btn-apple-official-white,
a.btn-apple-official-white {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}
.btn-apple-official-white:hover,
a.btn-apple-official-white:hover {
    background-color: #f5f5f5 !important;
    color: #000 !important;
}
.btn-apple-official svg,
.btn-apple-official-white svg {
    flex-shrink: 0;
    margin-right: 0.5rem;
}

/* === Facebook Login (Resmi Tasarım) === */
/* #1877F2 arka plan, beyaz "f" logo, 40px yükseklik, 4px border-radius */
.btn-facebook-official,
a.btn-facebook-official {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 200px;
    padding: 0 1rem;
    background-color: #1877F2 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}
.btn-facebook-official:hover,
a.btn-facebook-official:hover {
    background-color: #166fe5 !important;
    color: #fff !important;
    opacity: 0.95;
}
.btn-facebook-official svg {
    flex-shrink: 0;
    margin-right: 0.5rem;
}

/* === Google (Mevcut tasarım - resmi renkler) === */
.btn-google-official {
    background-color: #fff !important;
    color: #3c4043 !important;
    border: 1px solid #dadce0 !important;
    min-height: 44px;
    border-radius: 8px;
    font-weight: 500;
}
.btn-google-official:hover {
    background-color: #f8f9fa !important;
    color: #202124 !important;
    border-color: #dadce0 !important;
}

/* Grid layout - tüm butonlar aynı genişlikte */
.social-buttons-official {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.social-login-provider-form {
    margin: 0;
    width: 100%;
}
.social-buttons-official .btn,
.social-buttons-official a.btn {
    width: 100%;
}