/* Ultra-Luxury Gold & Deep Black Theme */
:root {
    --gold-primary: #D4AF37;
    --gold-light: #FFDF00;
    --gold-dark: #996515;
    --gold-gradient: linear-gradient(135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    --black-deep: #050505;
    --black-matte: #121212;
    --white-soft: #EAEAEA;
    --glow-gold: 0 0 15px rgba(212, 175, 55, 0.5);
}

body {
    background-color: var(--black-deep) !important;
    color: var(--white-soft) !important;
    font-family: 'Cairo', sans-serif;
}

/* Enhanced Typography */
h1, h2, h3 {
    background: var(--gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
}

/* Section Styling */
section {
    background-color: var(--black-matte) !important;
    border-bottom: 1px solid var(--gold-dark);
    position: relative;
    overflow: hidden;
}

section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--gold-gradient);
    opacity: 0.3;
}

/* Cards & Containers */
.card, .container, .box, div[class*="card"], div[class*="bg-white"] {
    background: var(--black-matte) !important;
    border: 1px solid var(--gold-dark) !important;
    border-radius: 12px !important;
    box-shadow: var(--glow-gold) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    color: var(--white-soft) !important;
}

.card:hover, .box:hover {
    transform: translateY(-10px);
    border-color: var(--gold-light) !important;
    box-shadow: 0 0 25px rgba(255, 223, 0, 0.4) !important;
}

/* Premium Buttons */
button, .btn, .button, a[role="button"] {
    background: var(--gold-gradient) !important;
    color: var(--black-deep) !important;
    border: none !important;
    font-weight: 800 !important;
    padding: 12px 25px !important;
    border-radius: 50px !important;
    text-transform: uppercase;
    box-shadow: 0 4px 15px rgba(184, 134, 11, 0.4) !important;
    transition: all 0.3s ease !important;
}

button:hover, .btn:hover {
    transform: scale(1.08) !important;
    box-shadow: 0 6px 25px rgba(255, 223, 0, 0.6) !important;
    filter: brightness(1.1);
}

/* WhatsApp Floating Button - Ultra Premium */
.whatsapp-floating-btn {
    background: var(--gold-gradient) !important;
    color: var(--black-deep) !important;
    border: 2px solid var(--black-deep) !important;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.6) !important;
}

.whatsapp-floating-btn svg {
    fill: var(--black-deep) !important;
}

/* Navigation Links */
nav a, .nav-link {
    color: var(--gold-primary) !important;
    font-weight: 600 !important;
    position: relative;
}

nav a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -5px;
    left: 0;
    background: var(--gold-gradient);
    transition: width 0.3s ease;
}

nav a:hover::after {
    width: 100%;
}

/* Force Golden Text for Green Classes */
.text-green-600, .text-emerald-600, .green-text {
    background: var(--gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent !important;
}

.bg-green-600, .bg-emerald-600, .bg-green-500 {
    background: var(--gold-gradient) !important;
}