/* ═══════════════════════════════════════════════
   Desert Drive Auto Sales — Modern Brand Styling v2
═══════════════════════════════════════════════ */

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

/* ── Variables ── */
:root {
  --dda-gold:       #c8a030;
  --dda-gold-light: #e8c15c;
  --dda-gold-dim:   #9a7820;
  --dda-dark:       #1a0e04;
  --dda-dark2:      #241408;
  --dda-dark3:      #2e1a0c;
  --dda-cream:      #faf5ee;
  --dda-text:       #2a1a08;
  --dda-muted:      #7a6040;
}

/* ── Base ── */
html { scroll-behavior: smooth; }

body {
  font-family: 'Jost', sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.wp-block-heading {
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 2px !important;
}

a { transition: color 0.2s ease !important; }

/* ── Header ── */
header.wp-block-template-part {
  background: var(--dda-dark) !important;
  padding: 14px 32px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  box-shadow: 0 3px 28px rgba(0,0,0,0.75) !important;
}

.wp-block-site-title,
.wp-block-site-title a {
  color: var(--dda-gold) !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
  text-decoration: none !important;
}
.wp-block-site-title {
  border: 2px solid var(--dda-gold) !important;
  padding: 8px 20px !important;
  background: transparent !important;
  display: inline-block !important;
  transition: background 0.25s ease !important;
}
.wp-block-site-title:hover {
  background: rgba(200,160,48,0.12) !important;
}

header.wp-block-template-part .wp-block-button {
  display: none !important;
}

/* ── Navigation ── */
nav.wp-block-navigation,
.wp-block-navigation {
  background: var(--dda-dark2) !important;
  border-top: 1px solid #3a2010 !important;
  border-bottom: 2px solid var(--dda-gold) !important;
  padding: 0 !important;
  margin: 0 !important;
}

.wp-block-navigation-item__content {
  color: #d4b87a !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 13px 15px !important;
  transition: background 0.2s ease, color 0.2s ease !important;
  border-right: 1px solid rgba(58,32,16,0.8) !important;
  white-space: nowrap !important;
}

.wp-block-navigation-item:first-child .wp-block-navigation-item__content {
  border-left: 1px solid rgba(58,32,16,0.8) !important;
  background: var(--dda-gold) !important;
  color: var(--dda-dark) !important;
}

.wp-block-navigation-item:hover > .wp-block-navigation-item__content {
  background: var(--dda-dark3) !important;
  color: var(--dda-gold) !important;
}


/* Prevent nav from wrapping to multiple lines */
.wp-block-navigation__container {
  flex-wrap: nowrap !important;
}
/* ── Hero / Cover ── */
.wp-block-cover {
  min-height: 540px !important;
  background:
    radial-gradient(ellipse 70% 100% at 95% 50%, rgba(200,160,48,0.09) 0%, transparent 70%),
    linear-gradient(150deg, #100700 0%, var(--dda-dark) 45%, #2d1808 80%, #3d2210 100%) !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

.wp-block-cover::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23c8a030' fill-opacity='0.06'/%3E%3C/svg%3E") !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.wp-block-cover__inner-container {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 72px 48px !important;
  position: relative !important;
  z-index: 2 !important;
}

.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover .wp-block-heading {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(3rem, 7vw, 5.5rem) !important;
  line-height: 1.0 !important;
  color: #ffffff !important;
  letter-spacing: 4px !important;
  margin-bottom: 4px !important;
  text-shadow: 0 4px 30px rgba(0,0,0,0.4) !important;
}

.wp-block-cover .wp-block-paragraph {
  font-family: 'Jost', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.78) !important;
  max-width: 560px !important;
  line-height: 1.7 !important;
  margin-bottom: 36px !important;
}

/* ── Layout ── */
.wp-site-blocks { padding: 0 !important; }
main.wp-block-group { max-width: 100% !important; }

/* ── Buttons ── */
.wp-block-button__link {
  font-family: 'Jost', sans-serif !important;
  background: var(--dda-gold) !important;
  color: var(--dda-dark) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  border-radius: 3px !important;
  font-size: 0.82rem !important;
  padding: 14px 32px !important;
  transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease !important;
  box-shadow: 0 2px 14px rgba(200,160,48,0.28) !important;
  text-decoration: none !important;
}

.wp-block-button__link:hover {
  background: var(--dda-gold-light) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(200,160,48,0.42) !important;
  color: var(--dda-dark) !important;
}

.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--dda-gold) !important;
  border: 2px solid var(--dda-gold) !important;
  box-shadow: none !important;
}

.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: rgba(200,160,48,0.1) !important;
  color: var(--dda-gold-light) !important;
  border-color: var(--dda-gold-light) !important;
  transform: translateY(-2px) !important;
  box-shadow: none !important;
}

/* ── Content Sections ── */
main .wp-block-heading:not(.wp-block-cover .wp-block-heading) {
  font-family: 'Bebas Neue', sans-serif !important;
  color: var(--dda-text) !important;
  letter-spacing: 3px !important;
  margin-bottom: 14px !important;
}

main .wp-block-paragraph:not(.wp-block-cover .wp-block-paragraph) {
  font-family: 'Jost', sans-serif !important;
  font-size: 1rem !important;
  color: var(--dda-muted) !important;
  line-height: 1.75 !important;
}

main .wp-block-paragraph a:not(.wp-block-button__link) {
  color: var(--dda-gold-dim) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  border-bottom: 1px solid rgba(154,120,32,0.4) !important;
  transition: all 0.2s ease !important;
}

main .wp-block-paragraph a:not(.wp-block-button__link):hover {
  color: var(--dda-gold) !important;
  border-color: var(--dda-gold) !important;
}

/* ── Footer ── */
footer.wp-block-template-part {
  background: var(--dda-dark) !important;
  border-top: 3px solid var(--dda-gold) !important;
  padding: 56px 32px 36px !important;
}

footer .wp-block-heading {
  font-family: 'Bebas Neue', sans-serif !important;
  color: var(--dda-gold) !important;
  font-size: 1.1rem !important;
  letter-spacing: 5px !important;
  padding: 10px 0 !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(200,160,48,0.22) !important;
  margin-bottom: 20px !important;
  text-align: left !important;
}

footer .wp-block-paragraph {
  color: #c5b090 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.85 !important;
}

footer .wp-block-button__link {
  background: rgba(200,160,48,0.07) !important;
  color: var(--dda-gold) !important;
  border: 1px solid rgba(200,160,48,0.3) !important;
  font-size: 0.80rem !important;
  padding: 10px 22px !important;
  letter-spacing: 1.5px !important;
  box-shadow: none !important;
  border-radius: 2px !important;
}

footer .wp-block-button__link:hover {
  background: rgba(200,160,48,0.15) !important;
  border-color: var(--dda-gold) !important;
  transform: none !important;
  box-shadow: none !important;
}

/* ════════════════════════════════════════
   MOBILE RESPONSIVE STYLES
════════════════════════════════════════ */

/* ── Mobile Nav Hamburger ── */
.wp-block-navigation__responsive-container-open {
  color: var(--dda-gold) !important;
  padding: 8px !important;
}
.wp-block-navigation__responsive-container-open svg {
  fill: var(--dda-gold) !important;
  width: 28px !important;
  height: 28px !important;
}

.wp-block-navigation__responsive-container.is-menu-open {
  background: var(--dda-dark) !important;
  padding: 24px 20px !important;
}
.wp-block-navigation__responsive-container-close {
  color: var(--dda-gold) !important;
}
.wp-block-navigation__responsive-container-close svg {
  fill: var(--dda-gold) !important;
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content {
  font-family: 'Jost', sans-serif !important;
  color: #d4b87a !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 16px 12px !important;
  border-bottom: 1px solid rgba(200,160,48,0.15) !important;
  border-right: none !important;
  white-space: normal !important;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item:hover > .wp-block-navigation-item__content {
  color: var(--dda-gold) !important;
  background: rgba(200,160,48,0.07) !important;
}

/* ── Tablet & Mobile (≤ 900px) ── */
@media (max-width: 900px) {
  header.wp-block-template-part {
    padding: 12px 20px !important;
  }
  .wp-block-cover__inner-container {
    padding: 56px 32px !important;
  }
}

/* ── Mobile (≤ 768px) ── */
@media (max-width: 768px) {
  /* Header */
  header.wp-block-template-part {
    padding: 10px 16px !important;
  }
  .wp-block-site-title,
  .wp-block-site-title a {
    font-size: 1rem !important;
    letter-spacing: 2px !important;
  }
  .wp-block-site-title {
    padding: 6px 12px !important;
  }

  /* Hero */
  .wp-block-cover {
    min-height: 420px !important;
  }
  .wp-block-cover__inner-container {
    padding: 44px 20px !important;
  }
  .wp-block-cover h1,
  .wp-block-cover h2,
  .wp-block-cover .wp-block-heading {
    font-size: 2.6rem !important;
    letter-spacing: 2px !important;
    line-height: 1.05 !important;
  }
  .wp-block-cover .wp-block-paragraph {
    font-size: 0.95rem !important;
    max-width: 100% !important;
    margin-bottom: 28px !important;
  }

  /* Buttons — bigger tap targets, stack on small screens */
  .wp-block-button__link {
    padding: 15px 28px !important;
    font-size: 0.80rem !important;
  }
  .wp-block-cover .wp-block-buttons {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  .wp-block-cover .wp-block-button {
    flex: 1 1 auto !important;
    min-width: 180px !important;
  }
  .wp-block-cover .wp-block-button__link {
    width: 100% !important;
    text-align: center !important;
    display: block !important;
  }

  /* Content sections */
  main .wp-block-group:not(main.wp-block-group) {
    padding: 40px 20px !important;
  }

  /* Footer */
  footer.wp-block-template-part {
    padding: 40px 20px 28px !important;
  }
  footer .wp-block-columns {
    flex-direction: column !important;
    gap: 28px !important;
  }
  footer .wp-block-column {
    width: 100% !important;
    flex-basis: 100% !important;
    text-align: center !important;
  }
  footer .wp-block-heading {
    text-align: center !important;
  }
  footer .wp-block-paragraph {
    text-align: center !important;
  }
  footer .wp-block-buttons {
    justify-content: center !important;
  }
  footer .wp-block-button {
    width: 100% !important;
    max-width: 280px !important;
  }
  footer .wp-block-button__link {
    width: 100% !important;
    text-align: center !important;
    display: block !important;
  }
}

/* ── Small Mobile (≤ 480px) ── */
@media (max-width: 480px) {
  .wp-block-cover {
    min-height: 360px !important;
  }
  .wp-block-cover__inner-container {
    padding: 36px 16px !important;
  }
  .wp-block-cover h1,
  .wp-block-cover h2,
  .wp-block-cover .wp-block-heading {
    font-size: 2rem !important;
    letter-spacing: 1.5px !important;
  }
  .wp-block-cover .wp-block-buttons {
    flex-direction: column !important;
  }
  .wp-block-cover .wp-block-button {
    width: 100% !important;
  }
  header.wp-block-template-part {
    padding: 8px 14px !important;
  }
  .wp-block-site-title {
    padding: 5px 10px !important;
  }
  .wp-block-site-title,
  .wp-block-site-title a {
    font-size: 0.88rem !important;
    letter-spacing: 1.5px !important;
  }
  footer.wp-block-template-part {
    padding: 32px 16px 24px !important;
  }
  /* Nav items in mobile overlay */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content {
    font-size: 1.1rem !important;
    padding: 18px 12px !important;
  }
}
/* ── Mobile Nav Gap Fix ── */
@media (max-width: 782px) {
  nav.wp-block-navigation,
  .wp-block-navigation {
    border-top: none !important;
    border-bottom: none !important;
    min-height: 0 !important;
  }
  header.wp-block-template-part {
    border-bottom: 2px solid var(--dda-gold) !important;
  }
  /* Eliminate block gaps between header and content */
  .wp-site-blocks > * {
    margin-block-start: 0 !important;
  }
}
@media (max-width: 782px) {
  main.wp-block-group {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  main.wp-block-group > .wp-block-cover:first-child {
    margin-top: 0 !important;
  }
  /* Remove block gap before first element in main */
  main.wp-block-group > * + * {
    margin-block-start: 0 !important;
  }
  /* Ensure the background on page body covers gaps */
  .wp-site-blocks {
    background: var(--dda-dark) !important;
  }
}
/* Warm cream background instead of stark white */
body {
  background-color: var(--dda-cream) !important;
}
main.wp-block-group {
  background: var(--dda-cream) !important;
}

/*  VEHICLE TITLES  LUXURY EDITORIAL STYLE  */
/* Targets wp-block-post-title used in vehicle cards & listings.  */
/* Switches to Cormorant Garamond to match the site's aesthetic.  */

.wp-block-post-title,
.wp-block-post-title a,
h2.no-underline.wp-block-post-title,
h1.wp-block-post-title {
	    font-family: "Cormorant Garamond", Georgia, serif !important;
	    color: #f0ece4 !important;
	    font-size: 1.05rem !important;
	    font-weight: 500 !important;
	    letter-spacing: 0.2em !important;
	    text-transform: uppercase !important;
	    line-height: 1.35 !important;
	    font-style: normal !important;
	    text-decoration: none !important;
}

/* Single listing page title  larger treatment */
h1.wp-block-post-title {
	    font-size: 1.7rem !important;
	    letter-spacing: 0.22em !important;
	    font-weight: 600 !important;
}

/* Hover: subtle gold tint on card titles */
.wp-block-post:hover .wp-block-post-title,
.wp-block-post:hover .wp-block-post-title a {
	    color: #d4aa3a !important;
	    transition: color 0.25s ease !important;
}
}
}
}

/* ── VEHICLE CARD REDESIGN — UNIFIED DARK PRESENTATION ──────── */

/* Unified dark card — use background-color with maximum specificity */
.wp-block-query .wp-block-post-template .wp-block-post.type-vehicles,
.wp-block-post-template .wp-block-post.type-vehicles {
    background-color: #111111 !important;
    border: 1px solid rgba(200,160,48,0.18) !important;
    transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease !important;
    overflow: hidden !important;
}

.wp-block-query .wp-block-post-template .wp-block-post.type-vehicles:hover,
.wp-block-post-template .wp-block-post.type-vehicles:hover {
    border-color: rgba(200,160,48,0.5) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.45) !important;
    transform: translateY(-2px) !important;
}

/* Title — gold on dark, fully visible */
.wp-block-query .wp-block-post.type-vehicles .wp-block-post-title,
.wp-block-query .wp-block-post.type-vehicles .wp-block-post-title a,
.wp-block-post-template .wp-block-post.type-vehicles .wp-block-post-title,
.wp-block-post-template .wp-block-post.type-vehicles .wp-block-post-title a {
    color: #c8a030 !important;
    display: block !important;
    padding: 14px 16px 18px !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: color 0.25s ease !important;
    line-height: 1.4 !important;
    border-top: 1px solid rgba(200,160,48,0.2) !important;
}

.wp-block-query .wp-block-post.type-vehicles:hover .wp-block-post-title,
.wp-block-query .wp-block-post.type-vehicles:hover .wp-block-post-title a,
.wp-block-post-template .wp-block-post.type-vehicles:hover .wp-block-post-title,
.wp-block-post-template .wp-block-post.type-vehicles:hover .wp-block-post-title a {
    color: #f0ece4 !important;
}

/* Price — large, serif, dominant gold number */
.dda4-price {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    color: #c8a030 !important;
    line-height: 1 !important;
}

/* Mileage — small, muted, subordinate */
.dda4-miles {
    font-family: "Barlow", sans-serif !important;
    font-size: 0.68rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.18em !important;
    color: rgba(240,236,228,0.5) !important;
    text-transform: uppercase !important;
}


/* ═══════════════════════════════════════════════
   Inventory Cards — Year/Make/Model & Miles
   match price: Cormorant Garamond, gold, same size
═══════════════════════════════════════════════ */

/* Miles — match price font, size & color */
.dda4-miles {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    color: #c8a030 !important;
    text-transform: none !important;
}
/* Year / Make / Model title — same size as price, bar only spans text */
.wp-block-query .wp-block-post.type-vehicles .wp-block-post-title,
.wp-block-post-template .wp-block-post.type-vehicles .wp-block-post-title {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    color: #c8a030 !important;
    letter-spacing: 0.05em !important;
    border-top: none !important;
    padding-top: 0 !important;
}
.wp-block-query .wp-block-post.type-vehicles .wp-block-post-title a,
.wp-block-post-template .wp-block-post.type-vehicles .wp-block-post-title a {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    color: #c8a030 !important;
    letter-spacing: 0.05em !important;
    display: inline-block !important;
    border-top: 1.5px solid rgba(200, 160, 48, 0.35) !important;
    padding-top: 12px !important;
}.wp-block-query .wp-block-post.type-vehicles .wp-block-post-title a,
.wp-block-post-template .wp-block-post.type-vehicles .wp-block-post-title a {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    color: #c8a030 !important;
    letter-spacing: 0.05em !important;
}