/* Anasayfa Modern Tema - #2563eb Renk Paleti */

:root {
    --home-primary: #2563eb;
    --home-primary-dark: #1d4ed8;
    --home-primary-light: #3b82f6;
    --home-primary-gradient: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    --home-primary-soft: rgba(37, 99, 235, 0.1);
    --home-primary-bg: rgba(37, 99, 235, 0.05);
}

/* Text Selection */
::selection {
    background: var(--home-primary) !important;
    color: #fff !important;
}
::-moz-selection {
    background: var(--home-primary) !important;
    color: #fff !important;
}

/* Header ve Navigation */
.wrapper.bg-soft-primary {
    background: var(--home-primary-bg) !important;
}

.alert.bg-primary {
    background: var(--home-primary-gradient) !important;
}

.badge.bg-white.text-primary {
    color: var(--home-primary) !important;
}

/* Butonlar */
.btn-primary {
    background: var(--home-primary-gradient) !important;
    border-color: var(--home-primary) !important;
    color: white !important;
}

.btn-primary:hover {
    background: var(--home-primary-dark) !important;
    border-color: var(--home-primary-dark) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

.btn-outline-primary {
    color: var(--home-primary) !important;
    border-color: var(--home-primary) !important;
}

.btn-outline-primary:hover {
    background: var(--home-primary) !important;
    border-color: var(--home-primary) !important;
    color: white !important;
}

.btn-soft-primary {
    background: var(--home-primary-soft) !important;
    color: var(--home-primary) !important;
}

.btn-soft-primary:hover {
    background: var(--home-primary) !important;
    color: white !important;
}

/* Text Colors */
.text-primary {
    color: var(--home-primary) !important;
}

/* Background Colors */
.bg-primary {
    background: var(--home-primary-gradient) !important;
}

.bg-soft-primary {
    background: var(--home-primary-bg) !important;
}

/* Icon Colors */
.icon.text-primary {
    color: var(--home-primary) !important;
}

/* SVG Icon Colors */
.svg-inject.text-primary {
    color: var(--home-primary) !important;
}

/* Accordion */
.accordion-wrapper .card-header button {
    color: var(--home-primary) !important;
}

.accordion-wrapper .card-header button:hover {
    background: var(--home-primary-soft) !important;
}

/* Progress Circle */
.progress-wrap svg path {
    stroke: var(--home-primary) !important;
}

/* Social Icons */
.social a:hover {
    color: var(--home-primary) !important;
}

/* Global Link Hover */
a:hover, a:focus {
    color: var(--home-primary) !important;
}

/* Payment Icons */
.payment-icons{ display:inline-flex; align-items:center; margin-right:10px; }
.footer-logos{ height:24px; width:auto; display:block; opacity:.95; }
.footer-logos:hover{ opacity:1; }

/* Footer links color */
.footer-links a{ color: var(--home-primary) !important; }
.footer-links a:hover{ color: var(--home-primary-dark) !important; }

/* Modern Animations */
.btn-primary, .btn-outline-primary, .btn-soft-primary {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover Effects */
.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(37, 99, 235, 0.15);
    transition: all 0.3s ease;
}

/* Modern Shadows */
.btn-primary {
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

.btn-primary:hover {
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
}

/* Responsive Design */
@media (max-width: 768px) {
    .btn-primary {
        padding: 0.75rem 1.5rem;
        font-size: 0.9rem;
    }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: var(--home-primary-gradient);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--home-primary-dark);
}