/* ===== Volta Garage — Design-Overrides (näher am Original) ===== */

/* --- 1. NAV: "Occasionen" als hervorgehobener Button (Pill) --- */
.site-nav-item:last-child .site-nav-link {
  background-color: var(--color-brand-primary);
  color: #fff !important;
  border-radius: 25px;
  padding: 8px 22px !important;
  font-weight: 500;
  transition: background-color 0.2s, color 0.2s;
}
.site-nav-item:last-child .site-nav-link:hover {
  background-color: var(--color-brand-dark);
  color: #fff !important;
}

/* --- 2. HERO: Text zentriert statt links unten --- */
.site-hero {
  align-items: center;
  min-height: 70vh;
}
.site-hero-content {
  text-align: center;
  padding: 40px;
  max-width: 100%;
}
.site-hero-content h5,
.site-hero-content h1 {
  text-align: center;
}

/* --- 3. BUTTONS: Uppercase + grösseres Padding wie Original --- */
.btn {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 10px 24px 9px;
  font-size: 0.9rem;
  font-weight: 500;
  border-radius: 4px;
}

/* --- 4. SEKTIONS-ABSTÄNDE: Mehr Luft wie Original --- */
:root {
  --space-section-y: clamp(4rem, 3rem + 5vw, 7rem);
}
.section-pad {
  padding-block: var(--space-section-y);
}

/* --- 5. SPLIT-BILDER: Grössere min-height wie Original --- */
.site-split-image {
  min-height: 420px;
}
@media (max-width: 850px) {
  .site-split-image {
    min-height: 300px;
  }
}

/* --- 6. SPLIT-TEXT: Mehr Padding wie Original --- */
.site-split-text {
  padding: 4.5rem 3rem;
}
@media (max-width: 850px) {
  .site-split-text {
    padding: 2.5rem 1.5rem;
  }
}

/* --- 7. FOOTER: Dunkler Balken wie Original --- */
.site-footer {
  background-color: var(--color-brand-dark);
  color: rgba(255, 255, 255, 0.7);
  border-top: none;
  padding-block: 1.2rem;
}
.site-footer a {
  color: rgba(255, 255, 255, 0.7);
}
.site-footer a:hover {
  color: #fff;
}

/* --- 8. BODY LINE-HEIGHT: Etwas grosszügiger --- */
body {
  line-height: 1.65;
}
p {
  line-height: 1.65;
}

/* --- 9. h2 SPACING: Mehr Luft unter Überschriften --- */
h2 {
  margin-block: 0.6em 0.5em;
}

/* --- 10. HR (Accent-Linie): Sichtbarer wie Original --- */
.site-hr {
  margin-block: 1.25rem 1.5rem;
}

/* --- 11. SERVICES GRID: Bessere Abstände --- */
.site-service-item {
  margin-bottom: 0.5rem;
}

/* --- 12. KONTAKT-SECTION: Mehr Luft --- */
.site-contact {
  padding-block: clamp(4rem, 3rem + 5vw, 7rem);
}

/* --- 13. GALERIE: Etwas mehr Abstand --- */
.site-gallery {
  gap: 6px;
}

/* --- 14. MAP: Voller wie Original --- */
.site-map {
  aspect-ratio: 16 / 5;
}

/* --- 15. MOBILE NAV: Occasionen-Button auch im mobilen Menü hervorheben --- */
@media (max-width: 1000px) {
  .site-nav-item:last-child .site-nav-link {
    border-radius: 0;
    background-color: var(--color-brand-primary);
    color: #fff !important;
    border-bottom: none;
  }
}