/* =========================================================
   DARK THEME OVERRIDES — HOME PAGE ONLY
   Applied specifically to pages containing home sections.
   Uses dark backgrounds with gold (#D79C4E) accents matching
   the reference design.
   ========================================================= */

/* ---- Color Palette ---- */
:root {
    --dark-bg-1: #0d0d0d;
    /* Deepest black */
    --dark-bg-2: #141414;
    /* Section backgrounds */
    --dark-bg-3: #1a1a1a;
    /* Slightly lighter sections */
    --dark-bg-4: #222222;
    /* Cards & elevated surfaces */
    --dark-bg-5: #2a2a2a;
    /* Inputs / subtle standout */
    --dark-text: #e8e8e8;
    /* Primary text on dark */
    --dark-muted: #999999;
    /* Muted / secondary text */
    --dark-border: #333333;
    /* Borders */
    --gold: #D79C4E;
    /* Gold accent */
    --gold-light: #e6b76a;
    /* Lighter gold for hover */
}

/* ---- Global Page Background ---- */
body.dark-theme {
    background-color: var(--dark-bg-1);
    color: var(--dark-text);
}

/* ==========================================
   TOPBAR — Contact info visible on dark bg
   ========================================== */
body.dark-theme .topbar-area {
    background-color: var(--dark-bg-1) !important;
    border-bottom: 1px solid var(--dark-border);
}

body.dark-theme .topbar-area .contact-list .single-contact a {
    color: var(--dark-text) !important;
}

body.dark-theme .topbar-area .contact-list .single-contact a:hover {
    color: var(--gold) !important;
}

body.dark-theme .topbar-area .contact-list .single-contact .icon svg path,
body.dark-theme .topbar-area .contact-list .single-contact .icon svg g path {
    fill: var(--gold) !important;
}

body.dark-theme .topbar-area .contact-list .single-contact .__cf_email__ {
    color: var(--dark-text) !important;
}

/* Language switcher */
body.dark-theme .topbar-area .language-btn span,
body.dark-theme .topbar-area .language-btn i {
    color: var(--dark-text) !important;
}

body.dark-theme .topbar-area .language-btn svg path,
body.dark-theme .topbar-area .language-btn svg g path {
    fill: var(--dark-text) !important;
    stroke: var(--dark-text) !important;
}

body.dark-theme .topbar-area .language-list {
    background-color: var(--dark-bg-4) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .topbar-area .language-list li a {
    color: var(--dark-text) !important;
}

body.dark-theme .topbar-area .language-list li a:hover {
    color: var(--gold) !important;
    background-color: var(--dark-bg-3) !important;
}

/* ==========================================
   HEADER — Dark variation (sticky/scrolled)
   ========================================== */
body.dark-theme header.style-1 {
    background-color: var(--dark-bg-2) !important;
    border-bottom: 1px solid rgba(215, 156, 78, 0.15);
}

body.dark-theme header.style-1.sticky {
    background-color: var(--dark-bg-1) !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.6);
    border-bottom: 1px solid rgba(215, 156, 78, 0.15);
}

/* Menu items white on hover */
body.dark-theme header.style-1 .main-menu>ul>li>a:hover,
body.dark-theme header.style-1 .main-menu>ul>li:hover>a,
body.dark-theme header.style-1 .main-menu>ul>li.active>a {
    color: #ffffff !important;
}

/* ==========================================
   BANNER / HERO SLIDER
   ========================================== */
body.dark-home-page .home6-banner-section {
    background-color: var(--dark-bg-1);
}

body.dark-home-page .slider-btn-grp .slider-btn {
    background-color: rgba(215, 156, 78, 0.15);
    border-color: var(--gold);
}

body.dark-home-page .slider-btn-grp .slider-btn svg path {
    fill: #ffffff !important;
}

body.dark-home-page .slider-btn-grp .franctional-pagi1 {
    color: var(--dark-text);
}

/* ==========================================
   ABOUT SECTION  (Welcome / Services)
   ========================================== */
body.dark-home-page .home2-about-section {
    background: var(--dark-bg-2) !important;
    background-image: none !important;
    padding-top: 80px;
    padding-bottom: 80px;
}

body.dark-home-page .home2-about-section .section-title h2 {
    color: var(--dark-text);
}

body.dark-home-page .home2-about-section .section-title p,
body.dark-home-page .home2-about-section .about-content p {
    color: var(--dark-muted);
}

body.dark-home-page .home2-about-section .section-title p span {
    color: var(--dark-muted);
}

body.dark-home-page .home2-about-section .counter-area svg path {
    fill: var(--gold);
    stroke: var(--gold);
}

body.dark-home-page .home2-about-section .single-counter h2 {
    color: var(--gold);
}

body.dark-home-page .home2-about-section .single-counter span {
    color: var(--dark-muted);
}

/* About images frame — arch shape */
body.dark-home-page .about-img-wrap .single-img {
    overflow: hidden;
    border-radius: 300px 300px 0 0;
    border: 2px solid var(--dark-border);
}

body.dark-home-page .about-img-wrap .single-img img {
    border-radius: 300px 300px 0 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.dark-home-page .about-img-wrap .vector path {
    stroke: var(--gold);
}

/* Services Grid */
body.dark-home-page .service-area h6 {
    color: var(--gold);
}

body.dark-home-page .single-service {
    background-color: var(--dark-bg-3) !important;
    border-color: var(--dark-border) !important;
}

body.dark-home-page .single-service:hover {
    background-color: var(--gold) !important;
    border-color: var(--gold) !important;
}

body.dark-home-page .single-service .service-icon {
    color: var(--gold) !important;
}

body.dark-home-page .single-service:hover .service-icon {
    color: #fff !important;
}

body.dark-home-page .single-service .service-text {
    color: var(--dark-text) !important;
}

body.dark-home-page .single-service:hover .service-text {
    color: #fff !important;
}

/* ==========================================
   PROPERTY LISTING SLIDER
   ========================================== */
body.dark-home-page .home1-trip-slider-section {
    background-color: var(--dark-bg-3);
    padding-top: 80px;
    padding-bottom: 80px;
}

body.dark-home-page .home1-trip-slider-section .section-title h2 {
    color: var(--dark-text);
}

body.dark-home-page .home1-trip-slider-section .section-title p {
    color: var(--dark-muted);
}

/* Property Cards in dark mode */
body.dark-home-page .prop-card {
    background: var(--dark-bg-4) !important;
    border-color: var(--dark-border) !important;
}

body.dark-home-page .prop-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}

body.dark-home-page .prop-details {
    background-color: var(--dark-bg-4);
}

body.dark-home-page .prop-title-loc h4,
body.dark-home-page .prop-title-loc h4 a {
    color: var(--dark-text) !important;
}

body.dark-home-page .prop-title-loc h4 a:hover {
    color: var(--gold) !important;
}

body.dark-home-page .prop-loc {
    color: var(--dark-muted) !important;
}

body.dark-home-page .prop-loc i {
    color: var(--gold) !important;
}

body.dark-home-page .small-price {
    color: var(--dark-muted) !important;
}

body.dark-home-page .main-price {
    color: var(--gold) !important;
}

body.dark-home-page .prop-location {
    color: var(--dark-muted) !important;
}

body.dark-home-page .book-now-btn {
    background: var(--gold) !important;
    color: #fff !important;
}

body.dark-home-page .book-now-btn:hover {
    background: var(--gold-light) !important;
    box-shadow: 0 5px 15px rgba(215, 156, 78, 0.3) !important;
}

body.dark-home-page .prop-hidden-details {
    background: var(--dark-bg-3) !important;
    border-color: var(--dark-border) !important;
}

body.dark-home-page .prop-hidden-details .detail-group h6 {
    color: var(--gold) !important;
}

body.dark-home-page .prop-hidden-details .detail-group p {
    color: var(--dark-muted) !important;
}

body.dark-home-page .view-details-btn {
    border-color: var(--dark-border) !important;
    color: var(--gold) !important;
}

body.dark-home-page .view-details-btn:hover {
    background: rgba(215, 156, 78, 0.1) !important;
    border-color: var(--gold) !important;
}

body.dark-home-page .card-divider {
    border-color: var(--dark-border) !important;
}

body.dark-home-page .prop-footer {
    color: var(--dark-muted) !important;
}

body.dark-home-page .footer-item {
    color: var(--dark-muted) !important;
}

body.dark-home-page .footer-item i {
    color: var(--gold) !important;
}

/* Swiper pagination */
body.dark-home-page .swiper-pagination2 .swiper-pagination-bullet {
    background: var(--dark-muted);
}

body.dark-home-page .swiper-pagination2 .swiper-pagination-bullet-active {
    background: var(--gold);
}

/* ==========================================
   PROPERTY LISTING GRID (tempStatus section)
   ========================================== */
body.dark-home-page .home6-travel-package-section {
    background-color: var(--dark-bg-2);
    padding-top: 60px;
    padding-bottom: 60px;
}

body.dark-home-page .home6-travel-package-section .section-title h2 {
    color: var(--dark-text);
}

body.dark-home-page .home6-travel-package-section .section-title p {
    color: var(--dark-muted);
}

body.dark-home-page .package-card.two {
    background: var(--dark-bg-4) !important;
    border-color: var(--dark-border) !important;
}

body.dark-home-page .package-card.two .package-content h5 a {
    color: var(--dark-text);
}

body.dark-home-page .package-card.two .package-content .location-and-time {
    color: var(--dark-muted);
}

body.dark-home-page .package-card.two .package-content .btn-and-price-area .price-area h6 {
    color: var(--dark-muted);
}

body.dark-home-page .package-card.two .package-content .bottom-area ul li {
    color: var(--dark-muted);
}

body.dark-home-page .package-card.two .package-content svg.divider path {
    fill: var(--dark-border);
}

/* ==========================================
   WHY CHOOSE US SECTION
   ========================================== */
body.dark-home-page .home4-why-choose-us-section {
    background: var(--dark-bg-1) !important;
    background-image: none !important;
    padding-top: 80px;
    padding-bottom: 120px !important;
}

body.dark-home-page .home4-why-choose-us-section .section-title h2 {
    color: var(--dark-text);
}

body.dark-home-page .home4-why-choose-us-section .section-title p {
    color: var(--dark-muted);
}

body.dark-home-page .single-feature {
    background-color: var(--dark-bg-3) !important;
    border-color: var(--dark-border) !important;
}

body.dark-home-page .single-feature:hover {
    border-color: var(--gold) !important;
}

body.dark-home-page .single-feature h5 {
    color: var(--dark-text) !important;
}

body.dark-home-page .single-feature .icon img {
    filter: brightness(0) saturate(100%) invert(68%) sepia(40%) saturate(600%) hue-rotate(5deg) brightness(92%) contrast(95%);
}

/* Video Area */
body.dark-home-page .why-choose-video-area {
    background-color: var(--dark-bg-1) !important;
    margin-top: 0 !important;
    position: relative;
    z-index: 2;
}

body.dark-home-page .why-choose-video-wrap {
    border-color: var(--dark-border);
    box-shadow: none !important;
    position: relative;
    overflow: visible !important;
}

body.dark-home-page .why-choose-video-wrap>img {
    opacity: 0.45;
}

body.dark-home-page .why-choose-video-wrap::before,
body.dark-home-page .why-choose-video-wrap::after {
    display: none !important;
}

/* Contact pill — remove the light bg */
body.dark-home-page .contact-wrap {
    background-color: var(--dark-bg-3) !important;
    background: var(--dark-bg-3) !important;
    border: 1px solid var(--dark-border) !important;
    top: -50px !important;
}

body.dark-home-page .contact-wrap .contact-area {
    background-color: var(--dark-bg-4) !important;
    background: var(--dark-bg-4) !important;
}

body.dark-home-page .contact-wrap .contact-area h6,
body.dark-home-page .contact-wrap .contact-area p,
body.dark-home-page .contact-wrap .contact-area span {
    color: var(--gold) !important;
}

body.dark-home-page .contact-wrap .contact-area .single-contact .icon svg path,
body.dark-home-page .contact-wrap .contact-area .single-contact .icon svg g path {
    fill: #ffffff !important;
}

body.dark-home-page .contact-wrap .contact-area .content a {
    color: var(--dark-text) !important;
}

body.dark-home-page .contact-wrap .contact-area .content a:hover {
    color: var(--gold) !important;
}

/* ==========================================
   TESTIMONIAL SECTION
   ========================================== */
body.dark-home-page .home2-testimonial-section {
    background: var(--dark-bg-3) !important;
    background-image: none !important;
    padding-top: 80px;
    padding-bottom: 80px;
}

body.dark-home-page .home2-testimonial-section .section-title h2 {
    color: var(--dark-text);
}

body.dark-home-page .home2-testimonial-section .section-title p {
    color: var(--dark-muted);
}

body.dark-home-page .testimonial-card.three {
    background-color: var(--dark-bg-4) !important;
    border-color: var(--dark-border) !important;
}

body.dark-home-page .testimonial-card.three p {
    color: var(--dark-muted) !important;
}

body.dark-home-page .testimonial-card.three .author-info h5 {
    color: var(--dark-text) !important;
}

body.dark-home-page .testimonial-card.three .author-info span {
    color: var(--dark-muted) !important;
}

body.dark-home-page .testimonial-card.three .rating-area li i {
    color: var(--gold) !important;
}

body.dark-home-page .review-and-slider-btn .slider-btn {
    background-color: rgba(215, 156, 78, 0.15);
    border-color: var(--gold);
}

body.dark-home-page .review-and-slider-btn .slider-btn svg path {
    stroke: #ffffff !important;
}

/* ==========================================
   AGENTS / TOUR GUIDE SECTION
   ========================================== */
body.dark-home-page .home5-tour-guide-section {
    background-color: var(--dark-bg-2);
    padding-top: 80px;
    padding-bottom: 80px;
}

body.dark-home-page .home5-tour-guide-section .section-title h2 {
    color: var(--dark-text);
}

body.dark-home-page .home5-tour-guide-section .section-title p {
    color: var(--dark-muted);
}

body.dark-home-page .tour-guide-card.two {
    background-color: var(--dark-bg-4) !important;
}

body.dark-home-page .tour-guide-card.two .guide-info h5 a {
    color: var(--dark-text) !important;
}

body.dark-home-page .tour-guide-card.two .guide-info span {
    color: var(--dark-muted) !important;
}

body.dark-home-page .tour-guide-card.two:hover {
    border-color: var(--gold) !important;
}

body.dark-home-page .team-slider-area .slider-btn-grp .slider-btn {
    background-color: rgba(215, 156, 78, 0.15) !important;
    border-color: var(--gold) !important;
}

body.dark-home-page .team-slider-area .slider-btn-grp .slider-btn svg path {
    fill: #ffffff !important;
}

/* ==========================================
   FILTER WRAPPER (below banner)
   ========================================== */
body.dark-home-page .filter-wrapper.two {
    background-color: var(--dark-bg-2);
}

body.dark-home-page .filter-wrapper.two h6 {
    color: var(--dark-text);
}

body.dark-home-page .filter-wrapper.two p {
    color: var(--dark-muted);
}

/* ==========================================
   FOOTER DARK OVERRIDES
   ========================================== */
body.dark-home-page footer {
    background-color: var(--dark-bg-1) !important;
}

/* ==========================================
   SUBTLE SECTION SEPARATORS
   ========================================== */
body.dark-home-page .home2-about-section,
body.dark-home-page .home1-trip-slider-section,
body.dark-home-page .home2-testimonial-section,
body.dark-home-page .home5-tour-guide-section {
    border-bottom: 1px solid rgba(215, 156, 78, 0.08);
}

/* ==========================================
   GOLD LINE DECORATION (top of sections)
   ========================================== */
body.dark-home-page .home1-trip-slider-section::before,
body.dark-home-page .home2-testimonial-section::before {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: var(--gold);
    margin: 0 auto 0;
    position: relative;
    top: -40px;
    border-radius: 2px;
}

/* ==========================================
   BACK TO TOP ARROW
   ========================================== */
body.dark-theme .progress-wrap .arrow {
    fill: #ffffff !important;
}

/* ==========================================
   SCROLLBAR STYLING FOR DARK THEME
   ========================================== */
body.dark-home-page::-webkit-scrollbar {
    width: 8px;
}

body.dark-home-page::-webkit-scrollbar-track {
    background: var(--dark-bg-1);
}

body.dark-home-page::-webkit-scrollbar-thumb {
    background: var(--dark-bg-5);
    border-radius: 4px;
}

body.dark-home-page::-webkit-scrollbar-thumb:hover {
    background: var(--gold);
}

/* =========================================================
   INNER PAGES — GLOBAL DARK THEME
   Applied to all pages via body.dark-theme
   ========================================================= */

/* --- Breadcrumb Banner --- */
body.dark-theme .breadcrumb-section {
    background-color: var(--dark-bg-2) !important;
}

body.dark-theme .breadcrumb-section .banner-content h1,
body.dark-theme .breadcrumb-section .banner-content h2 {
    color: var(--dark-text) !important;
}

body.dark-theme .breadcrumb-section .breadcrumb-list li {
    color: var(--dark-muted) !important;
}

body.dark-theme .breadcrumb-section .breadcrumb-list li a {
    color: var(--gold) !important;
}

/* --- General Section/Page Backgrounds --- */
body.dark-theme .about-section,
body.dark-theme .modern-why-arackal,
body.dark-theme .home1-service-section,
body.dark-theme .modern-service-strip,
body.dark-theme .about-why-choose-section,
body.dark-theme .home1-faq-section,
body.dark-theme .contact-page,
body.dark-theme .gallery-section,
body.dark-theme .property-area,
body.dark-theme .property-details-section {
    background-color: var(--dark-bg-1) !important;
    background-image: none !important;
}

/* General text */
body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4,
body.dark-theme h5,
body.dark-theme h6 {
    color: var(--dark-text) !important;
}

body.dark-theme p,
body.dark-theme li,
body.dark-theme span:not(.badge):not(.btn):not(.ribbon),
body.dark-theme label {
    color: var(--dark-text) !important;
}

body.dark-theme a {
    color: #000;
}

body.dark-theme a:hover {
    color: #000;
    background: #D79C4E;
}

/* Remove hover background from logos */
body.dark-theme .header-logo:hover,
body.dark-theme .mobile-logo-wrap:hover,
body.dark-theme .footer-logo:hover {
    background: transparent !important;
}

/* --- Section title divider (gold underline on heading) --- */
body.dark-theme .section-title h2::after,
body.dark-theme .section-title h2::before {
    background-color: var(--gold) !important;
    background-image: linear-gradient(to right, var(--gold), var(--gold-light)) !important;
}

/* --- About Page: Benefit Cards --- */
body.dark-theme .benefit-card,
body.dark-theme .service-card {
    background: var(--dark-bg-3) !important;
    border-color: var(--dark-border) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

body.dark-theme .benefit-card h4,
body.dark-theme .service-card .service-title {
    color: var(--dark-text) !important;
}

body.dark-theme .benefit-card p,
body.dark-theme .service-card .service-desc {
    color: var(--dark-muted) !important;
}

body.dark-theme .benefit-card:hover,
body.dark-theme .service-card:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important;
    border-color: var(--gold) !important;
}

/* About page lead text border */
body.dark-theme .lead-text {
    color: var(--dark-muted) !important;
    border-color: var(--gold) !important;
}

/* --- About Page: Why-Choose Cards --- */
body.dark-theme .why-choose-card {
    background: var(--dark-bg-3) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .about-why-choose-section .why-choose-card h5 {
    color: var(--dark-text) !important;
}

body.dark-theme .about-why-choose-section .why-choose-card p {
    color: var(--dark-muted) !important;
}

/* --- About / FAQ Accordion --- */
body.dark-theme .accordion-item {
    background-color: var(--dark-bg-3) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .accordion-button {
    background-color: var(--dark-bg-3) !important;
    color: var(--dark-text) !important;
    box-shadow: none !important;
}

body.dark-theme .accordion-button:not(.collapsed) {
    background-color: var(--dark-bg-4) !important;
    color: var(--gold) !important;
}

body.dark-theme .accordion-button::after {
    filter: invert(1) sepia(1) saturate(2) hue-rotate(10deg);
}

body.dark-theme .accordion-body {
    background-color: var(--dark-bg-3) !important;
    color: var(--dark-muted) !important;
}

/* --- Contact Page: Single Contact Cards --- */
body.dark-theme .contact-page .single-contact {
    background-color: var(--dark-bg-3) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .contact-page .single-contact h4 {
    color: var(--dark-text) !important;
}

body.dark-theme .contact-page .single-contact h6 a,
body.dark-theme .contact-page .single-contact p {
    color: var(--dark-muted) !important;
}

body.dark-theme .contact-page .single-contact h6 a:hover {
    color: var(--gold) !important;
}

body.dark-theme .contact-page .single-contact .social-list li a {
    color: var(--gold) !important;
}

/* --- Contact Page: Form --- */
body.dark-theme .contact-form-wrap {
    background-color: var(--dark-bg-2) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .form-inner input,
body.dark-theme .form-inner textarea,
body.dark-theme .form-inner select {
    background-color: var(--dark-bg-4) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-theme .form-inner input::placeholder,
body.dark-theme .form-inner textarea::placeholder {
    color: var(--dark-muted) !important;
}

body.dark-theme .form-inner input:focus,
body.dark-theme .form-inner textarea:focus,
body.dark-theme .form-inner select:focus {
    border-color: var(--gold) !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(215, 156, 78, 0.15) !important;
}

body.dark-theme .form-inner label {
    color: var(--dark-muted) !important;
}

body.dark-theme .nice-select .list {
    background-color: var(--dark-bg-4) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .nice-select .option {
    background-color: var(--dark-bg-3) !important;
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .nice-select .option.selected,
body.dark-theme .nice-select .option:hover,
body.dark-theme .nice-select .option.focus {
    background-color: var(--dark-bg-3) !important;
    color: var(--dark-text) !important;
}

body.dark-theme .form-inner2 .form-check-label {
    color: var(--dark-muted) !important;
}

/* --- Properties Page: Filter Sidebar --- */
body.dark-theme .filter-area,
body.dark-theme .sidebar-widget,
body.dark-theme .filter-sidebar {
    background-color: var(--dark-bg-2) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .filter-area h5,
body.dark-theme .filter-area h6,
body.dark-theme .sidebar-widget h5,
body.dark-theme .sidebar-widget h6 {
    color: var(--dark-text) !important;
}

body.dark-theme .filter-area label,
body.dark-theme .sidebar-widget label {
    color: var(--dark-muted) !important;
}

/* Filter checkboxes / radio */
body.dark-theme .form-check-input {
    background-color: var(--dark-bg-4) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .form-check-input:checked {
    background-color: var(--gold) !important;
    border-color: var(--gold) !important;
}

/* Nice-select in dark */
body.dark-theme .nice-select {
    background-color: var(--dark-bg-3) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-theme .nice-select .list {
    background-color: var(--dark-bg-3) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .nice-select .option:hover,
body.dark-theme .nice-select .option.selected {
    background-color: var(--dark-bg-5) !important;
    color: var(--gold) !important;
}

body.dark-theme .nice-select::after {
    border-color: var(--dark-muted) transparent transparent !important;
}

body.dark-theme .nice-select.open::after {
    border-color: transparent transparent var(--gold) !important;
}

/* --- Properties Page: Property Cards --- */
body.dark-theme .package-card,
body.dark-theme .property-card,
body.dark-theme .package-card.two {
    background-color: var(--dark-bg-3) !important;
    border-color: var(--dark-border) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

body.dark-theme .package-card .package-content h4 a,
body.dark-theme .package-card .package-content h5 a,
body.dark-theme .property-card h5 a {
    color: var(--dark-text) !important;
}

body.dark-theme .package-card .package-content h4 a:hover,
body.dark-theme .package-card .package-content h5 a:hover {
    color: var(--gold) !important;
}

body.dark-theme .package-card .package-content .location-and-time,
body.dark-theme .package-card .package-content p,
body.dark-theme .property-card .location {
    color: var(--dark-muted) !important;
}

body.dark-theme .package-card.two .package-content svg.divider path {
    fill: var(--dark-border) !important;
}

body.dark-theme .package-card .package-content .bottom-area ul li {
    color: var(--dark-muted) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .package-card .package-content .btn-and-price-area .price-area span,
body.dark-theme .package-card .package-content .btn-and-price-area .price-area h6 {
    color: var(--dark-muted) !important;
}

body.dark-theme .package-card .package-content .btn-and-price-area .price-area strong {
    color: var(--gold) !important;
}

/* Properties page top area */
body.dark-theme .property-area .top-area,
body.dark-theme .property-area .result-and-sort,
body.dark-theme .result-and-sort-area {
    background-color: var(--dark-bg-2) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .result-and-sort-area p,
body.dark-theme .result-and-sort-area span,
body.dark-theme .property-area .result-text {
    color: var(--dark-muted) !important;
}

/* Sort by dropdown */
body.dark-theme select.form-select,
body.dark-theme .sort-select {
    background-color: var(--dark-bg-3) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

/* --- Gallery Page --- */
body.dark-theme .gallery-section {
    background-color: var(--dark-bg-1) !important;
}

body.dark-theme .gallery-item,
body.dark-theme .gallery-wrap {
    background-color: var(--dark-bg-3) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .gallery-item .caption,
body.dark-theme .gallery-item h5 {
    color: var(--dark-text) !important;
}

/* Gallery filter buttons */
body.dark-theme .gallery-filter-area button,
body.dark-theme .gallery-tab li button {
    background-color: var(--dark-bg-3) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-muted) !important;
}

body.dark-theme .gallery-filter-area button.active,
body.dark-theme .gallery-tab li button.active {
    background-color: var(--gold) !important;
    color: #000 !important;
    border-color: var(--gold) !important;
}

/* --- Property Details Page --- */
body.dark-theme .property-details-section {
    background-color: var(--dark-bg-1) !important;
}

body.dark-theme .property-details-wrap,
body.dark-theme .property-info-area,
body.dark-theme .property-tab-area {
    background-color: var(--dark-bg-2) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .property-details-wrap h2,
body.dark-theme .property-details-wrap h3,
body.dark-theme .property-details-wrap h4 {
    color: var(--dark-text) !important;
}

body.dark-theme .property-summary li,
body.dark-theme .property-info-area li {
    border-color: var(--dark-border) !important;
    color: var(--dark-muted) !important;
}

body.dark-theme .property-summary li strong {
    color: var(--dark-text) !important;
}

/* Nav tabs inside property details */
body.dark-theme .nav-tabs {
    border-color: var(--dark-border) !important;
}

body.dark-theme .nav-tabs .nav-link {
    color: var(--dark-muted) !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

body.dark-theme .nav-tabs .nav-link.active,
body.dark-theme .nav-tabs .nav-link:hover {
    color: var(--gold) !important;
    border-bottom-color: var(--gold) !important;
    background-color: transparent !important;
}

body.dark-theme .tab-content {
    background-color: var(--dark-bg-2) !important;
    color: var(--dark-muted) !important;
}

/* --- Footer (all pages) --- */
body.dark-theme .footer-section {
    background-color: var(--dark-bg-1) !important;
    border-top: 1px solid var(--dark-border);
}

body.dark-theme .footer-section h4,
body.dark-theme .footer-section h5,
body.dark-theme .footer-section h6 {
    color: var(--dark-text) !important;
}

body.dark-theme .footer-section p,
body.dark-theme .footer-section li,
body.dark-theme .footer-section a {
    color: var(--dark-muted) !important;
}

body.dark-theme .footer-section a:hover {
    color: var(--gold) !important;
}

body.dark-theme .footer-bottom {
    border-top: 1px solid var(--dark-border) !important;
    background-color: var(--dark-bg-1) !important;
}

body.dark-theme .footer-bottom p,
body.dark-theme .footer-bottom span {
    color: var(--dark-muted) !important;
}

/* --- Primary buttons on inner pages --- */
body.dark-theme .primary-btn1 {
    background: linear-gradient(135deg, var(--gold), var(--gold-light));
    color: #1a1100 !important;
    border-color: var(--gold) !important;
}

body.dark-theme .primary-btn1:hover {
    background: var(--gold-light);
    color: #000 !important;
}

/* --- Scrollbar for all pages --- */
body.dark-theme::-webkit-scrollbar {
    width: 6px;
}

body.dark-theme::-webkit-scrollbar-track {
    background: var(--dark-bg-1);
}

body.dark-theme::-webkit-scrollbar-thumb {
    background: var(--dark-bg-5);
    border-radius: 4px;
}

body.dark-theme::-webkit-scrollbar-thumb:hover {
    background: var(--gold);
}

/* =========================================================
   PROPERTIES PAGE — Targeted overrides
   Using the actual class names from the DOM
   ========================================================= */

/* Page wrapper */
body.dark-theme .properties-page {
    background-color: var(--dark-bg-1) !important;
}

/* Filter box (sidebar) */
body.dark-theme .filter-box {
    background-color: var(--dark-bg-2) !important;
    border-color: var(--dark-border) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
}

body.dark-theme .filter-box h3,
body.dark-theme .filter-box h4,
body.dark-theme .filter-box h5,
body.dark-theme .filter-box .filter-header {
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .filter-box .filter-header a {
    color: var(--gold) !important;
}

body.dark-theme .filter-box label {
    color: var(--dark-muted) !important;
}

body.dark-theme .filter-box input[type="checkbox"],
body.dark-theme .filter-box input[type="radio"] {
    border-color: var(--dark-border) !important;
    accent-color: var(--gold);
}

/* Dividers and separators within filter */
body.dark-theme .filter-box hr,
body.dark-theme .filter-group-divider {
    border-color: var(--dark-border) !important;
}

/* Listing top bar (count + sort dropdown) */
body.dark-theme .listing-top-bar {
    background-color: var(--dark-bg-2) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .listing-top-bar p,
body.dark-theme .listing-top-bar span {
    color: var(--dark-muted) !important;
}

body.dark-theme .listing-top-bar select,
body.dark-theme .listing-top-bar .nice-select {
    background-color: var(--dark-bg-3) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

/* Property content area (grid wrapper) */
body.dark-theme .prop-content {
    background-color: var(--dark-bg-1) !important;
}

/* Individual property card */
body.dark-theme .prop-card {
    background-color: var(--dark-bg-3) !important;
    border-color: var(--dark-border) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

body.dark-theme .prop-card:hover {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.6) !important;
    border-color: var(--gold) !important;
}

/* Property card text content */
body.dark-theme .prop-card .prop-details,
body.dark-theme .prop-card .prop-body {
    background-color: var(--dark-bg-3) !important;
}

body.dark-theme .prop-card .prop-details h4,
body.dark-theme .prop-card .prop-details h5,
body.dark-theme .prop-card .prop-details h6 {
    color: var(--dark-text) !important;
}

body.dark-theme .prop-card .prop-details h4 a,
body.dark-theme .prop-card .prop-details h5 a {
    color: var(--dark-text) !important;
}

body.dark-theme .prop-card .prop-details h4 a:hover,
body.dark-theme .prop-card .prop-details h5 a:hover {
    color: var(--gold) !important;
}

body.dark-theme .prop-card .prop-details p,
body.dark-theme .prop-card .prop-details span,
body.dark-theme .prop-card .prop-details li {
    color: var(--dark-muted) !important;
}

body.dark-theme .prop-card .prop-footer,
body.dark-theme .prop-card .prop-price-area {
    background-color: var(--dark-bg-4) !important;
    border-top-color: var(--dark-border) !important;
}

body.dark-theme .prop-card .prop-footer span,
body.dark-theme .prop-card .prop-price-area span {
    color: var(--dark-muted) !important;
}

body.dark-theme .prop-card .prop-price,
body.dark-theme .prop-card .price {
    color: var(--gold) !important;
}

/* Pagination */
body.dark-theme .pagination .page-item .page-link {
    background-color: var(--dark-bg-3) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-theme .pagination .page-item.active .page-link {
    background-color: var(--gold) !important;
    border-color: var(--gold) !important;
    color: #000 !important;
}

body.dark-theme .pagination .page-item .page-link:hover {
    background-color: var(--dark-bg-4) !important;
    color: var(--gold) !important;
}