/* ============================================
   PREMIUM OVERRIDES v3 — All Will Drive Motors
   Monochrome elegant + green WhatsApp + contrast fixes
   ============================================ */

/* ---------- FONTS ---------- */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap');

body, p, span, li, a, label, input, button, select, textarea, .nav-link, .navbar, .footer, .body-text {
  font-family: 'Montserrat', sans-serif !important;
  letter-spacing: 0.2px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.pg-title, .cw-imgcard-text, .cw-button-box h2, .inventoryslideshow-title-heading {
  font-family: 'Cinzel', 'Playfair Display', serif !important;
  letter-spacing: 0.6px;
  font-weight: 600;
}

/* ---------- HERO: LIGHT GRAY BG WITH B/W DOTS ---------- */
.cw-hero {
  background: linear-gradient(135deg, #333 0%, #222 50%, #000 100%) !important;
  border-radius: 12px;
  padding: 60px 40px !important;
  position: relative;
  overflow: hidden;
}
.cw-hero h1, .cw-hero h2 {
  color: #ffffff !important;
  text-shadow: none !important;
}
.cw-hero p, .cw-hero .lead {
  color: #ffffff !important;
}

/* hide the dotted swirl background entirely; keep car image only */
.cw-hero .cw-img-bg {
  opacity: 0.35 !important;
  filter: grayscale(100%) contrast(1.1) brightness(0.85);
}
.cw-hero .cw-img-car {
  filter: drop-shadow(0 25px 40px rgba(0,0,0,0.35));
}

/* Hero button: dark on light */
.cw-hero .btn-primary {
  background: linear-gradient(135deg, #0a0a0a 0%, #2c2c2c 100%) !important;
  color: #ffffff !important;
  border: 1px solid #0a0a0a !important;
  font-weight: 600 !important;
  letter-spacing: 2px;
  padding: 12px 32px !important;
  transition: all .3s ease;
}
.cw-hero .btn-primary:hover {
  background: #0a0a0a !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

/* ---------- BUTTONS (GLOBAL) ---------- */
.btn-primary, a.btn-primary {
  background: linear-gradient(135deg, #0a0a0a 0%, #2c2c2c 100%) !important;
  background-image: linear-gradient(135deg, #0a0a0a 0%, #2c2c2c 100%) !important;
  color: #ffffff !important;
  border: 1px solid #0a0a0a !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px;
  transition: all .3s ease;
}
.btn-primary:hover, a.btn-primary:hover {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.4);
}

/* ---------- "FIND YOUR CAR" 4-CARDS SECTION ---------- */
.cw-pic-icon-btns {
  background: #0a0a0a !important;
  padding: 60px 20px !important;
}
.cw-button-box {
  background: linear-gradient(145deg, #1a1a1a 0%, #2c2c2c 100%) !important;
  border: 1px solid #3a3a3a !important;
  border-radius: 10px;
  padding: 20px 15px !important;
  transition: all .3s ease;
}
.cw-button-box:hover {
  transform: translateY(-5px);
  border-color: #d4d4d4 !important;
  box-shadow: 0 15px 30px rgba(0,0,0,0.5);
}
.cw-button-box h2, .cw-button-box .h3 {
  color: #ffffff !important;
  font-family: 'Cinzel', serif !important;
  font-weight: 600 !important;
}
.cw-button-box p, .cw-button-box span:not(.cw-icon) {
  color: #d4d4d4 !important;
}
.cw-button-box .cw-icon, .cw-button-box .fa {
  color: #d4d4d4 !important;
  font-size: 2.5rem !important;
}
.cw-button-box .btn-primary {
  background: #ffffff !important;
  background-image: none !important;
  color: #0a0a0a !important;
  border: 1px solid #ffffff !important;
}
.cw-button-box .btn-primary:hover {
  background: #d4d4d4 !important;
  color: #0a0a0a !important;
}

/* ---------- INVENTORY SLIDESHOW (Featured Vehicles) ---------- */
.inventoryslideshow-title-heading, .inventoryslideshow h2 {
  color: #ffffff !important;
  font-family: 'Cinzel', serif !important;
  text-align: center;
  padding: 20px 0 !important;
}

/* Car cards content text — make dark for legibility on light gray bg */
.line__clamp2, .item__title, .vehicle-card h3 {
  color: #0a0a0a !important;
  font-weight: 700 !important;
}
.item__style, .item__data__value,
.info__label, .info__data, .col.info__label, .col.info__data,
.vehicle-card .miles, .vehicle-card .price-label {
  color: #2c2c2c !important;
}
/*.item__price, .price__value, [class*="price"] {
  color: #0a0a0a !important;
  font-weight: 700 !important;
}*/

/* Card "View Details" button stays dark */
.card .btn, .vehicle-card .btn, .item .btn {
  background: #0a0a0a !important;
  color: #ffffff !important;
  border: none !important;
}

/* ---------- HEADER NAV ---------- */
.navbar, .header, header {
  background: #ffffff !important;
}
.navbar .nav-link, .nav-link, .navbar-nav .nav-link,
.navbar-brand, .navbar a {
  color: #0a0a0a !important;
  font-weight: 500 !important;
  letter-spacing: 1px;
}
.navbar .nav-link:hover, .nav-link:hover {
  color: #2c2c2c !important;
}
.navbar .dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #d4d4d4 !important;
}
.navbar .dropdown-item {
  color: #0a0a0a !important;
}
.navbar .dropdown-item:hover {
  background: #f5f5f5 !important;
  color: #0a0a0a !important;
}
.phone-link, .header .phone-link, a.phone-link {
  color: #ffffff !important;
  font-weight: 500;
}

/* ---------- FOOTER ---------- */
footer, .footer, .footer-content {
  background: #0a0a0a !important;
  color: #e5e5e5 !important;
}
footer a, .footer a, .footer-business {
  color: #e5e5e5 !important;
}
footer a:hover, .footer a:hover { color: #ffffff !important; }
footer h1, footer h2, footer h3, footer h4, footer h5,
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5 {
  color: #ffffff !important;
}

/* ---------- SHOP BY STYLE / IMAGE CARDS ---------- */
.cw-imgcard-text {
  color: #ffffff !important;
  font-family: 'Cinzel', serif !important;
}

/* ---------- ADVANCED SEARCH PANEL ---------- */
.cw-search-title h2, .advanced-search h2, .search-form h2 {
  color: #0a0a0a !important;
  font-family: 'Cinzel', serif !important;
}
.search-form input, .search-form select, input.form-control, select.form-control {
  border: 1px solid #d4d4d4 !important;
  color: #0a0a0a !important;
  background: #ffffff !important;
}

/* ---------- TESTIMONIALS ---------- */
.testimonial, .reviews, [class*="testimonial"] h2, [class*="testimonial"] h3 {
  color: #0a0a0a;
}
[class*="testimonial"] {
  background: #f5f5f5 !important;
}

/* ---------- WHATSAPP FLOATING BUTTON ---------- */
.cw-cta-wiget {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  z-index: 9999 !important;
  width: auto !important;
  max-width: 70px !important;
}
.cw-cta-wiget .card,
.cw-cta-wiget .card-body {
  background: #25D366 !important;
  border: none !important;
  border-radius: 50% !important;
  width: 64px !important;
  height: 64px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 8px 20px rgba(37,211,102,0.5);
  animation: wapulse 2.4s infinite;
  transition: transform .3s ease;
}
.cw-cta-wiget .card:hover {
  transform: scale(1.1);
  background: #128C7E !important;
}
.cw-cta-wiget a[href*="wa.me"],
.cw-cta-wiget a[href*="whatsapp"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
/* Hide the original chat_bubble text icon */
.cw-cta-wiget .material-symbols-outlined {
  font-size: 0 !important;
  width: 36px;
  height: 36px;
  position: relative;
}
/* Replace with WhatsApp SVG icon via CSS background */
.cw-cta-wiget .material-symbols-outlined::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'><path d='M16.003 0C7.16 0 0 7.16 0 15.998c0 2.823.74 5.578 2.146 7.998L0 32l8.224-2.155A15.953 15.953 0 0 0 16.003 32C24.84 32 32 24.84 32 16.002 32 7.166 24.84 0 16.003 0zm0 29.337c-2.453 0-4.857-.66-6.95-1.91l-.498-.296-4.88 1.28 1.302-4.756-.325-.49a13.317 13.317 0 0 1-2.04-7.165c0-7.357 5.987-13.342 13.392-13.342 7.405 0 13.39 5.985 13.39 13.342 0 7.36-5.985 13.337-13.39 13.337zm7.337-9.99c-.402-.2-2.376-1.173-2.745-1.31-.368-.134-.636-.2-.904.2-.268.4-1.04 1.31-1.275 1.578-.235.27-.47.3-.872.1-.402-.2-1.696-.625-3.232-1.99-1.195-1.067-2-2.385-2.235-2.785-.235-.4-.025-.617.176-.815.18-.18.402-.47.603-.703.2-.235.268-.4.4-.667.135-.27.067-.5-.034-.703-.1-.2-.904-2.18-1.24-2.985-.326-.78-.657-.673-.904-.685-.234-.013-.502-.016-.77-.016a1.48 1.48 0 0 0-1.073.5c-.368.4-1.408 1.376-1.408 3.357 0 1.98 1.442 3.894 1.642 4.16.2.27 2.84 4.34 6.88 6.084.962.415 1.713.663 2.297.85.965.307 1.842.264 2.535.16.774-.116 2.376-.97 2.712-1.91.336-.94.336-1.745.235-1.91-.1-.166-.367-.267-.77-.467z'/></svg>") center/contain no-repeat;
}
@keyframes wapulse {
  0% { box-shadow: 0 8px 20px rgba(37,211,102,0.5), 0 0 0 0 rgba(37,211,102,0.6); }
  70% { box-shadow: 0 8px 20px rgba(37,211,102,0.5), 0 0 0 18px rgba(37,211,102,0); }
  100% { box-shadow: 0 8px 20px rgba(37,211,102,0.5), 0 0 0 0 rgba(37,211,102,0); }
}

/* Any other generic 'message' button — green */
a[href*="wa.me"], a[href*="whatsapp"] {
  color: #25D366 !important;
}

/* ---------- TESTIMONIALS HEADER ---------- */
.pg-title, .pg-title-center {
  color: #ffffff !important;
}

/* ---------- HEADINGS ON BLACK SECTIONS (general) ---------- */
section[style*="background"], .cw-pic-icon-btns, .inventoryslideshow {
  /* nothing - covered above */
}

/* ---------- BREADCRUMB / LINKS ---------- */
.breadcrumb a, .breadcrumb-item a { color: #2c2c2c !important; }

/* ---------- GLOBAL SMOOTHING ---------- */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }