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

/* ===== PRIMARY BUTTONS (Green Brand Color) ===== */
.btn-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: linear-gradient(135deg, #45b33d 0%, #3a9632 100%) !important;
    --bs-btn-border-color: transparent !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: linear-gradient(135deg, #3a9632 0%, #45b33d 100%) !important;
    --bs-btn-hover-border-color: transparent !important;
    --bs-btn-focus-shadow-rgb: 69, 179, 61 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #3a9632 !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: #45b33d !important;
    --bs-btn-disabled-border-color: transparent !important;
    
    background: linear-gradient(135deg, #45b33d 0%, #3a9632 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, #3a9632 0%, #45b33d 100%) !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(69, 179, 61, 0.3) !important;
}

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

/* ===== SOFT PRIMARY BUTTONS ===== */
.btn-soft-primary {
    --bs-btn-color: #45b33d !important;
    --bs-btn-bg: rgba(69, 179, 61, 0.1) !important;
    --bs-btn-border-color: transparent !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #45b33d !important;
    --bs-btn-hover-border-color: transparent !important;
    
    background-color: rgba(69, 179, 61, 0.1) !important;
    color: #45b33d !important;
    border: none !important;
}

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

/* ===== BACKGROUNDS ===== */
.bg-soft-primary {
    background-color: rgba(69, 179, 61, 0.08) !important;
}

.bg-primary {
    background-color: #45b33d !important;
}

.text-primary {
    color: #45b33d !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: #45b33d !important;
}

/* ===== LANGUAGE SWITCHER ===== */
.lang-switcher {
    border-color: rgba(69, 179, 61, 0.3) !important;
}

.lang-switcher:hover {
    background: rgba(69, 179, 61, 0.1) !important;
    border-color: #45b33d !important;
}

.lang-code {
    color: #45b33d !important;
}

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

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

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

/* ===== UNDERLINES (for headings) ===== */
.underline-3.green::after {
    background-color: #45b33d !important;
}

/* ===== FORMS ===== */
.form-control:focus,
.form-select:focus {
    border-color: #45b33d !important;
    box-shadow: 0 0 0 0.25rem rgba(69, 179, 61, 0.25) !important;
}

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

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

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

/* ===== ALERTS ===== */
.alert-primary {
    --bs-alert-color: #2d6e28 !important;
    --bs-alert-bg: rgba(69, 179, 61, 0.1) !important;
    --bs-alert-border-color: rgba(69, 179, 61, 0.3) !important;
}

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

.page-link:hover {
    color: #45b33d !important;
}

/* ===== CARDS ===== */
.card-header.bg-primary {
    background-color: #45b33d !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 green colors for RTL */
    background: linear-gradient(135deg, #45b33d 0%, #3a9632 100%) !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: #45b33d !important;
}

/* ===== ENSURE CONSISTENCY ===== */
* {
    /* Prevent any blue primary colors from showing */
}

.btn.btn-primary,
a.btn.btn-primary,
button.btn.btn-primary {
    background: linear-gradient(135deg, #45b33d 0%, #3a9632 100%) !important;
    border: none !important;
    color: #fff !important;
}