/* Premium mobile carousels + image robustness (injected via code-path attributes) */

/* --- HERO: hide static image, video replaces it --- */
[code-path*="Hero.tsx"] > img,
img[src*="schildauto"] {
  display: none !important;
}

/* --- INTRO SPLASH: remove old background photo, use clean dark gradient --- */
.tjk-intro__bg {
  background: radial-gradient(
    ellipse 80% 60% at 50% 55%,
    rgba(200, 145, 22, 0.08) 0%,
    rgba(0, 0, 0, 0.95) 50%,
    #000 100%
  ) !important;
}

/* --- LEGAL LINKS (Impressum / Datenschutz) in footer --- */
.legal-links {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  font-size: 0.8125rem;
  letter-spacing: 0.02em;
}
.legal-links a {
  color: rgba(255,255,255,0.45);
  text-decoration: none;
  transition: color 0.25s ease, text-shadow 0.25s ease;
  padding: 2px 0;
  position: relative;
}
.legal-links a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: rgba(200,145,22,0.6);
  transition: width 0.3s ease;
}
.legal-links a:hover {
  color: rgba(200,145,22,0.9);
}
.legal-links a:hover::after {
  width: 100%;
}

/* --- MOBILE: swipe carousels (wide cards, no thin look) --- */
@media (max-width: 768px) {

  /* Rental cards row */
  [code-path="src\\sections\\Rental.tsx:111:9"],
  /* Detailing packages row */
  [code-path="src\\sections\\Detailing.tsx:109:9"]{
    display: flex !important;
    gap: 16px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding: 10px 16px 16px !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding: 16px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;            /* Firefox */
    contain: layout paint;                       /* smoother */
  }
  [code-path="src\\sections\\Rental.tsx:111:9"]::-webkit-scrollbar,
  [code-path="src\\sections\\Detailing.tsx:109:9"]::-webkit-scrollbar{
    display: none;
  }

  /* Cards */
  [code-path="src\\sections\\Rental.tsx:111:9"] > *,
  [code-path="src\\sections\\Detailing.tsx:109:9"] > *{
    flex: 0 0 86vw !important;        /* wide, premium */
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
    will-change: transform;
  }

  /* Subtle "peek" so you see there are more items (no mask-image = less lag) */
  [code-path="src\\sections\\Rental.tsx:111:9"],
  [code-path="src\\sections\\Detailing.tsx:109:9"]{
    padding-right: 26vw !important;
  }

  /* iOS: ensure rental image wrapper doesn't collapse */
  [code-path="src\\sections\\Rental.tsx:125:17"]{
    height: 190px !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    transform: translateZ(0);
  }
  img[code-path="src\\sections\\Rental.tsx:126:19"]{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

}

/* --- VEHICLE CARDS: missing Tailwind utilities --- */
.line-through {
  text-decoration-line: line-through !important;
}
.text-white\/50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Status badges under vehicle title */
.bg-red-100 { background-color: #fee2e2 !important; }
.text-red-700 { color: #b91c1c !important; }
.border-red-300 { border-color: #fca5a5 !important; }
.bg-zinc-100 { background-color: #f4f4f5 !important; }
.text-zinc-800 { color: #27272a !important; }
.border-zinc-300 { border-color: #d4d4d8 !important; }
.border { border-width: 1px !important; border-style: solid !important; }
.inline-block { display: inline-block !important; }

/* Verkauft: gray price badge */
.bg-zinc-400 { background-color: #a1a1aa !important; }

/* --- DESKTOP: Detailing in one row (4 columns) --- */
@media (min-width: 1024px) {
  [code-path="src\\sections\\Detailing.tsx:109:9"]{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }
}