/* ============================================================
   LAHA — Gold Elimination + Laha Design Override
   يُزيل كل ألوان فارفالا الذهبية ويستبدلها بألوان لها
   Primary: #7c3aed (Purple) | Accent: #ec4899 (Pink)
   Generated: 2026-03-08
   ============================================================ */

/* ========== CSS VARIABLES OVERRIDE ========== */
:root {
    /* Laha Primary Palette */
    --laha-primary: #7c3aed;
    --laha-primary-l: #9f67ff;
    --laha-primary-d: #5b21b6;
    --laha-accent: #ec4899;
    --laha-accent-l: #f472b6;
    --laha-gradient: linear-gradient(135deg, #7c3aed, #ec4899);
    --laha-gradient-r: linear-gradient(135deg, #ec4899, #7c3aed);

    /* Kill gold everywhere */
    --gold: #7c3aed !important;
    --gold-light: #9f67ff !important;
    --gold-dark: #5b21b6 !important;
    --gold-bg: rgba(124, 58, 237, 0.08) !important;
}

/* ========== GLOBAL: Replace #AE9030 / gold tones ========== */

/* Buttons with gold background → purple gradient */
[style*="background-color: #ae9030"],
[style*="background-color: #AE9030"],
[style*="background:#ae9030"],
[style*="background:#AE9030"],
[style*="background: #AE9030"],
.btn-service-now,
.rectangle-328-svb,
.group-76376-91m {
    background: linear-gradient(135deg, #7c3aed, #9f67ff) !important;
    background-color: #7c3aed !important;
    border-color: #7c3aed !important;
    box-shadow: 0 8px 24px rgba(124, 58, 237, 0.35) !important;
}

/* Gold text → purple */
[style*="color: #ae9030"],
[style*="color: #AE9030"],
[style*="color:#ae9030"],
[style*="color:#AE9030"] {
    color: #7c3aed !important;
}

/* Gold borders → purple */
[style*="border.*#ae9030"],
[style*="border.*#AE9030"] {
    border-color: #7c3aed !important;
}

/* ========== style2.css OVERRIDES ========== */

/* nav pill active (was #AE9030 gold) */
.tab-active {
    background: linear-gradient(135deg, #7c3aed, #ec4899) !important;
    color: white !important;
}

/* .nav-pills > .nav-item > .nav-link (was #cdc29d gold beige) */
.nav-pills>.nav-item>.nav-link {
    background: rgba(124, 58, 237, 0.08) !important;
    color: #7c3aed !important;
    border: 1.5px solid rgba(124, 58, 237, 0.15) !important;
    transition: all 0.3s !important;
}

.nav-pills>.nav-item>.nav-link.active,
.nav-pills>.nav-item>.nav-link:hover {
    background: linear-gradient(135deg, #7c3aed, #9f67ff) !important;
    color: white !important;
    border-color: transparent !important;
    box-shadow: 0 4px 16px rgba(124, 58, 237, 0.3) !important;
}

/* .ab4 border (was #AE9030) */
.ab4 {
    border: 1.5px solid #7c3aed !important;
    color: #7c3aed !important;
}

/* .ab7 border (was #AE9030) */
.ab7 {
    border: 1.5px solid rgba(124, 58, 237, 0.3) !important;
}

/* .ac4 border + color (was #AE9030) */
.ac4 {
    border: 1.5px solid #7c3aed !important;
    color: #7c3aed !important;
}

/* ========== style-salon.css OVERRIDES ========== */

/* Salon page primary button (was gold) */
.btn-book-now,
.btn-primary-salon,
[class*="btn-confirm"],
[class*="btn-book"] {
    background: linear-gradient(135deg, #7c3aed, #9f67ff) !important;
    border-color: #7c3aed !important;
    color: white !important;
    box-shadow: 0 6px 20px rgba(124, 58, 237, 0.3) !important;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.btn-book-now:hover,
.btn-primary-salon:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 32px rgba(124, 58, 237, 0.45) !important;
}

/* Salon active service border */
.service-active,
.service-selected,
[class*="service"].active {
    border: 2px solid #7c3aed !important;
    color: #7c3aed !important;
    background: rgba(124, 58, 237, 0.06) !important;
}

/* Service counter button */
.btn-service-counter,
.btn-add-service {
    background: linear-gradient(135deg, #7c3aed, #ec4899) !important;
    border-color: transparent !important;
    color: white !important;
}

/* Salon header badge (was #ae9030d1) */
.salon-badge,
.salon-category-badge,
.badge-category {
    background: linear-gradient(135deg, #7c3aed, #ec4899) !important;
    color: white !important;
}

/* Price / total highlight (was gold) */
.price-highlight,
.total-price,
.price-gold {
    color: #7c3aed !important;
    font-weight: 700 !important;
}

/* Service card border selected (was #AE9030) */
.card-service-selected,
.card-service.active,
.btn-service-active {
    border: 2px solid #7c3aed !important;
    background: rgba(124, 58, 237, 0.05) !important;
}

/* ========== style12.css OVERRIDES ========== */
/* Line 124: color: #AE9030 */
.item-gold-color,
[class*="color-gold"] {
    color: #7c3aed !important;
}

/* ========== home4.css + home5.css OVERRIDES ========== */

/* ALL gold in home page → purple */
.line-1-ABV {
    background: linear-gradient(90deg, transparent, #7c3aed, transparent) !important;
}

.rectangle-329-KaK {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.15), rgba(236, 72, 153, 0.05)) !important;
    border: 2px solid rgba(124, 58, 237, 0.25) !important;
}

.group-6-539 {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.12), rgba(124, 58, 237, 0.04)) !important;
    border: 2px solid rgba(124, 58, 237, 0.2) !important;
}

/* FAQ icon */
.item--PY7 {
    background: linear-gradient(135deg, #7c3aed, #9f67ff) !important;
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3) !important;
}

.item33 {
    border-right: 3px solid #7c3aed !important;
}

.rectangle-336-od5,
.rectangle-332-nYK {
    background-color: rgba(124, 58, 237, 0.12) !important;
}

/* Scroll to top button */
.group-76380-GiF {
    background: linear-gradient(135deg, #7c3aed, #9f67ff) !important;
    box-shadow: 0 8px 24px rgba(124, 58, 237, 0.4) !important;
}

/* Footer top border */
.group-76374-fTh::before {
    background: linear-gradient(90deg, transparent, #7c3aed, #ec4899, #7c3aed, transparent) !important;
}

/* Footer copyright */
.rectangle-4034-tJP {
    background: linear-gradient(90deg, rgba(124, 58, 237, 0.12), rgba(236, 72, 153, 0.06), rgba(124, 58, 237, 0.12)) !important;
}

/* Download button in hero */
.rectangle-328-svb {
    background: linear-gradient(135deg, #7c3aed, #9f67ff) !important;
    border: none !important;
    box-shadow: 0 8px 30px rgba(124, 58, 237, 0.35) !important;
}

/* ========== WEBAPP: laha_ds.css VAR SUPPORT ========== */
/* Variables from the webapp design system */
:root {
    --p600: #7c3aed;
    --p500: #8b5cf6;
    --p400: #a78bfa;
    --p300: #c4b5fd;
    --p200: #ddd6fe;
    --p100: #ede9fe;
    --p050: #f5f3ff;

    --accent: #ec4899;
    --accent-l: #f472b6;
    --accent-d: #db2777;

    /* Kill leftover gold vars */
    --laha-gold: #7c3aed !important;
    --gold-color: #7c3aed !important;
}

/* ========== WEBAPP COMPONENTS ========== */

/* Top bar */
.laha-topbar {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
    border-bottom: none !important;
    box-shadow: 0 2px 20px rgba(124, 58, 237, 0.25) !important;
}

/* Bottom nav active */
.laha-bottom .nav-icon.active,
.laha-bottom-nav .active,
.bottom-nav-active {
    color: #7c3aed !important;
}

.laha-bottom .nav-dot,
.bottom-nav-dot {
    background: linear-gradient(135deg, #7c3aed, #ec4899) !important;
}

/* Primary CTA buttons in webapp */
.laha-btn-primary,
.btn[class*="laha-primary"],
.btn-laha {
    background: linear-gradient(135deg, #7c3aed, #9f67ff) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 4px 16px rgba(124, 58, 237, 0.3) !important;
    border-radius: 12px !important;
    transition: all 0.3s !important;
}

/* Salon cards accent */
.salon-card .salon-btn,
.btn-احجزي,
[class*="btn-reserve"],
[class*="btn-book"] {
    background: linear-gradient(135deg, #7c3aed, #9f67ff) !important;
    color: white !important;
    border: none !important;
}

/* Tags / chips */
.tag-primary,
.chip-active,
.filter-active {
    background: rgba(124, 58, 237, 0.1) !important;
    color: #7c3aed !important;
    border: 1px solid rgba(124, 58, 237, 0.25) !important;
}

/* Rating stars */
.star-gold,
.rating-star,
.bi-star-fill {
    color: #f59e0b !important;
    /* Keep stars amber — intentional */
}

/* ========== WEBAPP: Login / Register pages ========== */
.login-gradient,
.register-header,
.auth-header {
    background: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%) !important;
}

.login-btn,
.register-btn,
.auth-btn {
    background: linear-gradient(135deg, #7c3aed, #9f67ff) !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(124, 58, 237, 0.35) !important;
}

/* ========== WEBAPP: Appointments / Booking ========== */
.appointment-badge,
.status-confirmed {
    background: rgba(124, 58, 237, 0.1) !important;
    color: #7c3aed !important;
    border: 1px solid rgba(124, 58, 237, 0.2) !important;
}

.status-pending {
    background: rgba(245, 158, 11, 0.1) !important;
    color: #d97706 !important;
}

.status-canceled {
    background: rgba(239, 68, 68, 0.1) !important;
    color: #dc2626 !important;
}

/* Date picker accent */
.date-selected,
.time-slot-active {
    background: linear-gradient(135deg, #7c3aed, #9f67ff) !important;
    color: white !important;
}

/* Progress bar */
.progress-bar {
    background: linear-gradient(90deg, #7c3aed, #ec4899) !important;
}

/* ========== SELECTION COLOR ========== */
::selection {
    background: rgba(124, 58, 237, 0.2);
    color: #1f1f1f;
}

/* ========== SCROLLBAR ========== */
::-webkit-scrollbar-thumb {
    background: linear-gradient(#7c3aed, #9f67ff) !important;
}

/* ========== ABOUT / SITE PAGES ========== */
#aboutus-page h2 {
    color: #7c3aed !important;
}

#aboutus-page h2::before {
    background: linear-gradient(#7c3aed, #9f67ff) !important;
}

/* ========== HOME PAGE SECTION TITLES ========== */
.farfalla-MiB {
    background: linear-gradient(135deg, #7c3aed, #ec4899, #9f67ff) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ========== INPUT FOCUS ========== */
input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important;
    outline: none !important;
}

/* ========== LINKS ========== */
a.laha-link,
.nav-link.active {
    color: #7c3aed !important;
}

/* ========== SUCCESS / FAILURE PAGES ========== */
.success-icon {
    color: #10b981 !important;
}

.success-circle {
    background: rgba(16, 185, 129, 0.1) !important;
    border: 2px solid #10b981 !important;
}

.failure-icon {
    color: #ef4444 !important;
}

/* ========== SHIMMER ANIMATION ========== */
@keyframes laha-shimmer {
    0% {
        background-position: -200% center;
    }

    100% {
        background-position: 200% center;
    }
}

.laha-shimmer-text {
    background: linear-gradient(90deg, #7c3aed 0%, #ec4899 50%, #7c3aed 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: laha-shimmer 3s linear infinite;
}