/* Standardized Header Styles for MyCar Project */

/* 1. Remove text-decoration from ALL links in headers in all states */
header a,
.header a,
nav a,
.navbar a,
.nav-link,
.mobile-nav-link,
.dropdown-item,
.dashboard-header a,
.customer-header a,
.user-menu a,
.mobile-menu a,
.index-header a:not(.nav-link):not(.secondary-button):not(.cta-button) {
    text-decoration: none !important;
}

header a:hover,
.header a:hover,
nav a:hover,
.navbar a:hover,
.nav-link:hover,
.mobile-nav-link:hover,
.dropdown-item:hover,
.dashboard-header a:hover,
.customer-header a:hover,
.user-menu a:hover,
.mobile-menu a:hover,
header a:focus,
.header a:focus,
nav a:focus,
.navbar a:focus,
.nav-link:focus,
.mobile-nav-link:focus,
.dropdown-item:focus,
.dashboard-header a:focus,
.customer-header a:focus,
.user-menu a:focus,
.mobile-menu a:focus,
header a:active,
.header a:active,
nav a:active,
.navbar a:active,
.nav-link:active,
.mobile-nav-link:active,
.dropdown-item:active,
.dashboard-header a:active,
.customer-header a:active,
.user-menu a:active,
.mobile-menu a:active,
header a:visited,
.header a:visited,
nav a:visited,
.navbar a:visited,
.nav-link:visited,
.mobile-nav-link:visited,
.dropdown-item:visited,
.dashboard-header a:visited,
.customer-header a:visited,
.user-menu a:visited,
.mobile-menu a:visited {
    text-decoration: none !important;
}

/* 2. "Giriş" button styling - matching index header's secondary-button EXACTLY */
.giris-button, .secondary-button, .mobile-login-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.625rem !important;
    padding: 0.625rem 1.125rem !important;
    margin-right: 0.5rem !important;
    text-decoration: none !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important; /* brighter gold */
    color: #1f2937 !important;
    border: 2px solid rgba(0,0,0,0.08) !important;
    font-weight: 600 !important;
    font-size: 0.9375rem !important;
    min-height: 44px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    transition: all 0.2s ease !important;
}

@media (min-width: 1024px) {
    .giris-button, .secondary-button, .mobile-login-btn {
        padding: 0.75rem 1.25rem !important;
        font-size: 1rem !important;
    }
}

.giris-button:hover,
.giris-button:focus,
.secondary-button:hover,
.secondary-button:focus,
.mobile-login-btn:hover,
.mobile-login-btn:focus {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
    color: #1f2937 !important;
    outline: none !important;
}

/* Mobile-specific safeguard: keep login buttons visually identical to desktop */
@media (max-width: 767px) {
    .giris-button,
    .secondary-button,
    .mobile-login-btn,
    .mobile-auth-button {
        background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
        color: #1f2937 !important;
        border: 2px solid rgba(0,0,0,0.08) !important;
    }

    .giris-button:hover,
    .giris-button:focus,
    .secondary-button:hover,
    .secondary-button:focus,
    .mobile-login-btn:hover,
    .mobile-login-btn:focus,
    .mobile-auth-button:hover,
    .mobile-auth-button:focus {
        background: linear-gradient(135deg, #f59e0b, #d97706) !important;
        color: #1f2937 !important;
    }
}

/* Icon styling within Giriş button */
.giris-button i, .secondary-button i, .mobile-login-btn i {
    color: #2563eb !important;
    font-size: 1.0625rem !important;
}

.giris-button:hover i,
.giris-button:focus i,
.secondary-button:hover i,
.secondary-button:focus i,
.mobile-login-btn:hover i,
.mobile-login-btn:focus i {
    color: #1d4ed8 !important;
}