/* === JD'S MOTORS: THEME 3 UNIFICATION v3 === */

/* 1) Top bar: solid black, exactly like the homepage look */
.inner-header,
.inner-header .header-border { background-color: #000000 !important; }

/* 2) Top bar: green icons + white text (homepage match) */
.inner-header .header-left-item .header-left-inner .icon span svg,
.inner-header .header-left-item .header-left-inner .icon .span-two svg,
.inner-header .header-right-item .header-right-item-btn .dropdown span svg { color: #46d993 !important; }
.inner-header .header-left-item .header-left-inner .text p a,
.inner-header .header-right-item .header-right-item-btn .btn-secondary { color: #ffffff !important; }

/* 3) Menu row: white with navy links, green hovers (homepage match) */
.inner-header .menu-bg { background-color: #ffffff !important; }
.inner-header .menu-bg .nav-main .nav-left .menu ul li a { color: #0d274e !important; }
.inner-header .menu-bg .nav-main .nav-left .menu ul li a:hover { color: #46d993 !important; }
.inner-header .menu-bg .nav-main .nav-left .menu ul li .sub-menu li a:hover { color: #46d993 !important; }
.inner-header .menu-bg .nav-main .nav-left .menu ul li .sub-menu li a:hover::after { background-color: #46d993 !important; }

/* 4) Compare button: navy box + green count badge (homepage match) */
.inner-header .menu-bg .nav-main .nav-btn .user { background-color: #0d274e !important; border-color: #0d274e !important; }
.inner-header .menu-bg .nav-main .nav-btn .user-list { background-color: #46d993 !important; }

/* 5) Inner banner: BLACK overlay (was navy), white title, green breadcrumb */
.inner-banner .inner-banner-img::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.78); }
.inner-banner .inner-banner-taitel { color: #ffffff !important; }
.inner-banner .breadcrumb .breadcrumb-item,
.inner-banner .breadcrumb .breadcrumb-item::before { color: #ffffff !important; }
.inner-banner .breadcrumb .breadcrumb-item a { color: #ffffff !important; }
.inner-banner .breadcrumb .active { color: #46d993 !important; }
/* Hide the Login button from the header */
.header-right-login-btn a[href*="/login"] {
    display: none !important;
}
/* Hide Country dropdown inside search bars */
.banner-sarchber-box-inner:has(select[name="country"]) { display: none !important; }
   /* Hide "Follow Us" + social media icons in footer */
   .footer .footer-icon {
       display: none !important;
   }
   /* === Kill social links/icons ANYWHERE by their URL (no class names needed) === */
a[href*="facebook.com"],
a[href*="twitter.com"],
a[href*="x.com"],
a[href*="instagram.com"],
a[href*="linkedin.com"],
a[href*="wa.me"],
a[href*="whatsapp"],
a[href*="youtube.com"],
a[href*="t.me"] {
    display: none !important;
}

/* === Kill the Tawk live-chat bubble === */
#tawkchat-container,
.tawk-min-container,
.tawk-max-container,
iframe[src*="tawk"] {
    display: none !important;
}
/* ==== MASTER: THEME 3 UNIFICATION + CLEANUP ==== */
/* 1) Inner top bar black */
.inner-header, .inner-header .header-border { background-color: #000000 !important; }
/* 2) Top bar green icons + white text */
.inner-header .header-left-item .header-left-inner .icon span svg,
.inner-header .header-left-item .header-left-inner .icon .span-two svg,
.inner-header .header-right-item .header-right-item-btn .dropdown span svg { color: #46d993 !important; }
.inner-header .header-left-item .header-left-inner .text p a,
.inner-header .header-right-item .header-right-item-btn .btn-secondary { color: #ffffff !important; }
/* 3) Menu row white, navy links, green hovers */
.inner-header .menu-bg { background-color: #ffffff !important; }
.inner-header .menu-bg .nav-main .nav-left .menu ul li a { color: #0d274e !important; }
.inner-header .menu-bg .nav-main .nav-left .menu ul li a:hover { color: #46d993 !important; }
.inner-header .menu-bg .nav-main .nav-left .menu ul li .sub-menu li a:hover { color: #46d993 !important; }
.inner-header .menu-bg .nav-main .nav-left .menu ul li .sub-menu li a:hover::after { background-color: #46d993 !important; }
/* 4) Compare button navy + green badge */
.inner-header .menu-bg .nav-main .nav-btn .user { background-color: #0d274e !important; border-color: #0d274e !important; }
.inner-header .menu-bg .nav-main .nav-btn .user-list { background-color: #46d993 !important; }
/* 5) Inner banner: black overlay, white title, green crumb */
.inner-banner .inner-banner-img::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.78); }
.inner-banner .inner-banner-taitel { color: #ffffff !important; }
.inner-banner .breadcrumb .breadcrumb-item,
.inner-banner .breadcrumb .breadcrumb-item::before { color: #ffffff !important; }
.inner-banner .breadcrumb .breadcrumb-item a { color: #ffffff !important; }
.inner-banner .breadcrumb .active { color: #46d993 !important; }
/* 6) Hide Country dropdown */
.banner-sarchber-box-inner:has(select[name="country"]) { display: none !important; }
/* 7) Hide Login button */
.header-right-login-btn a[href*="/login"] { display: none !important; }
/* 8) Hide social links by URL */
a[href*="facebook.com"], a[href*="twitter.com"], a[href*="x.com"],
a[href*="instagram.com"], a[href*="linkedin.com"], a[href*="wa.me"],
a[href*="whatsapp"], a[href*="youtube.com"], a[href*="t.me"] { display: none !important; }
/* 9) Hide Tawk bubble */
#tawkchat-container, .tawk-min-container, .tawk-max-container, iframe[src*="tawk"] { display: none !important; }
/* 10) Footer: hide My Profile column + divider */
.footer .footer-res-mt { display: none !important; }
.footer .copyright .copyright-item a { border-right: 0 !important; padding-right: 0 !important; }
/* =========================================
   KILL CTA BANNER & VIDEO BANNER GLOBALLY
   ========================================= */

/* 1. Kill "Need Any Help? / Car Listing Now!" CTA Banner */
.call-to-action, 
.pre-footer, 
.cta-area, 
.need-help, 
.cta-banner, 
section[class*="cta"], 
div[class*="cta"],
.call-to-action-area {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* 2. Kill Video Banner on About Us / Inner Pages */
.about-vedio, 
.intro-video, 
.vedio, 
.video-banner, 
.why-choose-us, 
.about-video, 
.video-area,
.vedio-section {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
}
/* ==== KILL "Car Listing Now! / Need Any Help?" BANNER (all pages) ==== */

/* 1) Best case: hides the ENTIRE banner section (background + phone + buttons) */
section:has(.help-taitel) { display: none !important; }

/* 2) Fallback: hides the heading and every element sitting after it in the same box */
.help-taitel, .help-taitel ~ * { display: none !important; }

/* 3) Fallback: hides any wrapper from the "help" family (help-bg, help-section, help-item...) */
.help, [class*="help-"] { display: none !important; }
/* =========================================
   HIDE LOCATION & PURPOSE FILTERS ON LISTINGS
   ========================================= */

/* 1. Hide Location filter box (and its label) */
.filter-item:has(select[name="location"]),
.sidebar-widget:has(select[name="location"]),
.form-group:has(select[name="location"]),
div[class*="filter"]:has(select[name="location"]),
select[name="location"], 
label[for="location"] {
    display: none !important;
}

/* 2. Hide Purpose filter box (For Rent / For Sale) */
.filter-item:has(select[name="purpose"]),
.sidebar-widget:has(select[name="purpose"]),
.form-group:has(select[name="purpose"]),
div[class*="filter"]:has(select[name="purpose"]),
select[name="purpose"], 
label[for="purpose"] {
    display: none !important;
}
/* =========================================
   INSTANT KILL: LOCATION & PURPOSE (ZERO FLASH!)
   CSS runs before page renders = NO FLASHING!
   ========================================= */

/* 1. KILL LOCATION (Country & City) */
/* Hides the "Location" heading box */
.inventory-taitel:has(+ .location-box) {
    display: none !important;
}
/* Hides the dropdown boxes and their visual Select2 containers */
.location-box,
#country_id + .select2-container,
#city_id + .select2-container {
    display: none !important;
    visibility: hidden !important;
}

/* 2. KILL PURPOSE (For Rent / For Sale) */
/* Hides the entire accordion item containing the checkboxes instantly */
.accordion-item:has([name="purpose[]"]),
.accordion-item:has(#for_rent),
.accordion-item:has(#for_sale),
.accordion-item:has(.form-check-input[value="Rent"]),
.accordion-item:has(.form-check-input[value="Sale"]) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}
/* =========================================
   KILL "FOLLOW US" ON CONTACT PAGE
   ========================================= */
.contact-share { display: none !important; }
/* =========================================
   HIDE "LISTED BY : [NAME]" ON LISTING CARDS
   ========================================= */
.brand-car-btm-txt { display: none !important; }
/* =========================================
   HIDE "NEW CAR" TAB BUTTON
   ========================================= */
#pills-home-tab { display: none !important; }
/* =========================================
   HIDE "NEW CAR" TAB BUTTON
   ========================================= */
#pills-contact-tab1 { display: none !important; }
/* =========================================
   HIDE "NEW" CONDITION CHECKBOX + LABEL
   ========================================= */

/* Hide the label */
label[for="new_condition"] { display: none !important; }

/* Hide the checkbox input itself */
#new_condition { display: none !important; }

/* Hide the parent wrapper box (form-check) that holds them both */
.form-check:has(#new_condition) { display: none !important; }
/* Hide "Member Since" text */
.auto-sales-text-left p {
    display: none !important;
}

/* Hide "Total Cars" text */
.auto-sales-text-right h6 {
    display: none !important;
}

/* Hide the 5 yellow stars and the "(0 Reviews)" text */
.auto-sales-text-right p {
    display: none !important;
}
/* 1. Turn the main listing content column into a vertical flex container */
.inventory-details .col-lg-8.col-md-7 {
    display: flex !important;
    flex-direction: column !important;
}

/* 2. Force Key Information to appear FIRST */
#accordionPanelsStayOpenExample1 {
    order: 1 !important;
}

/* 3. Force Features to appear SECOND */
#accordionPanelsStayOpenExample2 {
    order: 2 !important;
}

/* 4. Force Description Overview to appear THIRD */
#accordionPanelsStayOpenExample {
    order: 3 !important;
}
/* ==========================================
   FORCE "USED CAR" AS DEFAULT (HOMEPAGE ONLY)
   ========================================== */

/* 1. Make the "Used Car" button look ACTIVE */
#pills-tab23 button#pills-profile-tab {
    background-color: #405FF2 !important; 
    color: #ffffff !important;
    border-color: transparent !important;
}

/* 2. Make the "New Car" button look INACTIVE */
#pills-tab23 button#pills-home-tab {
    background-color: transparent !important;
    color: #6c757d !important; 
    border-color: transparent !important;
}

/* 3. Force the "Used Car" content pane to SHOW 
   (Overrides Bootstrap .fade and .tab-pane rules) */
body:has(#pills-tab23) #pills-profile {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    transition: none !important;
}

/* 4. Force the "New Car" content pane to HIDE */
body:has(#pills-tab23) #pills-home {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}