@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,400&display=swap');

/* Main Reset & Dark Theme */
html, body {
    background-color: #08090d !important;
    color: #e2e4ec !important;
    font-family: 'Outfit', sans-serif !important;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

/* Typography Overrides */
h1, h2, h3, h4, h5, h6, 
.elementor-heading-title, 
.elementor-widget-heading .elementor-heading-title {
    font-family: 'Playfair Display', serif !important;
    color: #f3e5ab !important; /* Elegant champagne gold */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-weight: 700 !important;
}

p, span, div, li, a, td, th {
    font-family: 'Outfit', sans-serif !important;
}

p {
    color: #c9cddb !important;
    line-height: 1.7 !important;
}

/* Links & Accents */
a {
    color: #d4af37 !important; /* Gold */
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

a:hover {
    color: #f3e5ab !important;
    text-shadow: 0 0 8px rgba(243, 229, 171, 0.4);
}

/* Header & Menu Customization */
.rs-main-header, 
header.elementor-location-header,
.elementor-3184 {
    background-color: rgba(8, 9, 13, 0.95) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
    backdrop-filter: blur(10px);
}

.home1-topbar {
    background: linear-gradient(90deg, #100c08, #2a2015) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.15);
}

.home1-topbar p, .home1-topbar span {
    color: #d4af37 !important;
    font-size: 0.85rem !important;
    font-weight: 500;
}

/* Navigation Links */
.elementor-nav-menu a.elementor-item {
    color: #e2e4ec !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px;
    font-size: 0.95rem !important;
    padding: 10px 15px !important;
    transition: all 0.3s ease !important;
}

.elementor-nav-menu a.elementor-item:hover,
.elementor-nav-menu a.elementor-item-active,
.elementor-nav-menu a.current-menu-item {
    color: #d4af37 !important;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);
}

/* Container Backgrounds & Section Styling */
.elementor-section, .e-con {
    background-color: transparent !important;
}

.e-con.e-parent {
    background-color: #08090d !important;
}

/* Main Hero section overrides */
div[data-id="f013d04"] {
    background-image: linear-gradient(rgba(8, 9, 13, 0.6), #08090d), url('wp-content/uploads/2026/04/hero-banner.png') !important;
    background-size: cover !important;
    background-position: center !important;
    padding: 120px 0 !important;
}

/* Sub-page top headers */
div[data-id="18c6ad00"] {
    background-image: linear-gradient(135deg, #181510 0%, #08090d 100%) !important;
    border-bottom: 2px solid #d4af37 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    padding: 60px 0 !important;
}

/* Hotel Listing & Feature Cards */
.e-con-full, .e-con-inner, .elementor-widget-container {
    /* Safe container settings */
}

/* Make card containers feel premium and glassmorphic */
div[data-settings*="background_background"] {
    /* Overrides for containers styled in WP */
}

/* Hotel cards on listing pages */
div[data-id="13e6b6e"], div[data-id="41e9651"], div[data-id="478f0e7"],
div[data-id="23280fcc"], div[data-id="43288e40"], div[data-id="288442e7"],
div[data-id="3cb5f40d"], div[data-id="131f571c"], div[data-id="74659921"],
.hotel-card-custom {
    background: rgba(22, 24, 35, 0.6) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 12px !important;
    padding: 24px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(8px) !important;
}

div[data-id="13e6b6e"]:hover, div[data-id="41e9651"]:hover, div[data-id="478f0e7"]:hover,
div[data-id="23280fcc"]:hover, div[data-id="43288e40"]:hover, div[data-id="288442e7"]:hover,
div[data-id="3cb5f40d"]:hover, div[data-id="131f571c"]:hover, div[data-id="74659921"]:hover {
    transform: translateY(-5px);
    border-color: rgba(212, 175, 55, 0.5) !important;
    box-shadow: 0 12px 40px rgba(212, 175, 55, 0.15) !important;
}

/* Elite features grid (Home page 4 items) */
div[data-id="40f978c4"], div[data-id="29f10dbb"], 
div[data-id="363f8cc3"], div[data-id="f6f89cf"] {
    background: rgba(16, 18, 27, 0.8) !important;
    border: 1px solid rgba(212, 175, 55, 0.1) !important;
    border-radius: 10px;
    padding: 30px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

div[data-id="40f978c4"]:hover, div[data-id="29f10dbb"]:hover, 
div[data-id="363f8cc3"]:hover, div[data-id="f6f89cf"]:hover {
    border-color: #d4af37 !important;
    box-shadow: 0 5px 25px rgba(212, 175, 55, 0.1);
    transform: translateY(-3px);
}

/* Premium Gold Buttons */
.elementor-button,
a.elementor-button {
    background: linear-gradient(135deg, #c5a059 0%, #9e783a 100%) !important;
    color: #0f1015 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 6px !important;
    border: 1px solid #d4af37 !important;
    box-shadow: 0 4px 15px rgba(197, 160, 89, 0.3) !important;
    padding: 14px 28px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.elementor-button:hover,
a.elementor-button:hover {
    background: linear-gradient(135deg, #f3e5ab 0%, #c5a059 100%) !important;
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5) !important;
    transform: translateY(-2px);
    color: #08090d !important;
}

.elementor-button:active,
a.elementor-button:active {
    transform: translateY(1px);
}

/* Rating Stars */
.e-rating .e-icon-marked svg {
    fill: #d4af37 !important;
    filter: drop-shadow(0 0 5px rgba(212, 175, 55, 0.6));
}

.e-rating .e-icon-unmarked svg {
    fill: #444955 !important;
}

/* Contact Form & Input Styling */
input[type="text"], input[type="email"], textarea, select {
    background-color: #12141d !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    color: #e2e4ec !important;
    border-radius: 6px !important;
    padding: 12px 16px !important;
    transition: all 0.3s ease;
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
    border-color: #d4af37 !important;
    outline: none;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.2);
}

/* Footer Customization */
.elementor-3216 {
    background-color: #050508 !important;
    border-top: 2px solid #d4af37 !important;
    padding: 60px 0 30px 0 !important;
}

.elementor-3216 h4 {
    color: #d4af37 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2);
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.elementor-3216 p {
    color: #a1a6b4 !important;
}

/* Micro-animations */
@keyframes goldGlow {
    0% { box-shadow: 0 0 5px rgba(212, 175, 55, 0.2); }
    50% { box-shadow: 0 0 15px rgba(212, 175, 55, 0.4); }
    100% { box-shadow: 0 0 5px rgba(212, 175, 55, 0.2); }
}

.glow-effect {
    animation: goldGlow 3s infinite;
}

/* Extra Cleanups */
.elementor-shape-fill {
    fill: #08090d !important;
}

/* Fix elementor spacer heights on dark theme */
.elementor-spacer-inner {
    background-color: transparent !important;
}