:root {
    --gold: #c5a059;
    --navy: #0a192f;
    --white: #ffffff;
}

body { 
    font-family: 'Tajawal', sans-serif; 
    background: #fdfdfd; 
    direction: rtl;
}

/* الهيرو سكشن */
.hero-section {
    position: relative;
    height: 100vh;
    min-height: 600px;
    margin-top: -85px; 
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    /* التدرج اللوني الكحلي والذهبي المتطابق */
    background: linear-gradient(110deg, rgba(10, 25, 47, 0.95) 0%, rgba(10, 25, 47, 0.7) 50%, rgba(197, 160, 89, 0.2) 100%);
    z-index: 1;
}

.hero-title { font-size: 4rem; font-weight: 800; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }
.hero-subtitle { font-size: 2.5rem; }

/* ودجت الحجز */
.booking-widget { margin-top: -100px; position: relative; z-index: 10; }
.booking-card { border-radius: 20px; border: none; }

/* الأزرار */
.btn-gold { background: var(--gold); color: #fff !important; border: none; font-weight: bold; transition: 0.3s; }
.btn-gold:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(197, 160, 89, 0.4); }

.chat-float { position: fixed; bottom: 30px; left: 30px; z-index: 1000; }
.chat-icon {
    width: 65px; height: 65px; background: #f4c150; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; color: #fff; font-size: 28px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

.bg-navy { background-color: var(--navy); }
.text-gold { color: var(--gold) !important; }