* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --background: #F8F8F8;
    --primary: #FEA116;
    --primary-hover: #e59010;
    --primary-light: #fedeb0;
    --dark-card: #080808;
    
    --bg-light: #F8F9FA;
    --bg-tabs: #F0F2F5;
    --bg-hover: #F7FAFC;
    
    --text-dark: #1A202C;
    --text-muted: #4A5568;
    --text-gray: #718096;
    --text-light: #bcbcbc;
    
    --placeholder: #A0AEC0;
    --border-color: #E2E8F0;
    --border-light: #EAEAEA;
    --border-hover: #CBD5E0;
    
    --white: #ffffff;
    --black: #000000;
    --black-hover: #222222;


    --dark-100: #141414;
    --dark-200: #0F1115;
    --dark-300: #05080D;
    --dark-400: #020408;
    --dark-500: #3F3F3F;
    --dark-600: #6C6C6C;


    --white-85: rgba(255,255,255,.85);
    --white-75: rgba(255,255,255,.75);
    --white-70: rgba(255,255,255,.70);
    --white-65: rgba(255,255,255,.65);
    --white-08: rgba(255,255,255,.08);
    --white-06: rgba(255,255,255,.06);
    --white-04: rgba(255,255,255,.04);

    --primary-50: rgba(254,161,22,.50);
    --primary-25: rgba(254,161,22,.25);
    --primary-20: rgba(254,161,22,.20);
    --primary-15: rgba(254,161,22,.15);
    --primary-08: rgba(254,161,22,.08);
    --primary-05: rgba(254,161,22,.05);

    --shadow-dark: rgba(0, 0, 0, 0.45);
    --text-gray-light: #999999;
    --white-18: rgba(255, 255, 255, 0.18);
    --white-05: rgba(255, 255, 255, 0.05);

    --gradient-dark-start: #4A4A4A;
    --gradient-dark-end: #1E1E1E;
    --text-tab-inactive: #7E8B9B;
    --shadow-light: rgba(0, 0, 0, 0.06);
    --shadow-color: rgba(0, 0, 0, 0.06);
    --text-social: #2D3748;
    --white-10: rgba(255, 255, 255, 0.10);
    --success: #4CAF50;
    --success-light: rgba(76, 175, 80, 0.15);   
    --occupied: #3B82F6;
    --occupied-light: rgba(59, 130, 246, 0.15);
    --error: #F44336;
    --error-25: rgba(244, 67, 54, 0.25);
    --phone-mock: #1f2c45;
    --shadow-toast: rgba(0, 0, 0, 0.25);
    --bg-color: var(--dark-400);
}

body.light-mode {
    background: var(--background);
}

.light-mode {
    --dark-card: #ffffff;
    --dark-100: #f0f0f0;
    --dark-200: #ffffff;
    --dark-300: #f8f8f8;
    --dark-400: #ffffff;
    --dark-500: #dddddd;
    --dark-600: #bbbbbb;
    --bg-color: #ffffff;
    --white-08: rgba(0, 0, 0, 0.06);
    --white-06: rgba(0, 0, 0, 0.04);
    --white-05: rgba(0, 0, 0, 0.03);
    --white-04: rgba(0, 0, 0, 0.02);
    --white-10: rgba(0, 0, 0, 0.06);
    --shadow-dark: rgba(0, 0, 0, 0.08);
    --phone-mock: #e8edf5;
}

/* ----- HEADER ----- */
.light-mode .signup-btn:hover,
.light-mode .mobile-signup-btn:hover {
    background: var(--primary-light);
    color: var(--black);
    box-shadow: 0 4px 14px var(--primary-25);
}

/* ----- HOME PAGE ----- */
.light-mode .hero-section .hero-subtitle { color: var(--text-light); }
.light-mode .hero-section .hero-users { color: var(--text-light); }
.light-mode .hero-section .hero-users strong { color: var(--white); }
.light-mode .hero-section .joined-text { color: var(--text-light); }
.light-mode .hero-section .search-item { color: var(--text-dark); }
.light-mode .hero-section .search-item p { color: var(--text-dark); }
.light-mode .hero-section .search-item span { color: var(--text-gray); }
.light-mode .hero-section .search-input-wrap input,
.light-mode .hero-section .date-field input { color: var(--text-dark); }
.light-mode .hero-section .search-input-wrap .search-icon { color: var(--text-gray); }
.light-mode .hero-section .counter-label h6,
.light-mode .hero-section .counter-value { color: var(--text-dark); }
.light-mode .hero-section .counter-btn { color: var(--text-dark); background: var(--dark-100); }
.light-mode .hero-section .dropdown-header-title { color: var(--text-dark); }
.light-mode .hero-section .location-option { color: var(--text-gray); }
.light-mode .testimonial-user h5 { color: var(--text-dark); }
.light-mode .testimonial-card p { color: var(--text-gray); }
.light-mode .search-filter-section { background: var(--dark-200); }
.light-mode .search-filter-section .filter-title { color: var(--text-dark); }
.light-mode .search-filter-section .filter-subtitle { color: var(--text-gray); }
.light-mode .search-filter-section .filter-tabs button { background: var(--dark-100); color: var(--text-dark); }
.light-mode .search-filter-section .filter-select { color: var(--text-dark); }
.light-mode .search-filter-section .filter-select i { color: var(--text-gray); }
.light-mode .search-filter-section .slider-values { color: var(--text-gray); }
.light-mode .search-filter-section .slider-values span { color: var(--text-dark); }
.light-mode .search-filter-section .preset-btn { color: var(--text-dark); background: var(--dark-100); }
.light-mode .search-filter-section .equip-checkbox-label { color: var(--text-dark); }
.light-mode .search-filter-section .checkbox-custom { background: var(--dark-100); }
.light-mode .trending-videos-section { background: var(--dark-200); }
.light-mode .trending-videos-section .videos-title h3 { color: var(--text-dark); }
.light-mode .iconic-section { background: var(--dark-200); }
.light-mode .iconic-section .iconic-title { color: var(--text-dark); }
.light-mode .why-choose-section { background: var(--dark-200); }
.light-mode .why-choose-section .choose-title { color: var(--text-dark); }
.light-mode .why-choose-section .choose-description { color: var(--text-gray); }
.light-mode .why-choose-section .stat-box h3 { color: var(--text-dark); }
.light-mode .why-choose-section .stat-box span { color: var(--text-gray); }
.light-mode .city-section { background: var(--dark-200); }
.light-mode .city-section .city-title { color: var(--text-dark); }
.light-mode .hotel-solution-section { background: var(--dark-200); }
.light-mode .hotel-solution-section .solution-title { color: var(--text-dark); }
.light-mode .mobile-app-section { background: var(--dark-200); }
.light-mode .mobile-app-section .app-title { color: var(--text-dark); }
.light-mode .mobile-app-section .app-description { color: var(--text-gray); }
.light-mode .blog-section { background: var(--dark-200); }
.light-mode .blog-section .blog-title { color: var(--text-dark); }

/* ----- CHECKOUT PAGE ----- */
.light-mode .checkout-title { color: var(--text-dark); }
.light-mode .payment-card-box { background: var(--dark-100); border-color: var(--border-color); }
.light-mode .summary-card { background: var(--dark-100); border-color: var(--border-color); }
.light-mode .payment-card-box .form-input-custom { color: var(--text-dark); background: var(--white); border-color: var(--border-color); }
.light-mode .payment-card-box .form-input-custom::placeholder { color: var(--placeholder); }
.light-mode .payment-card-box .input-icon { color: var(--text-gray); }
.light-mode .payment-card-box .consent-text { color: var(--text-gray); }
.light-mode .payment-card-box .custom-checkbox { border-color: var(--border-color); }
.light-mode .consent-text { color: var(--text-gray); }
.light-mode .consent-container .custom-checkbox { border-color: var(--border-color); }
.light-mode .brand-badge-wrapper { background: var(--dark-100); border-color: var(--border-color); }
body:not(.light-mode) .brand-badge-wrapper { background: var(--dark-200); border-color: var(--white-08); }
body:not(.light-mode) .brand-badge-wrapper i { color: var(--white-75) !important; }
.light-mode .summary-card .summary-villa-title { color: var(--text-dark); }
.light-mode .summary-card .summary-villa-title a { color: var(--text-dark) !important; }
.light-mode .summary-card .summary-date-value { color: var(--text-dark); }
.light-mode .summary-card .summary-price-row { color: var(--text-gray); }
.light-mode .summary-card .price-item-value { color: var(--text-dark); }
.light-mode .summary-card .total-title { color: var(--text-dark); }
.light-mode .trust-badge { background: var(--dark-100); border-color: var(--border-color); color: var(--text-dark); }
.light-mode .payment-card-box select.form-input-custom { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23000000' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 18px center; background-size: 12px 8px; padding-right: 42px; }

/* ----- PROPERTY LIST PAGE ----- */
.light-mode .property-toolbar-section { background: var(--dark-100); }
.light-mode .property-toolbar-section .search-box { background: var(--white); border-color: var(--border-color); box-shadow: 0 10px 30px var(--shadow-light), 0 0 20px var(--primary-15); }
.light-mode .property-toolbar-section .search-item { color: var(--text-dark); }
.light-mode .property-toolbar-section .search-item p { color: var(--text-dark); }
.light-mode .property-toolbar-section .search-item span { color: var(--text-gray); }
.light-mode .property-toolbar-section .search-input-wrap input,
.light-mode .property-toolbar-section .date-field input { color: var(--text-dark); background: var(--dark-100); border-color: var(--border-color); }
.light-mode .property-toolbar-section .search-input-wrap .search-icon { color: var(--text-gray); }
.light-mode .property-toolbar-section .counter-label h6,
.light-mode .property-toolbar-section .counter-value { color: var(--text-dark); }
.light-mode .property-toolbar-section .counter-label span { color: var(--text-gray); }
.light-mode .property-toolbar-section .counter-btn { color: var(--text-dark); background: var(--dark-100); border-color: var(--border-color); }
.light-mode .property-toolbar-section .dropdown-header-title { color: var(--text-dark); }
.light-mode .property-toolbar-section .location-option { color: var(--text-gray); }
.light-mode .property-toolbar-section .location-option.no-results { color: var(--text-gray); }
.light-mode .property-toolbar-section .search-dropdown { border-color: var(--border-color); box-shadow: 0 15px 35px var(--shadow-light); }
.light-mode .luxury-property-section { background: var(--dark-200); }
.light-mode .selection-benefits-section { background: var(--dark-200); }
.light-mode .view-btn.active { background: var(--dark-100); color: var(--text-dark); }
.light-mode .property-result-count strong { color: var(--text-dark); }
.light-mode .property-result-count span { color: var(--text-gray); }
.light-mode .view-btn { color: var(--text-gray); }
.light-mode .sort-btn { color: var(--text-dark); background: var(--dark-100); }
.light-mode .sort-btn i { color: var(--text-dark); }
.light-mode .property-toolbar-actions .dropdown-menu { background: var(--white); border-color: var(--border-color); }
.light-mode .property-toolbar-actions .dropdown-item { color: var(--text-dark); }
.light-mode .property-filter-card { background: var(--white); border-color: var(--border-color); box-shadow: 0 4px 20px var(--shadow-light); }
.light-mode .filter-header h4 { color: var(--text-dark); }
.light-mode .filter-group h6 { color: var(--text-gray); }
.light-mode .filter-group input[type="text"] { color: var(--text-dark); border-color: var(--border-color); background: var(--white); }
.light-mode .filter-checkbox { color: var(--text-dark); }
.light-mode .filter-checkbox span { color: var(--text-dark); }
.light-mode .filter-checkbox:hover span { color: var(--text-dark); }
.light-mode .filter-checkbox input[type="checkbox"] { background: var(--white); border-color: var(--border-color); }
.light-mode .property-card { background: var(--white); border-color: var(--border-color); box-shadow: 0 4px 16px var(--shadow-light); }
.light-mode .property-card:hover { box-shadow: 0 8px 30px var(--shadow-color); }
.light-mode .property-rating { color: var(--text-dark); background: var(--dark-100); }
.light-mode .property-hotel-author a { color: var(--text-dark); }
.light-mode .details-btn { color: var(--text-dark); }
.light-mode .load-more-btn { color: var(--text-dark); background: var(--dark-100); }
.light-mode #filterSidebar.offcanvas-xl { background: var(--white); }

/* ----- PROPERTY DETAILS PAGE ----- */
.light-mode .gallery-item { background: var(--dark-100); }
.light-mode .property-tabs { background: var(--dark-100); }
.light-mode .property-tabs .tab-link { color: var(--text-gray); }
.light-mode .similar-villas-section { background: transparent; }
.light-mode .sticky-booking-widget { background: var(--white); border-color: var(--border-color); box-shadow: 0 10px 40px var(--shadow-light); }
.light-mode .sticky-booking-widget .input-with-icon input,
.light-mode .sticky-booking-widget .input-with-icon .select-field { color: var(--text-dark) !important; background: var(--white); border-color: var(--border-color); }
.light-mode .sticky-booking-widget .booking-guests .filter-select .selected-value { color: var(--text-dark); }
.light-mode .sticky-booking-widget .rating-val { color: var(--text-dark); }
.light-mode .aether-guarantee-card { background: var(--dark-100); border-color: var(--border-color); }
.light-mode .aether-guarantee-card .guarantee-title { color: var(--text-dark); }
.light-mode .similar-villas-section .property-card { background: var(--white); border-color: var(--border-color); box-shadow: 0 4px 16px var(--shadow-light); }
.light-mode .similar-villas-section .property-card:hover { box-shadow: 0 8px 30px var(--shadow-color); }
.light-mode .similar-villas-section .property-rating { color: var(--text-dark); background: var(--dark-100); }
.light-mode .similar-villas-section .property-hotel-author a { color: var(--text-dark); }
.light-mode .similar-villas-section .property-location { color: var(--text-gray); }
.light-mode .similar-villas-section .property-footer small,
.light-mode .similar-villas-section .property-footer span { color: var(--text-gray); }

/* ----- PROPERTY DETAILS PAGE (main content) ----- */
.light-mode .property-container-layout { color: var(--text-dark); }
.light-mode .property-title { color: var(--text-dark); }
.light-mode .property-location { color: var(--text-gray); }
.light-mode .spec-label { color: var(--text-gray); }
.light-mode .spec-value { color: var(--text-dark); }
.light-mode .host-info h5 { color: var(--text-dark); }
.light-mode .property-description p { color: var(--text-gray); }
.light-mode .section-title { color: var(--text-dark); }
.light-mode .amenity-item h6 { color: var(--text-dark); }
.light-mode .amenity-item p { color: var(--text-gray); }
.light-mode .section-divider { border-color: var(--border-color); }
.light-mode .reviews-header { border-color: var(--border-color); }
.light-mode .reviews-main-title { color: var(--text-dark); }
.light-mode .reviews-subtitle { color: var(--text-gray); }
.light-mode .review-card { background: var(--white); border-color: var(--border-color); }
.light-mode .review-card:hover { border-color: var(--border-hover); box-shadow: 0 4px 20px var(--shadow-light); }
.light-mode .reviewer-name-text { color: var(--text-dark); }
.light-mode .reviewer-role-text { color: var(--text-gray); }
.light-mode .reviewer-quote-content { color: var(--text-gray); }
.light-mode .review-date-text { color: var(--text-gray); }
.light-mode .view-all-reviews-btn { color: var(--text-dark); border-color: var(--border-color); }
.light-mode .view-all-reviews-btn:hover { background: var(--dark-100); color: var(--text-dark); border-color: var(--border-color); }
.light-mode .explore-all-btn { color: var(--text-dark); border-color: var(--border-color); }
.light-mode .explore-all-btn:hover { background: var(--dark-100); color: var(--text-dark); border-color: var(--border-color); }
.light-mode .rating-breakdown-label { color: var(--text-gray); }
.light-mode .hourly-price-item { background: var(--dark-100); border-color: var(--border-color); }
.light-mode .hourly-price-item label { color: var(--text-gray); }

/* ----- PROPERTY DETAILS PAGE (booking widget) ----- */
.light-mode .sticky-booking-widget .price-value { color: var(--text-dark); }
.light-mode .sticky-booking-widget .price-unit { color: var(--text-gray); }
.light-mode .sticky-booking-widget .booking-fields-wrapper { background: var(--dark-100); border-color: var(--border-color); }
.light-mode .booking-fields-wrapper .booking-dates,
.light-mode .booking-fields-wrapper .date-input-group.border-start { border-color: var(--border-color); }
.light-mode .booking-guests .guests-option { color: var(--text-gray); }
.light-mode .booking-guests .guests-option:hover { background: var(--dark-100); color: var(--text-dark); }
.light-mode .widget-counter-label { color: var(--text-gray); }
.light-mode .widget-counter-value { color: var(--text-dark); }
.light-mode .pricing-breakdown { border-color: var(--border-color); }
.light-mode .price-row { color: var(--text-gray); }
.light-mode .price-row.total-row { color: var(--primary); }
.light-mode .underline-label { text-decoration-color: var(--border-color); }
.light-mode .share-btn { background: var(--dark-100); color: var(--text-dark); border-color: var(--border-color); }

body {
    font-family: 'Inter', sans-serif;
    background: var(--black);
    min-height: 100vh;
}

body:not(.light-mode) :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
    color: var(--white);
}

body:not(.light-mode) input,
body:not(.light-mode) input:focus,
body:not(.light-mode) textarea,
body:not(.light-mode) textarea:focus,
body:not(.light-mode) select,
body:not(.light-mode) select:focus {
    color: var(--white);
}

body:not(.light-mode) p,
body:not(.light-mode) li,
body:not(.light-mode) .text,
body:not(.light-mode) .card_text {
    color: var(--white-75);
}

body:not(.light-mode) .accordion-item .accordion-body p {
    color: var(--text-dark);
}

body:not(.light-mode) p a {
    color: var(--white-85);
}

body:not(.light-mode) p a:hover {
    color: var(--primary);
}

body:not(.light-mode) .text-dark {
    color: var(--white-75) !important;
}

body:not(.light-mode) .text-muted {
    color: var(--white-65) !important;
}

body:not(.light-mode) .color-dark {
    color: var(--white) !important;
}

body:not(.light-mode) .vendor-area .card {
    --bs-card-bg: var(--dark-card);
    background: var(--dark-card);
    border: 1px solid var(--white-08);
}

body:not(.light-mode) .vendor-area .card .card-info-area {
    background: var(--dark-200);
}

body:not(.light-mode) .vendor-area .card .card-info .title a {
    color: var(--white);
}

body:not(.light-mode) .vendor-area .card .card-info .text-muted a {
    color: var(--white-65);
}

body:not(.light-mode) .vendor-area .card .card-info .color-dark {
    color: var(--white) !important;
}

body:not(.light-mode) .vendor-area .card .card-list a {
    color: var(--white-75);
}

body:not(.light-mode) .vendor-area .card .card-list a.text-dark,
body:not(.light-mode) .vendor-area .card .card-list li span {
    color: var(--white-75) !important;
}

/* Footer always uses a light background, so keep its text dark in dark mode */
body:not(.light-mode) .footer p,
body:not(.light-mode) .footer li,
body:not(.light-mode) .footer .text,
body:not(.light-mode) .footer .card_text,
body:not(.light-mode) .footer .footer-text,
body:not(.light-mode) .footer .newsletter-text {
    color: var(--text-muted);
}

body:not(.light-mode) .footer :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6),
body:not(.light-mode) .footer .footer-title {
    color: var(--text-dark);
}

body:not(.light-mode) .footer .copyright,
body:not(.light-mode) .footer .footer-policy a {
    color: var(--text-gray);
}

body:not(.light-mode) .footer .newsletter-input {
    color: var(--text-dark);
}

.container-sm {
    max-width: 800px;
}

/* ----- VENDOR DASHBOARD (light mode) ----- */
body.light-mode .bootstrap-tagsinput {
    background: var(--white) !important;
    border-color: var(--border-color) !important;
    color: var(--text-dark);
}

body.light-mode .bootstrap-tagsinput input {
    color: var(--text-dark);
}

body.light-mode .bootstrap-tagsinput input::placeholder {
    color: var(--placeholder);
}

.text-primary {
    color: var(--primary) !important;
}

/* ----- USER DASHBOARD (frontend user panel) dark mode: keep light surfaces, use dark text ----- */
body:not(.light-mode) .user-dashboard :is(h1, h2, h3, h4, h5, h6) {
    color: var(--text-dark);
}

body:not(.light-mode) .user-dashboard p,
body:not(.light-mode) .user-dashboard li,
body:not(.light-mode) .user-dashboard .text,
body:not(.light-mode) .user-dashboard .card_text {
    color: var(--text-medium);
}

body:not(.light-mode) .user-dashboard input,
body:not(.light-mode) .user-dashboard textarea,
body:not(.light-mode) .user-dashboard select {
    color: var(--text-dark);
}

/* ----- BOOKING / PURCHASE SUCCESS dark mode: keep light surface, use dark text ----- */
body:not(.light-mode) .purchase-success :is(h1, h2, h3, h4, h5, h6),
body:not(.light-mode) .booking-success :is(h1, h2, h3, h4, h5, h6) {
    color: var(--text-dark);
}

body:not(.light-mode) .purchase-success p,
body:not(.light-mode) .booking-success p {
    color: var(--text-medium);
}

/* ----- CALL ACTIONS (Audio Call / Video Call / Send Message) ----- */
.call-actions-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.call-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--white-08);
    border: 1px solid var(--white-18);
    color: var(--white-85);
    border-radius: 8px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.2;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.call-action-btn i {
    font-size: 15px;
    line-height: 1;
}

.call-action-btn:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--black);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px var(--primary-25);
}

.light-mode .call-action-btn {
    background: #ffffff;
    border-color: var(--border-color);
    color: var(--text-dark);
    box-shadow: 0 2px 10px var(--shadow-color);
}

.light-mode .call-action-btn:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--black);
    box-shadow: 0 8px 25px var(--primary-25);
}

/* ----- LEGACY PRODUCT CARDS (vendor / hotel / room grids) dark mode: match v2 property-card ----- */
body:not(.light-mode) .product-default {
    background: var(--dark-card);
    border: 1px solid var(--white-06) !important;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

body:not(.light-mode) .product-default:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7);
    border-color: var(--primary-15) !important;
}

body:not(.light-mode) .product-default :is(h1, h2, h3, h5, h6) {
    color: var(--white);
}

body:not(.light-mode) .product-default h4 {
    color: var(--primary);
}

body:not(.light-mode) .product-default p,
body:not(.light-mode) .product-default li,
body:not(.light-mode) .product-default span {
    color: var(--white-75);
}

body:not(.light-mode) .product-default a:not(.btn) {
    color: var(--white-75);
}

body:not(.light-mode) .product-default a:not(.btn):hover {
    color: var(--primary);
}

body:not(.light-mode) .product-default h4 a,
body:not(.light-mode) .product-default h4 a:hover {
    color: var(--primary);
}

body:not(.light-mode) .product-default .btn-icon,
body:not(.light-mode) .product-default .rank-star,
body:not(.light-mode) .product-default .product-icon_list .list-item,
body:not(.light-mode) .product-default .more_item_show_btn,
body:not(.light-mode) .product-default .more_items_icons {
    background: var(--white-08);
    border-color: var(--white-10);
}

body:not(.light-mode) .product-default .product_details {
    border-top-color: var(--white-08);
}

/* ----- VENDOR PROFILE SIDEBAR (transparent surface over dark body) dark mode: force light text ----- */
body:not(.light-mode) .vendor-area .widget-area .vendor-info .verification,
body:not(.light-mode) .vendor-area .widget-area .toggle-list li .first,
body:not(.light-mode) .vendor-area .widget-area .toggle-list li .last,
body:not(.light-mode) .vendor-area .widget-area .toggle-list li .last *,
body:not(.light-mode) .vendor-area .widget-area .show-more-btn,
body:not(.light-mode) .vendor-area .widget-area .read-more-btn,
body:not(.light-mode) .vendor-area .widget-area .color-dark {
    color: var(--white-75);
}

body:not(.light-mode) .vendor-area .widget-area .toggle-list li .first {
    color: var(--white-85);
}

/* ----- LEGACY TAB NAVIGATION (vendor / listing filters) dark mode ----- */
body:not(.light-mode) .tabs-navigation .nav .nav-link {
    color: var(--white-75);
    background-color: var(--white-08);
}

body:not(.light-mode) .tabs-navigation .nav .nav-link:hover,
body:not(.light-mode) .tabs-navigation .nav .nav-link:focus {
    color: var(--white);
}

body:not(.light-mode) .tabs-navigation .nav .nav-link:is(.active) {
    color: var(--black) !important;
    background-color: var(--primary);
}