/* ============================================================
   UI-Fixes 2026-07 (Override-Layer)  v5
   Wird NACH dem Haupt-Bundle geladen (siehe scripts/inject-ui-fixes.js),
   damit Overrides bei gleicher Spezifitaet gewinnen.

   v2: 1) Kontrast kleines Brand-Orange  2) Mobile Footer/Tap-Targets
       3) Headline-Umbruch, Selection, Smooth-Scroll
   v3: 4) Fehlende Design-Tokens (--shadow, --shadow-hover, --bg-main,
          --font-heading) — wurden an 40+ Stellen benutzt, waren aber nie
          deklariert -> Schatten & Hover-Hintergruende griffen nicht
       5) Anker-Scroll-Versatz fuer fixen Header
       6) prefers-reduced-motion  7) Touch: haengende Hover-Lifts
       8) Typo-Feinschliff        9) Dezente Scrollbar
   v4: 10) Dezentere Hover-Lifts  11) Sektions-Rhythmus Desktop
   v5: 12)-17) Footer-Kontrast, ruhigere Card-/Stat-Hovers,
       Rental-Strip-Lesbarkeit, Focus auf dunklem Grund
   ============================================================ */

/* --- 1. Kontrast: kleine orange Texte -> dunkleres Brand-Orange --- */
.section-badge,
.featured-card-brand,
.footer-title,
.news-date,
.nav-link.active{
  color:#c95f00 !important;
}

/* --- 2. Mobile: Footer-Overflow + Tap-Targets --- */
@media (max-width: 520px){
  .footer-legal-links{flex-wrap:wrap;justify-content:center;row-gap:4px;max-width:100%;box-sizing:border-box;padding-left:12px;padding-right:12px}
  .footer-legal-links a{display:inline-block;padding:8px 10px}
  .footer-link{display:inline-block;padding:6px 0}
}

/* --- 3. Feinschliff --- */
h1,h2,h3{text-wrap:balance}
::selection{background:#ef7f01;color:#fff}
@media (prefers-reduced-motion: no-preference){
  html{scroll-behavior:smooth}
}

/* --- 4. Fehlende Design-Tokens nachdeklariert --- */
:root{
  --bg-main:#F1F3F5;
  --shadow:0 4px 6px -1px rgba(0,0,0,.10),0 2px 4px -1px rgba(0,0,0,.06);
  --shadow-hover:0 20px 25px -5px rgba(0,0,0,.12),0 10px 10px -5px rgba(0,0,0,.05);
  --font-heading:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

/* --- 5. Anker-Ziele nicht unterm fixen Header verstecken --- */
html{scroll-padding-top:130px}
[id]{scroll-margin-top:130px}

/* --- 6. Reduzierte Bewegung respektieren --- */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  html{scroll-behavior:auto}
}

/* --- 7. Touch: Lift-Hover bleibt sonst nach Tap "haengen" --- */
@media (hover:none){
  .card:hover,
  .btn-primary:hover,
  .hero-cta-secondary:hover,
  .floating-btn:hover,
  .footer-link:hover{transform:none !important}
  .card:hover .hover-zoom{transform:none}
}

/* --- 10. Dezentere Hover-Lifts (vorher: Karten springen 12px) --- */
@media (hover:hover){
  .card:hover{transform:translateY(-6px)}
  .btn-primary:hover{transform:translateY(-2px) scale(1.01)}
}

/* --- 11. Grosszuegigerer Sektions-Rhythmus auf Desktop --- */
@media (min-width: 992px){
  section{padding:5rem 0}
}

/* ============================================================
   v5 — Umgestaltung / Feinschliff
   ============================================================ */

/* --- 12. Footer-Titel: die Abdunkelung aus (1) war fuer hellen Grund
       gedacht. Auf dunklem Footer (#111316) braucht kleines Orange mehr
       Leuchtkraft, nicht weniger (4.5:1 -> 6.8:1) --- */
.footer-main .footer-title{color:#ff8d21 !important}

/* --- 13. Stat-Zahlen: Hover drehte + skalierte (rotate -3deg,
       scale 1.08) — zu verspielt fuer B2B. Ruhiger Lift. --- */
.stat-card:hover{transform:translateY(-4px) !important}

/* --- 14. Featured-Cards / Banner: gleicher dezenter Lift wie .card --- */
@media (hover:hover){
  .featured-card:hover{transform:translateY(-6px)}
  .parts-banner:hover{transform:translateY(-6px)}
}
@media (hover:none){
  .featured-card:hover,.parts-banner:hover,.stat-card:hover,
  .trust-btn:hover,.view-all-cta:hover{transform:none !important}
}

/* --- 15. Featured-Sektion: 6rem-Luecken brechen den Lesefluss --- */
.featured-header{margin-bottom:3.5rem}
.featured-grid{margin-bottom:4rem}

/* --- 16. Rental-Strip: 10px-Text auf Orange schwer lesbar --- */
.rental-strip-point{font-size:0.78rem}
.rental-strip-point,.rental-strip-point strong{text-shadow:0 1px 2px rgba(0,0,0,.18)}
.rental-strip-cta{font-size:0.7rem;padding:0.28rem 0.75rem}
@media (max-width:768px){
  .rental-strip-point{font-size:0.7rem}
}

/* --- 17. Focus-Ring auch auf dunklem Grund sichtbar --- */
.footer-main :focus-visible,
.hero-section :focus-visible{
  outline:2px solid #ff8d21;
  outline-offset:3px;
}

/* --- 8. Typo-Feinschliff --- */
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
p{text-wrap:pretty}

/* --- 9. Dezente Scrollbar nur auf Desktop --- */
@media (pointer:fine){
  ::-webkit-scrollbar{width:12px;height:12px}
  ::-webkit-scrollbar-track{background:transparent}
  ::-webkit-scrollbar-thumb{background:#c9ced3;border-radius:8px;border:3px solid #fff}
  ::-webkit-scrollbar-thumb:hover{background:#ef7f01}
}