/* ============================================
   TRIPATHI AND BROTHERS AUTOMOBILES
   Complete Dark Theme Override
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap');

/* ============ OVERRIDE ALL CSS VARIABLES ============ */
:root {
    --primary-color-1: #4f8eff;
    --primary-color-2: #8b5cf6;
    --primary-color-3: #ec4899;
    --headline-color: #ffffff;
    --paragraph-color: rgba(255,255,255,0.55);
    --white-color: #0d1117;
    --dark-bg: #050810;
    --dark-card: rgba(255,255,255,0.04);
    --dark-border: rgba(255,255,255,0.08);
    --blue: #4f8eff;
    --purple: #8b5cf6;
}

/* ============ GLOBAL BODY & HTML ============ */
html, body {
    background: #050810 !important;
    color: #fff !important;
    font-family: 'DM Sans', sans-serif !important;
    cursor: none !important;
}

/* ============ CUSTOM CURSOR ============ */
.tm-cursor {
    position: fixed;
    width: 10px; height: 10px;
    background: #4f8eff;
    border-radius: 50%;
    pointer-events: none;
    z-index: 99999;
    transform: translate(-50%, -50%);
    mix-blend-mode: screen;
    transition: width 0.2s, height 0.2s;
}
.tm-cursor-ring {
    position: fixed;
    width: 34px; height: 34px;
    border: 1px solid rgba(79,142,255,0.5);
    border-radius: 50%;
    pointer-events: none;
    z-index: 99998;
    transform: translate(-50%, -50%);
}
.tm-cursor.clicking { width: 6px; height: 6px; }
.tm-cursor-ring.clicking { width: 50px; height: 50px; border-color: rgba(79,142,255,0.15); }

/* ============ ALL BACKGROUNDS → DARK ============ */
section, div, main, article, aside, nav, header, footer,
.container, .container-fluid, .row,
.about, .listing, .blog, .faq, .contact, .pricing,
.dealer, .testimonial, .brand, .banner, .inner-banner,
.feature, .counter, .newsletter, .copyright,
.car-item, .blog-item, .testimonial-item,
.pricing-item, .dealer-item, .feature-item,
.faq-item, .contact-item, .about-item,
.listing-item, .listing-detail, .compare,
.profile, .dashboard, .sidebar,
.banner-two, .banner-three,
.section-bg, .section-bg-2,
.why-choose, .how-works, .cta-section,
.inner-page, .page-wrapper {
    background-color: transparent !important;
    background: transparent !important;
}

/* force page bg */
body > *, .tm-body-offset {
    background: transparent !important;
}

/* ============ HEADINGS & TEXT ============ */
h1, h2, h3, h4, h5, h6 {
    color: #fff !important;
    font-family: 'Syne', sans-serif !important;
}
p, span, li, td, th, label, small {
    color: rgba(255,255,255,0.6) !important;
}
a {
    color: rgba(255,255,255,0.7) !important;
    text-decoration: none !important;
}
a:hover { color: #4f8eff !important; }

/* gradient text for special headings */
.taitel span, .section-title span, h1 span, h2 span {
    background: linear-gradient(135deg, #4f8eff, #8b5cf6) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}

/* ============ NAVBAR (dark theme) ============ */
.tm-navbar {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 2.5rem;
    background: rgba(5,8,16,0.92) !important;
    backdrop-filter: blur(24px);
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.tm-logo {
    display: flex; align-items: center; gap: 0.7rem; text-decoration: none !important;
}
.tm-logo-img {
    width: 40px; height: 40px; border-radius: 10px;
    border: 1px dashed rgba(79,142,255,0.35);
    display: flex; align-items: center; justify-content: center;
    font-size: 0.55rem; color: rgba(79,142,255,0.5) !important;
    background: rgba(79,142,255,0.06) !important; flex-shrink: 0; overflow: hidden;
}
.tm-logo-img img { width: 100%; height: 100%; object-fit: contain; }
.tm-logo-text { display: flex; flex-direction: column; line-height: 1.2; }
.tm-logo-name {
    font-family: 'Syne', sans-serif !important; font-weight: 800; font-size: 1rem;
    background: linear-gradient(135deg, #fff, #4f8eff) !important;
    -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}
.tm-logo-sub { font-size: 0.62rem; color: rgba(255,255,255,0.3) !important; letter-spacing: 0.06em; }
.tm-nav-links { display: flex; align-items: center; gap: 2rem; list-style: none; margin: 0; padding: 0; }
.tm-nav-links a { color: rgba(255,255,255,0.5) !important; font-size: 0.875rem; transition: color 0.2s; position: relative; }
.tm-nav-links a:hover { color: #fff !important; }
.tm-nav-right { display: flex; align-items: center; gap: 0.8rem; }
.tm-dropdown { position: relative; }
.tm-dropdown-toggle {
    display: flex; align-items: center; gap: 0.4rem;
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color: rgba(255,255,255,0.5) !important;
    padding: 0.4rem 0.8rem; border-radius: 8px; font-size: 0.78rem;
    cursor: none; text-decoration: none !important; transition: all 0.2s;
    font-family: 'DM Sans', sans-serif;
}
.tm-dropdown-toggle:hover { border-color: rgba(79,142,255,0.3) !important; color: #fff !important; }
.tm-dropdown-menu {
    position: absolute; top: calc(100% + 8px); right: 0;
    background: rgba(10,14,28,0.98) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 10px; padding: 0.4rem; min-width: 140px;
    z-index: 9999; display: none; backdrop-filter: blur(20px);
}
.tm-dropdown:hover .tm-dropdown-menu { display: block; }
.tm-dropdown-menu a {
    display: block; padding: 0.45rem 0.8rem;
    color: rgba(255,255,255,0.55) !important; font-size: 0.8rem;
    border-radius: 6px; transition: all 0.15s;
}
.tm-dropdown-menu a:hover { background: rgba(79,142,255,0.1) !important; color: #fff !important; }
.tm-compare-btn {
    position: relative; display: flex; align-items: center; justify-content: center;
    width: 36px; height: 36px; border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 8px; color: rgba(255,255,255,0.5) !important;
    text-decoration: none !important; transition: all 0.2s;
    background: rgba(255,255,255,0.03) !important;
}
.tm-compare-btn:hover { border-color: rgba(79,142,255,0.3) !important; color: #4f8eff !important; }
.tm-compare-count {
    position: absolute; top: -6px; right: -6px;
    width: 16px; height: 16px; background: #4f8eff !important;
    border-radius: 50%; font-size: 0.6rem; display: flex;
    align-items: center; justify-content: center; color: #fff !important; font-weight: 600;
}
.tm-login-btn {
    display: flex; align-items: center; gap: 0.4rem;
    background: rgba(79,142,255,0.1) !important;
    border: 1px solid rgba(79,142,255,0.2) !important;
    color: #4f8eff !important; padding: 0.45rem 1rem;
    border-radius: 8px; font-size: 0.8rem; text-decoration: none !important;
    transition: all 0.2s; font-family: 'DM Sans', sans-serif;
}
.tm-login-btn:hover { background: rgba(79,142,255,0.18) !important; color: #fff !important; }
.tm-add-car-btn {
    background: linear-gradient(135deg, #4f8eff, #8b5cf6) !important;
    border: none !important; color: #fff !important; padding: 0.5rem 1.2rem;
    border-radius: 8px; font-size: 0.83rem; text-decoration: none !important;
    font-family: 'DM Sans', sans-serif; font-weight: 500; cursor: none;
}
.tm-add-car-btn:hover { opacity: 0.88; color: #fff !important; }
.tm-body-offset { padding-top: 65px; }

/* hide old header footer */
header.header, header.mobile-header, aside#offcanvas-nav, footer.footer {
    display: none !important;
}

/* ============ MOBILE NAVBAR ============ */
.tm-mobile-nav {
    display: flex; position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    padding: 0.9rem 1.5rem;
    background: rgba(5,8,16,0.98) !important;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    align-items: center; justify-content: space-between;
}
.tm-mobile-actions { display: flex; align-items: center; gap: 0.5rem; }
.tm-mobile-add-car {
    background: linear-gradient(135deg,#4f8eff,#8b5cf6) !important;
    border: none !important; color: #fff !important;
    padding: 0.4rem 0.8rem; border-radius: 8px;
    font-size: 0.72rem; font-weight: 500; white-space: nowrap;
    text-decoration: none !important;
}
.tm-mobile-menu-btn {
    background: none !important; border: 1px solid rgba(255,255,255,0.08) !important;
    color: rgba(255,255,255,0.6) !important; height: 36px;
    border-radius: 8px; display: flex; align-items: center; justify-content: center;
    padding: 0 0.6rem; gap: 0.3rem;
}
.tm-offcanvas {
    position: fixed; top: 0; right: -100%; width: 280px; height: 100vh;
    background: rgba(8,12,24,0.99) !important;
    border-left: 1px solid rgba(255,255,255,0.08) !important;
    z-index: 9999; padding: 2rem 1.5rem; transition: right 0.3s ease; overflow-y: auto;
}
.tm-offcanvas.open { right: 0; }
.tm-offcanvas-overlay {
    position: fixed; inset: 0; background: rgba(0,0,0,0.6) !important;
    z-index: 9998; display: none;
}
.tm-offcanvas-overlay.open { display: block; }
.tm-offcanvas-close {
    background: none !important; border: none !important;
    color: rgba(255,255,255,0.5) !important; font-size: 1.2rem; cursor: none; margin-bottom: 1.5rem; display: block;
}
.tm-offcanvas-links { list-style: none; padding: 0; margin: 0; }
.tm-offcanvas-links li { border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
.tm-offcanvas-links a {
    display: block; padding: 0.85rem 0;
    color: rgba(255,255,255,0.55) !important; font-size: 0.9rem; transition: color 0.2s;
}
.tm-offcanvas-links a:hover { color: #4f8eff !important; }

@media (min-width: 992px) {
    .tm-mobile-nav { display: none !important; }
}
@media (max-width: 991px) {
    .tm-navbar { display: none !important; }
    .tm-body-offset { padding-top: 60px; }
}

@media (max-width: 575px) {
    .tm-mobile-nav { padding: 0.7rem 0.8rem; }
    .tm-logo-name { font-size: 0.75rem !important; }
    .tm-mobile-add-car { font-size: 0.62rem; padding: 0.25rem 0.5rem; }
    .tm-mobile-menu-btn { width: 44px; height: 44px; padding: 0; border: none !important; font-size: 1.1rem; }
    .tm-mobile-actions { gap: 0.3rem; }
}

/* ============ CARDS & ITEMS ============ */
.car-item, .listing-item,
.blog-item, .blog-box,
.testimonial-item, .testimonial-box,
.pricing-item, .pricing-box,
.dealer-item, .dealer-box,
.feature-item, .feature-box,
.faq-item, .accordion-item,
.brand-item, .brand-box,
.why-item, .service-item,
.counter-item, .stat-item,
.review-item, .review-box,
.wishlist-item, .order-item {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
    color: #fff !important;
    transition: transform 0.3s, border-color 0.3s !important;
}
.car-item:hover, .listing-item:hover,
.blog-item:hover, .blog-box:hover,
.dealer-item:hover, .dealer-box:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(79,142,255,0.3) !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.4) !important;
}

/* ============ BUTTONS ============ */
.thm-btn, .thm-btn-two, .thm-btn-thr,
.btn-primary, .sarchber-box-btn,
[class*="thm-btn"] {
    background: linear-gradient(135deg, #4f8eff, #8b5cf6) !important;
    border: none !important; color: #fff !important;
    border-radius: 8px !important; cursor: none !important;
    transition: opacity 0.2s !important;
}
.thm-btn:hover, .thm-btn-two:hover, .thm-btn-thr:hover,
.btn-primary:hover { opacity: 0.88 !important; color: #fff !important; }

/* ============ FORMS & INPUTS ============ */
input, select, textarea, .form-control, .form-select {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color: #fff !important; border-radius: 10px !important;
}
input:focus, select:focus, textarea:focus,
.form-control:focus, .form-select:focus {
    background: rgba(255,255,255,0.07) !important;
    border-color: rgba(79,142,255,0.4) !important;
    box-shadow: none !important; color: #fff !important;
    outline: none !important;
}
input::placeholder, textarea::placeholder { color: rgba(255,255,255,0.2) !important; }
option { background: #0d1117 !important; color: #fff !important; }

/* ============ INNER BANNER ============ */
.inner-banner {
    background: linear-gradient(135deg, #050810, #0d1830) !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    padding: 5rem 0 3rem !important;
}
.inner-banner h1, .inner-banner-taitel {
    color: #fff !important;
    font-family: 'Syne', sans-serif !important;
    font-weight: 700 !important;
}
.breadcrumb-item a { color: #4f8eff !important; }
.breadcrumb-item.active { color: rgba(255,255,255,0.5) !important; }
.breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,0.3) !important; }

/* ============ SECTIONS ============ */
.about, .listing-section, .blog-section,
.testimonial, .pricing, .dealers-section,
.features-section, .counter-section,
.why-section, .how-section, .cta-section,
.section-padding, .pt-100, .pb-100,
.mt-100, .mb-100 {
    background: transparent !important;
}

/* section backgrounds alternating */
.section-bg, .gray-bg, .f8f8f8,
[style*="background: #f8f8f8"],
[style*="background-color: #f8f8f8"],
[style*="background:#f8f8f8"] {
    background: rgba(255,255,255,0.02) !important;
}

/* ============ HOMEPAGE BANNER ============ */
.banner-two, .banner-one, .banner-three {
    background: transparent !important;
    position: relative !important;
}
.banner-two::before, .banner-one::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(5,8,16,0.75) !important;
    z-index: 1 !important;
}
.banner-two .container, .banner-one .container,
.banner-two .banner-taitel, .banner-two .banner-txt,
.banner-two-txt, .banner-sarchber-box,
.banner-sarchber-box-item {
    position: relative !important;
    z-index: 2 !important;
}
.banner-two .banner-sarchber-box-inner,
.banner .banner-search-bar,
.banner-sarchber-box {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 14px !important;
}
.banner .banner-search-bar .banner-sarchber-box-inner .form-control,
.banner .banner-search-bar .banner-sarchber-box-inner .form-select {
    background: transparent !important;
    color: #fff !important;
    border: none !important;
}
.banner .banner-search-bar .nav .nav-link {
    background: rgba(255,255,255,0.08) !important;
    color: rgba(255,255,255,0.6) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
}
.banner .banner-search-bar .nav .nav-link.active {
    background: linear-gradient(135deg, #4f8eff, #8b5cf6) !important;
    color: #fff !important;
    border-color: transparent !important;
}

/* ============ CAR LISTING CARDS ============ */
.listing-box, .car-box, .listing-item-box,
.car-listing-item, .listing-card {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
}
.listing-box:hover, .car-box:hover {
    border-color: rgba(79,142,255,0.3) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 20px 50px rgba(0,0,20,0.5) !important;
}
.listing-box .price, .car-price,
.listing-price { color: #4f8eff !important; }
.listing-box .badge, .car-badge,
.condition-badge {
    background: rgba(79,142,255,0.15) !important;
    border: 1px solid rgba(79,142,255,0.3) !important;
    color: #4f8eff !important; border-radius: 50px !important;
}

/* ============ BLOG CARDS ============ */
.blog-item, .blog-card, .blog-box {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important; overflow: hidden !important;
}
.blog-item .blog-content, .blog-card .blog-content {
    background: transparent !important;
}
.blog-item .blog-title a, .blog-card h4 a {
    color: #fff !important;
}
.blog-item .blog-title a:hover { color: #4f8eff !important; }
.blog-item .blog-meta span { color: rgba(255,255,255,0.4) !important; }

/* ============ TESTIMONIALS ============ */
.testimonial-item, .testimonial-box, .review-item {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
}
.testimonial-item .client-name, .review-name { color: #fff !important; }
.testimonial-item .client-designation { color: rgba(255,255,255,0.4) !important; }
.testimonial-item .star i, .rating i { color: #f59e0b !important; }

/* ============ PRICING CARDS ============ */
.pricing-item {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 20px !important;
}
.pricing-item-two, .pricing-item.active {
    background: linear-gradient(135deg, rgba(79,142,255,0.15), rgba(139,92,246,0.15)) !important;
    border-color: rgba(79,142,255,0.4) !important;
}
.pricing-item .pricing-text { color: rgba(255,255,255,0.6) !important; }
.pricing-item .pricing-text-box { color: #fff !important; }
.pricing-item ul li { color: rgba(255,255,255,0.55) !important; }
.pricing-item ul li::before { color: #4f8eff !important; }

/* ============ FAQ ============ */
.accordion-item {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 12px !important; margin-bottom: 0.8rem !important;
}
.accordion-button {
    background: transparent !important;
    color: #fff !important; font-weight: 500 !important;
    box-shadow: none !important; border-radius: 12px !important;
}
.accordion-button:not(.collapsed) {
    background: rgba(79,142,255,0.08) !important;
    color: #4f8eff !important;
}
.accordion-button::after { filter: invert(1) !important; }
.accordion-body {
    background: transparent !important;
    color: rgba(255,255,255,0.55) !important;
}

/* ============ SIDEBAR & FILTERS ============ */
.sidebar-widget, .filter-widget, .widget {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px !important; padding: 1.5rem !important;
}
.sidebar-widget h4, .filter-widget h4, .widget-title {
    color: #fff !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    padding-bottom: 0.8rem !important;
}

/* ============ PAGINATION ============ */
.pagination .page-link {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color: rgba(255,255,255,0.6) !important; border-radius: 8px !important;
}
.pagination .page-link:hover {
    background: rgba(79,142,255,0.15) !important;
    color: #4f8eff !important; border-color: rgba(79,142,255,0.3) !important;
}
.pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #4f8eff, #8b5cf6) !important;
    border-color: transparent !important; color: #fff !important;
}

/* ============ TABLE ============ */
.table {
    color: #fff !important;
}
.table thead th {
    background: rgba(79,142,255,0.1) !important;
    color: #fff !important; border-color: rgba(255,255,255,0.08) !important;
}
.table tbody tr {
    border-color: rgba(255,255,255,0.06) !important;
}
.table tbody tr:hover {
    background: rgba(255,255,255,0.03) !important;
}
.table td, .table th { color: rgba(255,255,255,0.7) !important; }

/* ============ DROPDOWN MENUS (Bootstrap) ============ */
.dropdown-menu {
    background: rgba(10,14,28,0.98) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 12px !important; backdrop-filter: blur(20px) !important;
}
.dropdown-item {
    color: rgba(255,255,255,0.6) !important;
}
.dropdown-item:hover {
    background: rgba(79,142,255,0.1) !important;
    color: #fff !important;
}

/* ============ MODALS ============ */
.modal-content {
    background: #0d1117 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color: #fff !important;
}
.modal-header {
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.modal-footer {
    border-top: 1px solid rgba(255,255,255,0.08) !important;
}
.btn-close { filter: invert(1) !important; }

/* ============ ALERTS & NOTIFICATIONS ============ */
.alert {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color: #fff !important; border-radius: 10px !important;
}
.alert-success { border-color: rgba(16,185,129,0.3) !important; background: rgba(16,185,129,0.08) !important; }
.alert-danger { border-color: rgba(239,68,68,0.3) !important; background: rgba(239,68,68,0.08) !important; }
.alert-warning { border-color: rgba(245,158,11,0.3) !important; background: rgba(245,158,11,0.08) !important; }

/* ============ BADGES ============ */
.badge {
    border-radius: 50px !important;
}
.badge-primary, .bg-primary {
    background: rgba(79,142,255,0.2) !important;
    color: #4f8eff !important;
}

/* ============ BRAND LOGOS ============ */
.brand-item img, .partner-logo img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.5 !important; transition: opacity 0.2s !important;
}
.brand-item:hover img { opacity: 1 !important; }

/* ============ SLICK SLIDER ============ */
.slick-dots li button:before { color: rgba(255,255,255,0.3) !important; }
.slick-dots li.slick-active button:before { color: #4f8eff !important; }
.slick-prev, .slick-next {
    background: rgba(79,142,255,0.15) !important;
    border: 1px solid rgba(79,142,255,0.3) !important;
    border-radius: 8px !important;
}

/* ============ PROFILE / DASHBOARD ============ */
.profile-sidebar, .dashboard-sidebar, .user-sidebar {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
}
.profile-card, .dashboard-card {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
}
.nav-pills .nav-link {
    color: rgba(255,255,255,0.55) !important;
    border-radius: 8px !important;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: linear-gradient(135deg, #4f8eff, #8b5cf6) !important;
    color: #fff !important;
}

/* ============ COMPARE TABLE ============ */
.compare-table {
    background: rgba(255,255,255,0.04) !important;
    border-radius: 16px !important; overflow: hidden !important;
}
.compare-table th {
    background: rgba(79,142,255,0.1) !important;
    color: #fff !important;
}
.compare-table td { color: rgba(255,255,255,0.6) !important; }

/* ============ KYC / FORMS ============ */
.kyc-form, .contact-form, .review-form {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important; padding: 2rem !important;
}

/* ============ FOOTER ============ */
.tm-footer {
    background: rgba(5,8,16,0.98) !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    padding: 4rem 0 0 !important;
    margin-top: 4rem !important;
}
.tm-footer-top {
    max-width: 1200px; margin: 0 auto; padding: 0 2.5rem 3rem;
    display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 3rem;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.tm-footer-brand {}
.tm-footer-logo {
    display: flex; align-items: center; gap: 0.7rem;
    text-decoration: none !important; margin-bottom: 1rem;
}
.tm-footer-logo-img {
    width: 38px; height: 38px; border-radius: 10px;
    border: 1px dashed rgba(79,142,255,0.3) !important;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.55rem; color: rgba(79,142,255,0.4) !important;
    background: rgba(79,142,255,0.05) !important; overflow: hidden; flex-shrink: 0;
}
.tm-footer-logo-img img { width: 100%; height: 100%; object-fit: contain; }
.tm-footer-logo-name {
    font-family: 'Syne', sans-serif !important; font-weight: 700; font-size: 0.95rem;
    background: linear-gradient(135deg, #fff, #4f8eff) !important;
    -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
    line-height: 1.2;
}
.tm-footer-logo-sub { font-size: 0.6rem; color: rgba(255,255,255,0.25) !important; }
.tm-footer-desc { color: rgba(255,255,255,0.35) !important; font-size: 0.85rem; line-height: 1.7; margin-bottom: 1.5rem; }
.tm-social { display: flex; gap: 0.6rem; }
.tm-social a {
    width: 34px; height: 34px; border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 8px; display: flex; align-items: center; justify-content: center;
    color: rgba(255,255,255,0.4) !important; text-decoration: none !important;
    transition: all 0.2s; background: rgba(255,255,255,0.03) !important;
}
.tm-social a:hover {
    border-color: rgba(79,142,255,0.4) !important;
    color: #4f8eff !important; background: rgba(79,142,255,0.08) !important;
}
.tm-social a svg { width: 15px; height: 15px; fill: currentColor; }
.tm-footer-col h4 {
    font-family: 'Syne', sans-serif !important; font-weight: 600; font-size: 0.88rem;
    color: #fff !important; margin-bottom: 1.2rem;
}
.tm-footer-links { list-style: none; padding: 0; margin: 0; }
.tm-footer-links li { margin-bottom: 0.7rem; }
.tm-footer-links a {
    color: rgba(255,255,255,0.35) !important; text-decoration: none !important;
    font-size: 0.83rem; transition: color 0.2s; display: flex; align-items: center; gap: 0.4rem;
}
.tm-footer-links a:hover { color: #4f8eff !important; }
.tm-newsletter-section {
    max-width: 1200px; margin: 0 auto; padding: 2.5rem 2.5rem;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    display: flex; align-items: center; justify-content: space-between; gap: 2rem;
}
.tm-newsletter-title {
    font-family: 'Syne', sans-serif !important; font-weight: 700; font-size: 1.3rem; color: #fff !important;
}
.tm-newsletter-title span {
    background: linear-gradient(135deg, #4f8eff, #8b5cf6) !important;
    -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
}
.tm-newsletter-form { display: flex; gap: 0.5rem; flex: 1; max-width: 450px; }
.tm-newsletter-input {
    flex: 1; background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 10px !important;
    padding: 0.65rem 1rem; color: #fff !important; font-size: 0.85rem; outline: none;
}
.tm-newsletter-input::placeholder { color: rgba(255,255,255,0.2) !important; }
.tm-newsletter-btn {
    background: linear-gradient(135deg, #4f8eff, #8b5cf6) !important;
    border: none !important; color: #fff !important; padding: 0.65rem 1.4rem;
    border-radius: 10px !important; font-size: 0.83rem; cursor: none;
}
.tm-footer-bottom {
    padding: 1.2rem 2.5rem; display: flex; justify-content: space-between;
    align-items: center; max-width: 1200px; margin: 0 auto;
}
.tm-footer-copy { color: rgba(255,255,255,0.18) !important; font-size: 0.78rem; }
.tm-footer-bottom-links { display: flex; gap: 1.5rem; }
.tm-footer-bottom-links a {
    color: rgba(255,255,255,0.2) !important; font-size: 0.78rem; text-decoration: none !important;
}
.tm-footer-bottom-links a:hover { color: rgba(255,255,255,0.5) !important; }

@media (max-width: 991px) {
    .tm-footer-top { grid-template-columns: 1fr 1fr; gap: 2rem; }
    .tm-footer-brand { grid-column: 1 / -1; }
    .tm-newsletter-section { flex-direction: column; align-items: flex-start; }
    .tm-newsletter-form { max-width: 100%; width: 100%; }
}
@media (max-width: 575px) {
    .tm-footer { padding: 2.5rem 0 0 !important; margin-top: 2.5rem !important; }
    .tm-footer-top { grid-template-columns: 1fr 1fr; gap: 1.5rem; padding: 0 1.2rem 2rem; }
    .tm-footer-brand { grid-column: 1 / -1; }
    .tm-footer-bottom { flex-direction: column; align-items: flex-start; gap: 0.5rem; padding: 1rem 1.2rem; }
    .tm-footer-bottom-links { gap: 1rem; }
}

/* ============ BACK TO TOP ============ */
.back-to-top {
    position: fixed !important; bottom: 30px !important; right: 30px !important;
    width: 40px !important; height: 40px !important;
    background: rgba(79,142,255,0.15) !important;
    border: 1px solid rgba(79,142,255,0.3) !important;
    border-radius: 10px !important; display: flex !important;
    align-items: center !important; justify-content: center !important;
    cursor: none !important; z-index: 999 !important;
}
.back-to-top span { display: none !important; }
.back-to-top::after { content: '↑'; color: #4f8eff !important; font-size: 1rem; }

/* ============ COOKIE MODAL ============ */
.common-modal {
    background: rgba(10,14,28,0.98) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important; color: #fff !important;
}
.common-modal h5 { color: #fff !important; }
.common-modal p { color: rgba(255,255,255,0.55) !important; }

/* ============ SCROLLBAR ============ */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #050810; }
::-webkit-scrollbar-thumb { background: rgba(79,142,255,0.3); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(79,142,255,0.5); }

/* ============ SELECTION ============ */
::selection { background: rgba(79,142,255,0.3); color: #fff; }

/* ============ NAVBAR FIXES ============ */

/* bigger Tripathi and Brothers text */
.tm-logo-name {
    font-family: 'Syne', sans-serif !important;
    font-weight: 800 !important;
    font-size: 1.4rem !important;
    background: linear-gradient(135deg, #fff, #4f8eff) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    white-space: nowrap;
}

/* remove logo image box */
.tm-logo-img { display: none !important; }

/* remove automobiles subtitle */
.tm-logo-sub { display: none !important; }

/* compare button with label */
.tm-compare-btn {
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.45rem 0.8rem !important;
    width: auto !important;
    border-radius: 8px !important;
    font-size: 0.8rem !important;
}
.tm-compare-label {
    font-size: 0.8rem !important;
    color: rgba(255,255,255,0.6) !important;
    font-family: 'DM Sans', sans-serif !important;
}
.tm-compare-btn:hover .tm-compare-label { color: #4f8eff !important; }

/* dropdown fix — hidden by default, shown via JS */
.tm-dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    background: rgba(10,14,28,0.98) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 10px;
    padding: 0.4rem;
    min-width: 140px;
    z-index: 9999;
    backdrop-filter: blur(20px);
    /* bridge gap so mouse can move to menu */
    margin-top: 0;
    padding-top: 0.6rem;
}
/* invisible bridge between toggle and menu */
.tm-dropdown-toggle::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    height: 8px;
}
.tm-dropdown { position: relative; }

/* ============ FOOTER FIXES ============ */
/* remove logo and social from footer */
.tm-footer-logo-img { display: none !important; }
.tm-social { display: none !important; }

/* footer logo name bigger */
.tm-footer-logo-name {
    font-size: 1.2rem !important;
    font-family: 'Syne', sans-serif !important;
    font-weight: 700 !important;
}
.tm-footer-logo-sub {
    display: block !important;
    font-size: 0.72rem !important;
    color: rgba(255,255,255,0.3) !important;
    margin-top: 0.1rem !important;
}

/* ============ CAR CURSOR ============ */
* { cursor: none !important; }

.tm-car-cursor {
    position: fixed;
    width: 28px;
    height: 28px;
    pointer-events: none;
    z-index: 999999;
    transform: translate(-50%, -50%);
    transition: none;
}

/* hide on touch/mobile */
@media (hover: none) and (pointer: coarse) {
    .tm-car-cursor { display: none !important; }
    * { cursor: auto !important; }
}

/* hide old cursor elements */
.tm-cursor, .tm-cursor-ring { display: none !important; }

/* ============ LANGUAGE SWITCH GLITCH FIX ============ */
body {
    transition: opacity 0.15s ease !important;
}
body.tm-switching {
    opacity: 0 !important;
}

/* ============ HERO CAR SIZE ============ */
.tm-car-scene-wrap {
    max-width: 820px !important;
}
.tm-hero-car-img {
    max-height: 500px !important;
}

/* ============ FEATURED CARS - remove star emoji ============ */
.tm-badge-feat {
    background: rgba(245,158,11,0.2) !important;
    border: 1px solid rgba(245,158,11,0.3) !important;
    color: #f59e0b !important;
}

/* ============ PROFILE PAGES - OLD PAGES DARK FIX ============ */
/* Apply dark theme to remaining profile pages */
.dashboard-side-ber { display: none !important; }
.dashboard-menu-section, .dashboard-section,
.dashboard-menu { background: transparent !important; }

/* Reviews page dark fix */
.review-main, .review-box, .review-item,
.user-review-item { 
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 12px !important;
}
.review-main p, .review-box p { color: rgba(255,255,255,0.55) !important; }
.review-main h5, .review-box h5 { color: #fff !important; }

/* Orders page dark fix */
.order-box, .order-item, .order-table {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}
.order-table th { 
    background: rgba(79,142,255,0.08) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,0.08) !important;
}
.order-table td { 
    color: rgba(255,255,255,0.6) !important;
    border-color: rgba(255,255,255,0.06) !important;
}

/* Pricing plan dark fix */
.pricing-plan-box, .plan-item {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
}

/* Car listing in profile dark fix */
.user-car-item, .car-list-item {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}

/* Inner banner dark fix for ALL pages */
.inner-banner {
    background: linear-gradient(135deg, #050810, #0d1830) !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.inner-banner h1, .inner-banner-taitel {
    color: #fff !important;
    font-family: 'Syne', sans-serif !important;
}
.breadcrumb-item a { color: #4f8eff !important; }
.breadcrumb-item.active { color: rgba(255,255,255,0.5) !important; }
.breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,0.3) !important; }

/* Fix any remaining white backgrounds */
.col-lg-9 > div, .col-md-9 > div {
    background: transparent !important;
}

/* ============ FLOATING CARDS TEXT FIX ============ */
.tm-fc-label {
    color: rgba(255,255,255,0.55) !important;
    letter-spacing: 0.1em !important;
}
.tm-fc-sub {
    color: rgba(255,255,255,0.65) !important;
    letter-spacing: 0.02em !important;
}
.tm-fc-value {
    font-size: 1rem !important;
}

/* Stats row text visibility */
.tm-stat-label {
    color: rgba(255,255,255,0.5) !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.06em !important;
}
#toast-container > .toast-success { background-image: none !important; }