/* ========================================
   LUXURY THEME OVERRIDES
   Premium Cream & Gold Color Palette
   ======================================== */

:root {
    /* Luxury Color Palette */
    --luxury-cream: #F5F1E8;
    --luxury-cream-dark: #E8E3D6;
    --luxury-gold: #C9A961;
    --luxury-gold-dark: #B89752;
    --luxury-brown: #8B7355;
    --luxury-dark-brown: #6B5847;
    --luxury-text: #4A4238;
    --luxury-text-light: #75685A;
    --luxury-white: #FFFFFF;
    --luxury-accent: #D4AF76;
    --luxury-shadow: rgba(139, 115, 85, 0.15);
}

/* ========================================
   BODY & GENERAL STYLES
   ======================================== */

body {
    background-color: var(--luxury-cream);
    color: var(--luxury-text);
}

a, button {
    color: var(--luxury-gold);
}

a:focus, a:hover {
    color: var(--luxury-gold-dark);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--luxury-dark-brown);
}

p {
    color: var(--luxury-text-light);
}

/* ========================================
   PAGE LOADER - LUXURY CREAM
   ======================================== */

.page-loader {
    background: var(--luxury-cream);
}

.page-loader .loader-spinner {
    border: 3px solid var(--luxury-cream-dark);
    border-top: 3px solid var(--luxury-gold);
}

/* ========================================
   HEADER STYLES
   ======================================== */

.header-area .main-header-area.sticky {
    background: rgba(75, 66, 56, 0.95);
    backdrop-filter: blur(10px);
}

.header-area .main-header-area .main-menu ul li a {
    color: var(--luxury-white);
}

.header-area .main-header-area .main-menu ul li a::before {
    background: var(--luxury-gold);
}

.header-area .main-header-area .book_room .book_btn a {
    background: var(--luxury-gold);
    color: var(--luxury-white);
    border: 1px solid var(--luxury-gold);
}

.header-area .main-header-area .book_room .book_btn a:hover {
    background: transparent;
    color: var(--luxury-gold);
    border: 1px solid var(--luxury-gold);
}

/* ========================================
   BUTTONS - LUXURY GOLD THEME
   ======================================== */

.boxed-btn {
    background: var(--luxury-white);
    color: var(--luxury-gold);
    border: 1px solid var(--luxury-gold);
}

.boxed-btn:hover {
    background: var(--luxury-gold);
    color: var(--luxury-white) !important;
    border: 1px solid var(--luxury-gold);
}

.boxed-btn3 {
    background: var(--luxury-gold);
    color: var(--luxury-white);
    border: 1px solid var(--luxury-gold);
}

.boxed-btn3:hover {
    background: transparent;
    color: var(--luxury-gold) !important;
    border: 1px solid var(--luxury-gold);
}

.book_now {
    color: var(--luxury-gold);
    border: 1px solid var(--luxury-gold);
}

.book_now:hover {
    background: var(--luxury-gold);
    color: var(--luxury-white);
}

/* ========================================
   SECTION TITLES
   ======================================== */

.section_title span {
    color: var(--luxury-gold);
}

.section_title h3 {
    color: var(--luxury-dark-brown);
}

/* ========================================
   BACKGROUNDS
   ======================================== */

.black-bg {
    background: var(--luxury-brown) !important;
}

.white-bg {
    background: var(--luxury-white);
}

.gray-bg {
    background: var(--luxury-cream);
}

/* ========================================
   SLIDER & HERO SECTION
   ======================================== */

.slider_area .single_slider .slider_text h3,
.slider_area .single_slider .slider_text p {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

/* ========================================
   ABOUT SECTION
   ======================================== */

.about_area .about_info h3 {
    color: var(--luxury-dark-brown);
}

.about_area .about_info p {
    color: var(--luxury-text-light);
}

/* ========================================
   OFFERS SECTION
   ======================================== */

.offers_area .single_offers h3 {
    color: var(--luxury-dark-brown);
}

.offers_area .single_offers ul li {
    color: var(--luxury-text-light);
}

.offers_area .single_offers ul li::before {
    background: var(--luxury-gold);
}

/* ========================================
   VIDEO SECTION
   ======================================== */

.video_area .video_area_inner a {
    background: var(--luxury-white);
    color: var(--luxury-gold);
}

.video_area .video_area_inner a:hover {
    background: var(--luxury-gold);
    color: var(--luxury-white);
}

/* ========================================
   ROOMS SECTION
   ======================================== */

.features_room .rooms_here .single_rooms .room_thumb .room_heading a:hover {
    color: var(--luxury-gold);
}

/* ========================================
   QUERY/CTA SECTION
   ======================================== */

.forQuery .Query_border {
    border: 1px solid var(--luxury-gold);
    background: var(--luxury-white);
}

.forQuery .Query_border p {
    color: var(--luxury-dark-brown);
}

.forQuery .Query_border .phone_num a {
    background: var(--luxury-gold);
    color: var(--luxury-white);
    border: 1px solid var(--luxury-gold);
}

.forQuery .Query_border .phone_num a:hover {
    background: transparent;
    color: var(--luxury-gold);
    border: 1px solid var(--luxury-gold);
}

/* ========================================
   FOOTER - LUXURY BROWN
   ======================================== */

.footer {
    background: var(--luxury-brown);
}

.footer .footer_top .footer_widget .footer_title {
    color: var(--luxury-cream);
}

.footer .footer_top .footer_widget p.footer_text {
    color: var(--luxury-cream-dark);
}

.footer .footer_top .footer_widget ul li a {
    color: var(--luxury-cream-dark);
}

.footer .footer_top .footer_widget ul li a:hover {
    color: var(--luxury-gold);
}

.footer .footer_top .footer_widget .newsletter_form button {
    background: var(--luxury-gold);
    color: var(--luxury-white);
}

.footer .footer_top .footer_widget .newsletter_text {
    color: var(--luxury-cream-dark);
}

.footer .copy-right_text .copy_right {
    color: var(--luxury-cream-dark);
}

.footer .copy-right_text .copy_right a {
    color: var(--luxury-gold);
}

.footer .copy-right_text .socail_links ul li a {
    color: var(--luxury-cream-dark);
}

.footer .copy-right_text .socail_links ul li a:hover {
    color: var(--luxury-gold);
}

/* ========================================
   NAVIGATION HOVER EFFECTS
   ======================================== */

.owl-carousel:hover .owl-nav div:hover {
    background: var(--luxury-gold);
}

.slicknav_menu .slicknav_nav a:hover,
.slicknav_menu .slicknav_nav a.active {
    color: var(--luxury-gold);
}

/* ========================================
   BLOG SECTION
   ======================================== */

.blog_area a:hover {
    background: linear-gradient(131deg, var(--luxury-gold) 0%, var(--luxury-accent) 99%);
    
    -webkit-background-clip: text;                          
    -webkit-text-fill-color: transparent;
}

.blog_item_img .blog_item_date {
    background-color: var(--luxury-gold);
}

.blog_right_sidebar .tag_cloud_widget ul li a:hover {
    background: var(--luxury-gold);
    color: var(--luxury-white) !important;
}

/* ========================================
   CONTACT FORM
   ======================================== */

.form-contact .form-control:focus {
    border-color: var(--luxury-gold);
}

/* ========================================
   POPUP/MODAL
   ======================================== */

.popup_box {
    background: var(--luxury-cream);
}

.popup_box h3 {
    color: var(--luxury-dark-brown);
}

/* ========================================
   MOBILE MENU
   ======================================== */

.slicknav_menu .slicknav_nav {
    background: var(--luxury-cream);
}

/* ========================================
   HOVER EFFECTS & TRANSITIONS
   ======================================== */

.single_offers:hover .about_thumb img,
.features_room .rooms_here .single_rooms:hover img {
    transform: scale(1.1);
}

/* Box shadows for luxury feel */
.single_offers,
.blog_item,
.popup_box {
    box-shadow: 0 10px 30px var(--luxury-shadow);
}

/* ========================================
   RESPONSIVE ENHANCEMENTS
   ======================================== */

@media (max-width: 767px) {
    .section_title h3 {
        color: var(--luxury-dark-brown);
    }
}

/* ========================================
   ACCENT COLORS FOR LINKS & HIGHLIGHTS
   ======================================== */

.line-button:hover {
    color: var(--luxury-gold);
}

.line-button:hover::before {
    background: var(--luxury-gold);
}

/* ========================================
   BRADCAM/BREADCRUMB AREA
   ======================================== */

.bradcam_area h3 {
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

/* ========================================
   SELECTION COLOR
   ======================================== */

*::-moz-selection,
::-moz-selection,
::selection {
    background: var(--luxury-gold);
    color: var(--luxury-white);
}

/* ========================================
   SCROLLBAR STYLING (Webkit browsers)
   ======================================== */

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--luxury-cream);
}

::-webkit-scrollbar-thumb {
    background: var(--luxury-gold);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--luxury-gold-dark);
}

/* ========================================
   ENHANCED LUXURY ELEMENTS
   ======================================== */

/* Add subtle gold borders to images */
.about_thumb img,
.single_offers .about_thumb img {
    border: 3px solid var(--luxury-white);
    box-shadow: 0 5px 20px var(--luxury-shadow);
}

/* Premium card styling */
.single_offers,
.blog_item_img {
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.single_offers:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px var(--luxury-shadow);
}

/* Elegant dividers */
.footer .copy-right_text .footer_border {
    border-top: 1px solid rgba(201, 169, 97, 0.3);
}

/* ========================================
   LOADER ANIMATION ENHANCEMENT
   ======================================== */

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loader-spinner {
    animation: spin 1s linear infinite;
}