/* ============================================================
   CDS Dark Theme — Fasocars-inspired
   Loaded after style.css — overrides all Colorlib defaults
   Primary accent: #31C0DF  |  Background: #111
   ============================================================ */

:root {
  --bg-main:     #111111;
  --bg-card:     #1c1c1c;
  --bg-input:    #1e1e1e;
  --bg-elevated: #242424;
  --border:      rgba(255,255,255,0.08);
  --text-main:   #e0e0e0;
  --text-muted:  #888888;
  --text-white:  #ffffff;
  --accent:      #31C0DF;
  --accent-dim:  rgba(49,192,223,0.12);
}

/* ── Reset ─────────────────────────────────────────────────── */
html, body {
  background: var(--bg-main) !important;
  color: var(--text-main) !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--text-white) !important;
}

p {
  color: var(--text-muted) !important;
}

a { color: var(--text-main); }
a:hover { color: var(--accent); }

/* ── Preloader ─────────────────────────────────────────────── */
#preloder { background: var(--bg-main); }

/* ── Offcanvas (kill it) ───────────────────────────────────── */
.offcanvas-menu-overlay,
.offcanvas-menu-wrapper { display: none !important; }
.canvas__open { display: none !important; }

/* ── Header / Navbar ───────────────────────────────────────── */
.header {
  background: #111111 !important;
  border-bottom: 1px solid var(--border) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.5) !important;
}

.header__top {
  display: none !important;
}

.header__menu ul li a {
  color: #cccccc !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
  transition: color .2s !important;
}

.header__menu ul li a:hover,
.header__menu ul li.active > a {
  color: var(--accent) !important;
}

.header__menu ul li ul.dropdown {
  background: #1a1a1a !important;
  border: 1px solid var(--border) !important;
  border-top: 2px solid var(--accent) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important;
}

.header__menu ul li ul.dropdown li a {
  color: #bbb !important;
}

.header__menu ul li ul.dropdown li a:hover {
  color: var(--accent) !important;
  background: rgba(49,192,223,0.08) !important;
}

/* ── Buttons ───────────────────────────────────────────────── */
.primary-btn,
.site-btn {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  text-decoration: none !important;
  transition: background .2s, transform .1s !important;
}

.primary-btn:hover,
.primary-btn:focus,
.primary-btn:active,
.site-btn:hover,
.site-btn:focus,
.site-btn:active {
  background: #8fae8b !important;
  border-color: #8fae8b !important;
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

.more-btn {
  background: transparent !important;
  border: 2px solid rgba(255,255,255,0.4) !important;
  color: #fff !important;
}

.more-btn:hover {
  background: rgba(255,255,255,0.1) !important;
  border-color: #fff !important;
}

/* ── Section title ─────────────────────────────────────────── */
.section-title span { color: var(--accent) !important; }
.section-title h2   { color: var(--text-white) !important; }
.section-title p    { color: var(--text-muted) !important; }

/* ── Breadcrumb ────────────────────────────────────────────── */
.breadcrumb-option {
  background: #0d0d0d !important;
  border-bottom: 1px solid var(--border);
}

.breadcrumb__text h2 { color: #fff !important; }
.breadcrumb__links a { color: #aaa !important; }
.breadcrumb__links a:hover { color: var(--accent) !important; }
.breadcrumb__links span { color: var(--accent) !important; }

/* ── Hero ──────────────────────────────────────────────────── */
.hero { background: var(--bg-main); }

.hero__tab {
  background: #1a1a1a !important;
  border: 1px solid var(--border) !important;
}

.hero__tab .nav-tabs {
  background: #141414 !important;
  border-bottom: 1px solid var(--border) !important;
}

.hero__tab .nav-tabs .nav-link {
  color: #aaa !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
}

.hero__tab .nav-tabs .nav-link.active {
  color: var(--accent) !important;
  border-bottom-color: var(--accent) !important;
  background: transparent !important;
}

.hero__tab__form {
  background: #1a1a1a !important;
  padding: 24px !important;
}

.hero__tab__form h2 {
  color: #fff !important;
  font-size: 20px !important;
  margin-bottom: 18px !important;
}

.hero__tab__form select,
.hero__tab__form input[type="text"],
.hero__tab__form input[type="number"] {
  background: var(--bg-input) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: #ccc !important;
  border-radius: 6px !important;
}

.hero__tab__form .select-list-item p {
  color: #999 !important;
  font-size: 12px !important;
  margin-bottom: 4px !important;
}

/* nice-select dark override */
.nice-select {
  background: var(--bg-input) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: #ccc !important;
}

.nice-select .list {
  background: #1e1e1e !important;
  border: 1px solid var(--border) !important;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected {
  background: var(--accent-dim) !important;
  color: var(--accent) !important;
}

/* ── Services Section ──────────────────────────────────────── */
.services { background: #141414 !important; }

.services__item {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  padding: 28px 22px !important;
  text-align: center !important;
  transition: border-color .3s, transform .3s !important;
}

.services__item:hover {
  border-color: var(--accent) !important;
  transform: translateY(-4px) !important;
}

.services__item h5 { color: #fff !important; margin-bottom: 10px !important; }
.services__item p  { color: var(--text-muted) !important; font-size: 14px !important; }

.services__item a {
  color: var(--accent) !important;
  font-size: 18px !important;
}

/* ── Feature / Stats Section ───────────────────────────────── */
.feature { background: #141414 !important; }

/* ── Car Section ───────────────────────────────────────────── */
.car { background: var(--bg-main) !important; }

/* Sidebar */
.car__sidebar {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  padding: 20px !important;
}

.car__search {
  background: transparent !important;
  border-bottom: 1px solid var(--border) !important;
  padding-bottom: 18px !important;
  margin-bottom: 18px !important;
}

.car__search h5,
.car__filter h5 {
  color: var(--accent) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-bottom: 12px !important;
}

.car__search input {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: #ccc !important;
  border-radius: 6px !important;
}

.car__search button {
  background: var(--accent) !important;
  border-radius: 0 6px 6px 0 !important;
  color: #fff !important;
}

.car__filter select {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: #ccc !important;
  border-radius: 6px !important;
  width: 100% !important;
  padding: 9px 12px !important;
  margin-bottom: 10px !important;
  font-size: 13px !important;
  appearance: auto !important;
}

/* Car items / cards */
.car__item {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin-bottom: 24px !important;
  transition: border-color .3s, transform .3s !important;
}

.car__item:hover {
  border-color: var(--accent) !important;
  transform: translateY(-4px) !important;
}

.car__item__pic__slider img {
  border-radius: 0 !important;
  height: 200px !important;
  object-fit: cover !important;
  width: 100% !important;
}

.car__item__text {
  padding: 16px !important;
}

.car__item__text__inner .label-date {
  background: var(--accent) !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
  display: inline-block !important;
  margin-bottom: 8px !important;
}

.car__item__text__inner h5 {
  font-size: 15px !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;
}

.car__item__text__inner h5 a {
  color: #fff !important;
  text-decoration: none !important;
}

.car__item__text__inner h5 a:hover { color: var(--accent) !important; }

.car__item__text__inner ul {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 8px 0 !important;
}

.car__item__text__inner ul li {
  color: var(--text-muted) !important;
  font-size: 12px !important;
  background: rgba(255,255,255,0.05) !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
}

.car__item__text__inner ul li span { color: #ccc !important; }

.car__item__price {
  border-top: 1px solid var(--border) !important;
  padding-top: 12px !important;
  margin-top: 10px !important;
}

.car__item__price h6 {
  color: var(--accent) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

.car__item__price h6 span {
  color: var(--text-muted) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.car-option {
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #ccc !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 3px 8px !important;
  display: inline-block !important;
}

.car-option.sale {
  background: var(--accent-dim) !important;
  border-color: rgba(49,192,223,0.3) !important;
  color: var(--accent) !important;
}

/* Car filter option bar */
.car__filter__option {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  margin-bottom: 20px !important;
}

.car__filter__option h6 { color: #ccc !important; font-size: 14px !important; }

/* ── Car Details ───────────────────────────────────────────── */
.car-details { background: var(--bg-main) !important; }

.car__details__pic {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
}

.car__details__tab {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

.car__details__tab .nav-tabs {
  background: #141414 !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 0 16px !important;
}

.car__details__tab .nav-tabs .nav-link {
  color: #aaa !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  padding: 14px 16px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.car__details__tab .nav-tabs .nav-link.active {
  color: var(--accent) !important;
  border-bottom-color: var(--accent) !important;
  background: transparent !important;
}

.car__details__tab__info {
  padding: 24px !important;
}

.car__details__tab__info small { color: #666 !important; }
.car__details__tab__info strong { color: #e0e0e0 !important; }

.car__details__tab__info h5 {
  color: var(--accent) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin: 16px 0 10px !important;
}

.car__details__tab__info ul li {
  color: var(--text-muted) !important;
  font-size: 14px !important;
  padding: 4px 0 !important;
  list-style: none !important;
}

.car__details__tab__info ul li i { color: var(--accent) !important; margin-right: 6px !important; }

.car__details__tab__feature { padding: 24px !important; }

.car__details__tab__feature__item h5 {
  color: var(--accent) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-bottom: 12px !important;
}

.car__details__tab__feature__item ul li {
  color: var(--text-muted) !important;
  font-size: 13px !important;
  list-style: none !important;
  padding: 3px 0 !important;
}

.car__details__tab__feature__item ul li i { color: var(--accent) !important; margin-right: 6px !important; }

/* Details sidebar */
.car__details__sidebar { background: transparent !important; }

.car__details__sidebar__model ul li {
  display: flex !important;
  justify-content: space-between !important;
  padding: 10px 16px !important;
  border-bottom: 1px solid var(--border) !important;
  color: #999 !important;
  font-size: 13px !important;
  list-style: none !important;
}

.car__details__sidebar__model ul li span {
  color: #ddd !important;
  font-weight: 600 !important;
}

/* ── Blog ──────────────────────────────────────────────────── */
.blog { background: var(--bg-main) !important; }

.blog__item {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin-bottom: 24px !important;
  transition: border-color .3s, transform .3s !important;
}

.blog__item:hover {
  border-color: var(--accent) !important;
  transform: translateY(-4px) !important;
}

.blog__item__pic { min-height: 220px !important; }

.blog__item__text {
  padding: 18px !important;
}

.blog__item__text h5 a {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.blog__item__text h5 a:hover { color: var(--accent) !important; }
.blog__item__text p { color: var(--text-muted) !important; font-size: 13px !important; }

/* Blog sidebar */
.blog__sidebar {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  padding: 20px !important;
}

.blog__sidebar h4 {
  color: var(--accent) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-bottom: 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--border) !important;
}

.blog__sidebar__search {
  display: flex !important;
  margin-bottom: 24px !important;
}

.blog__sidebar__search input {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: #ccc !important;
  border-radius: 6px 0 0 6px !important;
  flex: 1 !important;
}

.blog__sidebar__search button {
  background: var(--accent) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 0 6px 6px 0 !important;
  padding: 0 16px !important;
}

.blog__sidebar__categories ul li,
.blog__sidebar__feature__item,
.blog__sidebar__newslatter {
  margin-bottom: 16px !important;
}

.blog__sidebar__categories ul li a,
.blog__sidebar__feature__item h6 a {
  color: #bbb !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

.blog__sidebar__categories ul li a:hover,
.blog__sidebar__feature__item h6 a:hover { color: var(--accent) !important; }

.blog__sidebar__tag a {
  display: inline-block !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid var(--border) !important;
  color: #bbb !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  margin: 2px !important;
  text-decoration: none !important;
}

.blog__sidebar__tag a:hover {
  background: var(--accent-dim) !important;
  border-color: rgba(49,192,223,0.3) !important;
  color: var(--accent) !important;
}

.blog__sidebar__newslatter input {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: #ccc !important;
  border-radius: 6px 0 0 6px !important;
}

.blog__sidebar__newslatter button {
  background: var(--accent) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 0 6px 6px 0 !important;
  padding: 0 14px !important;
}

/* ── About ─────────────────────────────────────────────────── */
.about { background: var(--bg-main) !important; }

.about__feature__item {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  padding: 28px 22px !important;
  text-align: center !important;
  margin-bottom: 24px !important;
  transition: border-color .3s, transform .3s !important;
}

.about__feature__item:hover {
  border-color: var(--accent) !important;
  transform: translateY(-4px) !important;
}

.about__feature__item h5 { color: #fff !important; margin-bottom: 8px !important; }
.about__feature__item p  { color: var(--text-muted) !important; font-size: 14px !important; }

.about__item {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  padding: 24px !important;
  margin-top: 24px !important;
}

.about__item h5 { color: var(--accent) !important; margin-bottom: 10px !important; }
.about__item p  { color: var(--text-muted) !important; }

.team { background: #141414 !important; }

.team__item {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin-bottom: 24px !important;
  text-align: center !important;
}

.team__item__text {
  padding: 14px !important;
}

.team__item__text h5 { color: #fff !important; margin-bottom: 4px !important; }
.team__item__text span { color: var(--accent) !important; font-size: 13px !important; }

/* ── Contact ───────────────────────────────────────────────── */
.contact { background: var(--bg-main) !important; }

.contact__text ul li {
  color: var(--text-muted) !important;
  font-size: 14px !important;
  padding: 6px 0 !important;
  border-bottom: 1px solid var(--border) !important;
  list-style: none !important;
}

.contact__text ul li span { color: var(--accent) !important; font-weight: 600 !important; margin-right: 6px !important; }

.contact__form,
.contact__address__item {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  padding: 28px !important;
  margin-bottom: 24px !important;
}

.contact__form input,
.contact__form textarea,
.contact__form select {
  background: var(--bg-input) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: #ccc !important;
  border-radius: 6px !important;
}

.contact__form input::placeholder,
.contact__form textarea::placeholder { color: #555 !important; }

.contact__form input:focus,
.contact__form textarea:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 2px var(--accent-dim) !important;
}

.contact__form label { color: #aaa !important; }

.contact-address { background: #141414 !important; padding: 40px 0 !important; }

.contact__address__item h4 { color: #fff !important; margin-bottom: 8px !important; }
.contact__address__item p  { color: var(--text-muted) !important; font-size: 13px !important; }
.contact__address__item span { color: var(--accent) !important; font-weight: 600 !important; }

/* ── Car Submit ────────────────────────────────────────────── */
.car-submit-form input,
.car-submit-form select,
.car-submit-form textarea {
  background: var(--bg-input) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: #ccc !important;
  border-radius: 6px !important;
}

.car-submit-form input::placeholder,
.car-submit-form textarea::placeholder { color: #555 !important; }

.car-submit-form input:focus,
.car-submit-form select:focus,
.car-submit-form textarea:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 2px var(--accent-dim) !important;
}

.car-submit-form label { color: #aaa !important; }

.car-submit-form .section-heading {
  color: var(--accent) !important;
  border-bottom-color: var(--accent) !important;
}

/* ── Pagination ────────────────────────────────────────────── */
.pagination__option a {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  color: #ccc !important;
  border-radius: 6px !important;
  margin: 2px !important;
}

.pagination__option a:hover,
.pagination__option a.active {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}

/* ── Footer ────────────────────────────────────────────────── */
.footer {
  background: #0d0d0d !important;
  border-top: 1px solid var(--border) !important;
}

.footer__contact {
  background: #141414 !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 28px 0 !important;
  margin-bottom: 40px !important;
}

.footer__contact__title h2 { color: #fff !important; font-size: 22px !important; }
.footer__contact__option .option__item { color: var(--text-muted) !important; font-size: 14px !important; }
.footer__contact__option .option__item i { color: var(--accent) !important; margin-right: 6px !important; }

.footer__widget h5,
.footer__brand h5 {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-bottom: 16px !important;
}

.footer__widget ul li a,
.footer__brand ul li a {
  color: var(--text-muted) !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

.footer__widget ul li a:hover,
.footer__brand ul li a:hover { color: var(--accent) !important; }

.footer__widget ul li,
.footer__brand ul li { padding: 4px 0 !important; list-style: none !important; }

.footer__about p { color: var(--text-muted) !important; font-size: 13px !important; }

.footer__social a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid var(--border) !important;
  color: #bbb !important;
  font-size: 14px !important;
  margin-right: 6px !important;
  transition: background .2s !important;
}

.footer__social a:hover {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}

.footer__copyright__text p {
  color: #555 !important;
  font-size: 13px !important;
  border-top: 1px solid var(--border) !important;
  padding-top: 20px !important;
  margin-top: 20px !important;
}

.footer__copyright__text a { color: var(--accent) !important; }

/* ── Forms (generic) ───────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
select,
textarea {
  background: var(--bg-input) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: #ccc !important;
}

input::placeholder,
textarea::placeholder { color: #555 !important; }

/* ── Alerts ────────────────────────────────────────────────── */
.alert {
  border-radius: 6px !important;
}

.alert-success {
  background: rgba(34,85,34,0.25) !important;
  border-left: 4px solid #5a9a5a !important;
  color: #a8d5a2 !important;
}

.alert-error,
.alert-danger {
  background: rgba(49,192,223,0.15) !important;
  border-left: 4px solid var(--accent) !important;
  color: #f4a0a0 !important;
}

/* ── Seller profile pages ──────────────────────────────────── */
.contact__form label { color: #999 !important; }

/* ── jQuery UI slider (price/mileage) ──────────────────────── */
#car-price-slider,
#car-mileage-slider {
  background: #333 !important;
}

.ui-slider-range { background: var(--accent) !important; }
.ui-slider-handle { background: var(--accent) !important; border-color: #fff !important; }

/* ── Call-to-action section ────────────────────────────────── */
.call { background: #0d0d0d !important; }

/* ── Scrollbar (optional, WebKit) ─────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #111; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--accent); }

/* ── Owl carousel nav ──────────────────────────────────────── */
.owl-nav button {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  color: #ccc !important;
  border-radius: 50% !important;
}

.owl-nav button:hover {
  background: var(--accent) !important;
  color: #fff !important;
}

/* ── Selection ─────────────────────────────────────────────── */
::selection {
  background: var(--accent);
  color: #fff;
}


/* ── Global remaining overrides ─────────────────────────── */

/* Kill any lingering set-bg breadcrumbs */
.breadcrumb-option.set-bg {
  background-image: none !important;
  background: #141414 !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

/* Bootstrap selects / inputs in dark context */
select, input[type="text"], input[type="email"], input[type="tel"], textarea {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: #ccc !important;
}
select option { background: #1a1a1a !important; color: #ccc !important; }

/* Bootstrap nav tabs */
.nav-tabs { border-bottom-color: rgba(255,255,255,0.08) !important; }
.nav-tabs .nav-link { color: #888 !important; border-color: transparent !important; background: transparent !important; }
.nav-tabs .nav-link.active { color: #31C0DF !important; background: #1a1a1a !important; border-bottom-color: #31C0DF !important; }

/* Bootstrap alerts */
.alert-success { background: rgba(143,174,139,0.15) !important; border-color: rgba(143,174,139,0.3) !important; color: #8fae8b !important; }
.alert-danger  { background: rgba(49,192,223,0.1) !important;  border-color: rgba(49,192,223,0.3) !important;  color: #e88 !important; }
.alert-info    { background: rgba(108,142,191,0.1) !important; border-color: rgba(108,142,191,0.3) !important; color: #8ab !important; }

/* Magnific popup dark */
.mfp-bg { background: rgba(0,0,0,0.92) !important; }
.mfp-content { background: #1a1a1a !important; border-radius: 10px !important; }

/* jQuery UI dark */
.ui-widget { background: #1a1a1a !important; border-color: rgba(255,255,255,0.08) !important; color: #ccc !important; }
.ui-widget-header { background: #31C0DF !important; border-color: #31C0DF !important; color: #fff !important; }
.ui-state-default, .ui-widget-content .ui-state-default { background: #222 !important; border-color: rgba(255,255,255,0.1) !important; color: #ccc !important; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight { background: rgba(49,192,223,0.2) !important; border-color: #31C0DF !important; color: #fff !important; }

/* Car submit form */
.car__submit { background: #111 !important; }
.car__submit form { background: #1a1a1a !important; border: 1px solid rgba(255,255,255,0.07) !important; border-radius: 10px !important; padding: 28px !important; }
.car__submit label { color: #888 !important; }
.car__submit h4, .car__submit h5 { color: #fff !important; }

/* Seller pages */
.seller-login, .seller-register, .seller-profile { background: #111 !important; }

/* Section padding normalise */
.spad { padding-top: 40px !important; padding-bottom: 60px !important; }

/* Hide old header completely (replaced by cds-navbar) */
.header { display: none !important; }

/* ============================================================
   GLOBAL FORM OVERRIDES — uniform dark theme across all forms
   These rules use !important to beat any inline style="..."
   ============================================================ */

/* Font: Montserrat everywhere — but exclude icon fonts */
*, body, input, select, textarea, button {
  font-family: 'Montserrat', sans-serif !important;
}
/* Restore FontAwesome's own font-family for icon elements */
i.fa, i[class^="fa-"], i[class*=" fa-"],
.fa:before, [class^="fa-"]:before, [class*=" fa-"]:before,
.elegant-icon, [class^="icon_"], [class*=" icon_"] {
  font-family: 'FontAwesome' !important;
}

/* All text inputs, selects, textareas — dark, clean, stable */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="date"],
input[type="time"],
select,
textarea {
  background-color: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #e0e0e0 !important;
  border-radius: 6px !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  font-family: 'Montserrat', sans-serif !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color 0.2s !important;
  -webkit-appearance: none !important;
}

/* Focus state — only border changes, background stays the same */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
select:focus,
textarea:focus {
  background-color: #1a1a1a !important;
  border-color: #31C0DF !important;
  color: #e0e0e0 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(49,192,223,0.15) !important;
}

/* Kill Bootstrap's blue focus ring */
input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
  background-color: #1a1a1a !important;
  border-color: #31C0DF !important;
  box-shadow: 0 0 0 3px rgba(49,192,223,0.15) !important;
  color: #e0e0e0 !important;
}

/* Placeholders */
input::placeholder,
textarea::placeholder { color: #555 !important; opacity: 1 !important; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #555 !important; }
input::-moz-placeholder,
textarea::-moz-placeholder { color: #555 !important; }

/* Autofill — prevent yellow/blue chrome fills */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #1a1a1a inset !important;
  -webkit-text-fill-color: #e0e0e0 !important;
  caret-color: #e0e0e0 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

/* Select option items */
select option {
  background: #1a1a1a !important;
  color: #e0e0e0 !important;
}

/* File inputs */
input[type="file"] {
  background-color: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #888 !important;
  padding: 8px 12px !important;
}

/* Labels */
label,
.form-label {
  color: #aaa !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-bottom: 5px !important;
  display: block !important;
}

/* Form section headings (red dividers) */
.cds-form-section-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #31C0DF !important;
  border-bottom: 2px solid #31C0DF !important;
  padding-bottom: 8px !important;
  margin: 24px 0 18px !important;
}

/* Form card wrappers */
.cds-form-card {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
  padding: 36px !important;
}

/* ============================================================
   SELLER / AUTH PAGES — dark theme overrides
   ============================================================ */

/* Main page backgrounds */
section.spad,
section.contact.spad,
.seller-page-section {
  background: #111 !important;
}

/* White card wrappers that sellers pages use */
section [style*="background:#fff"],
section [style*="background: #fff"],
section [style*="background:#f9f9f9"],
section [style*="background: #f9f9f9"],
section [style*="background:#f4f4f4"],
section [style*="background: #f4f4f4"] {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

/* Text inside seller cards */
section [style*="color:#222"],
section [style*="color: #222"],
section [style*="color:#333"],
section [style*="color: #333"] {
  color: #e0e0e0 !important;
}

section [style*="color:#555"],
section [style*="color: #555"],
section [style*="color:#666"],
section [style*="color: #666"] {
  color: #aaa !important;
}

section [style*="color:#888"],
section [style*="color: #888"] {
  color: #777 !important;
}

/* Light border-bottom separators */
section [style*="border-bottom: 1px solid #eee"],
section [style*="border-bottom:1px solid #eee"] {
  border-bottom-color: rgba(255,255,255,0.07) !important;
}

/* Seller stat cards */
.stat-card {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
}
.stat-card .lbl { color: #666 !important; }

/* Profile tab bar */
.profile-tab {
  color: #666 !important;
  border-bottom: 3px solid transparent !important;
}
.profile-tab.active { color: #31C0DF !important; border-bottom-color: #31C0DF !important; }
.profile-tab:hover { color: #31C0DF !important; }

/* Profile tab bar container */
[style*="background:#fff;border-radius:8px 8px 0 0"],
[style*="background:#fff;border-radius: 8px 8px 0 0"] {
  background: #1a1a1a !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* Tab pane content backgrounds */
.tab-pane-profile {
  background: #141414 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}

/* Listing cards (seller profile) */
.listing-card-sm {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
}
.listing-card-sm .card-body h6 { color: #e0e0e0 !important; }

/* Flash messages in dark context */
[style*="background:#fde8e8"],
[style*="background: #fde8e8"] {
  background: rgba(49,192,223,0.12) !important;
  border-left-color: #31C0DF !important;
  color: #f4a0a0 !important;
}
[style*="background:#e8f5e9"],
[style*="background: #e8f5e9"] {
  background: rgba(143,174,139,0.15) !important;
  border-left-color: #8fae8b !important;
  color: #a8d5a2 !important;
}
[style*="background:#fff3cd"],
[style*="background: #fff3cd"] {
  background: rgba(255,193,7,0.1) !important;
  border-left-color: #ffc107 !important;
  color: #ffe082 !important;
}

/* Booking rows */
.booking-row {
  border-bottom-color: rgba(255,255,255,0.06) !important;
}

/* Badge overrides — approved/pending */
.badge-approved {
  background: rgba(143,174,139,0.2) !important;
  border-color: rgba(143,174,139,0.4) !important;
  color: #8fae8b !important;
}
.badge-pending {
  background: rgba(255,193,7,0.1) !important;
  border-color: rgba(255,193,7,0.4) !important;
  color: #ffe082 !important;
}

/* Type-toggle (register page seller type) */
.type-toggle {
  border-color: #31C0DF !important;
}
.type-toggle label {
  background: #1a1a1a !important;
  color: #31C0DF !important;
}
.type-toggle input[type=radio]:checked + label {
  background: #31C0DF !important;
  color: #fff !important;
}

/* Test drive modal dark overrides */
#tdModal > div {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}
#tdPrevMonth, #tdNextMonth {
  background: #222 !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: #ccc !important;
}
#tdMonthLabel { color: #e0e0e0 !important; }

/* Map iframes in forms */
iframe { border-color: rgba(255,255,255,0.08) !important; }