/**
 * Custom CSS Overrides for urWave.com
 * Ensures consistent brand colors across all pages (English & Arabic)
 */

/* ===== PRIMARY BUTTONS (Sky Blue Brand Color) ===== */
.btn-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: linear-gradient(135deg, #3f78e0 0%, #2f5fc7 100%) !important;
    --bs-btn-border-color: transparent !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: linear-gradient(135deg, #2f5fc7 0%, #3f78e0 100%) !important;
    --bs-btn-hover-border-color: transparent !important;
    --bs-btn-focus-shadow-rgb: 63, 120, 224 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #2f5fc7 !important;
    --bs-btn-active-border-color: transparent !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #3f78e0 !important;
    --bs-btn-disabled-border-color: transparent !important;
    
    background: linear-gradient(135deg, #3f78e0 0%, #2f5fc7 100%) !important;
    border: none !important;
    color: #fff !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: linear-gradient(135deg, #2f5fc7 0%, #3f78e0 100%) !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(63, 120, 224, 0.3) !important;
}

.btn-primary:disabled,
.btn-primary.disabled {
    background: #3f78e0 !important;
    opacity: 0.65;
}

/* ===== SOFT PRIMARY BUTTONS ===== */
.btn-soft-primary {
    --bs-btn-color: #3f78e0 !important;
    --bs-btn-bg: rgba(63, 120, 224, 0.1) !important;
    --bs-btn-border-color: transparent !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #3f78e0 !important;
    --bs-btn-hover-border-color: transparent !important;
    
    background-color: rgba(63, 120, 224, 0.1) !important;
    color: #3f78e0 !important;
    border: none !important;
}

.btn-soft-primary:hover,
.btn-soft-primary:focus {
    background: linear-gradient(135deg, #3f78e0 0%, #2f5fc7 100%) !important;
    color: #fff !important;
}

/* ===== BACKGROUNDS ===== */
.bg-soft-primary {
    background-color: rgba(63, 120, 224, 0.08) !important;
}

.bg-primary {
    background-color: #3f78e0 !important;
}

.text-primary {
    color: #3f78e0 !important;
}

/* ===== NAVIGATION CONSISTENCY ===== */
.navbar-nav .nav-link {
    color: #343f52 !important;
    font-weight: 500;
    transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #3f78e0 !important;
}

/* ===== LANGUAGE SWITCHER ===== */
.lang-switcher {
    border-color: rgba(63, 120, 224, 0.3) !important;
}

.lang-switcher:hover {
    background: rgba(63, 120, 224, 0.1) !important;
    border-color: #3f78e0 !important;
}

.lang-code {
    color: #3f78e0 !important;
}

/* ===== LINKS ===== */
a.text-primary:hover {
    color: #2f5fc7 !important;
}

/* ===== BORDERS & ACCENTS ===== */
.border-primary {
    border-color: #3f78e0 !important;
}

/* ===== ICONS ===== */
.btn-circle.btn-primary {
    background: linear-gradient(135deg, #3f78e0 0%, #2f5fc7 100%) !important;
}

/* ===== UNDERLINES (for headings) ===== */
.underline-3.sky::after,
.underline-3.primary::after {
    background-color: #3f78e0 !important;
}

/* ===== FORMS ===== */
.form-control:focus,
.form-select:focus {
    border-color: #3f78e0 !important;
    box-shadow: 0 0 0 0.25rem rgba(63, 120, 224, 0.25) !important;
}

.form-check-input:checked {
    background-color: #3f78e0 !important;
    border-color: #3f78e0 !important;
}

/* ===== BADGES ===== */
.badge.bg-primary {
    background-color: #3f78e0 !important;
}

/* ===== PROGRESS BARS ===== */
.progress-bar.bg-primary {
    background-color: #3f78e0 !important;
}

/* ===== ALERTS ===== */
.alert-primary {
    --bs-alert-color: #254d9b !important;
    --bs-alert-bg: rgba(63, 120, 224, 0.1) !important;
    --bs-alert-border-color: rgba(63, 120, 224, 0.3) !important;
}

/* ===== PAGINATION ===== */
.page-link.active,
.active > .page-link {
    background-color: #3f78e0 !important;
    border-color: #3f78e0 !important;
}

.page-link:hover {
    color: #3f78e0 !important;
}

/* ===== CARDS ===== */
.card-header.bg-primary {
    background-color: #3f78e0 !important;
}

/* ===== RESPONSIVE ADJUSTMENTS ===== */
@media (max-width: 991px) {
    .navbar-nav .nav-link {
        padding: 0.75rem 0;
        font-size: 1.1rem;
    }
}

/* ===== RTL SUPPORT ===== */
[dir="rtl"] .btn-primary,
[dir="rtl"] .btn-soft-primary {
    /* Same sky blue colors for RTL */
    background: linear-gradient(135deg, #3f78e0 0%, #2f5fc7 100%) !important;
    /* Ensure text/icons inside soft primary buttons are readable on RTL pages */
    color: #fff !important;
}

[dir="rtl"] .navbar-nav .nav-link {
    color: #343f52 !important;
}

[dir="rtl"] .navbar-nav .nav-link:hover,
[dir="rtl"] .navbar-nav .nav-link.active {
    color: #3f78e0 !important;
}

/* ===== ENSURE CONSISTENCY ===== */
.btn.btn-primary,
a.btn.btn-primary,
button.btn.btn-primary {
    background: linear-gradient(135deg, #3f78e0 0%, #2f5fc7 100%) !important;
    border: none !important;
    color: #fff !important;
}

/* ===== PAGE ANIMATIONS (CSS-only, no JS) ===== */
.animate-item {
    opacity: 1;
    transform: translateY(0);
    animation: fadeInUp 0.6s ease-out both;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Stagger animation delays */
.animate-item:nth-child(1) { animation-delay: 0.1s; }
.animate-item:nth-child(2) { animation-delay: 0.2s; }
.animate-item:nth-child(3) { animation-delay: 0.3s; }
.animate-item:nth-child(4) { animation-delay: 0.4s; }
.animate-item:nth-child(5) { animation-delay: 0.5s; }

/* ===== SMOOTH SCROLLING ===== */
html {
    scroll-behavior: smooth;
}

/* ===== REMOVE ANY TRANSITION ARTIFACTS ===== */
* {
    -webkit-tap-highlight-color: transparent;
}