/* lieferdienste-kemnath.de – Responsive-Feinschliff für die gebündelte Startseite
   Das Bundle nutzt nur Inline-Styles ohne Media Queries, daher hier mit !important. */

html { -webkit-text-size-adjust: 100%; }

/* Pfeile immer als Text, nie als Emoji (iOS) */
[data-ldk-arrow] { font-family: "Ubuntu", "Helvetica Neue", Arial, sans-serif !important; font-variant-emoji: text; }

/* Tablet: Navigation in einer Zeile halten, Hero-Foto höher, Karte schmaler */
@media (max-width: 960px) {
  nav > div[style*="white-space: nowrap"] { display: none !important; }
  nav[style*="border-radius: 32px"] { flex-wrap: nowrap !important; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  div[data-dc-tpl="36"] { height: 460px !important; }
  div[data-dc-tpl="38"] { width: min(340px, 100% - 28px) !important; padding: 18px 20px 16px !important; }
  div[data-dc-tpl="41"] { font-size: 44px !important; }
}

@media (max-width: 760px) {

  /* Top-Bar: eine kompakte Zeile */
  div[style*="position: sticky"][style*="z-index: 50"] > div {
    padding: 9px 14px !important;
    gap: 6px 12px !important;
    font-size: 13px !important;
  }
  div[style*="position: sticky"][style*="z-index: 50"] a.scp0 { font-size: 13px !important; }
  /* Nebensatz in der Top-Bar auf dem Handy weglassen: "0 von 500 Stimmen — Jetzt abstimmen" reicht */
  div[style*="position: sticky"][style*="z-index: 50"] span[style*="color: rgba(31, 28, 27, 0.8)"] { display: none !important; }
  div[style*="position: sticky"][style*="z-index: 50"] > div { flex-wrap: nowrap !important; }

  /* Navigation: Links ausblenden, Logo + Button in einer Zeile */
  nav > div[style*="white-space: nowrap"] { display: none !important; }
  nav[style*="border-radius: 32px"] {
    flex-wrap: nowrap !important;
    padding: 8px 8px 8px 14px !important;
    gap: 10px !important;
  }
  nav[style*="border-radius: 32px"] img { height: 30px !important; width: auto !important; }
  nav[style*="border-radius: 32px"] a[href="#umfrage"] { padding: 7px 7px 7px 14px !important; font-size: 14px !important; gap: 8px !important; }
  nav[style*="border-radius: 32px"] a[href="#umfrage"] span[style*="border-radius: 50%"] { width: 28px !important; height: 28px !important; font-size: 13px !important; }

  /* Hero-Foto: Zähler-Karte nicht mehr über dem Bild, sondern darunter –
     das Foto bleibt komplett sichtbar */
  div[data-dc-tpl="36"] { height: auto !important; overflow: visible !important; border-radius: 0 !important; }
  div[data-dc-tpl="36"] > img {
    position: static !important; display: block !important;
    height: auto !important; aspect-ratio: 4 / 3; border-radius: 18px;
    object-position: 50% 35% !important;
  }
  div[data-dc-tpl="38"] {
    position: static !important; width: 100% !important; margin-top: 12px;
    background: rgba(255, 255, 255, 0.06) !important; backdrop-filter: none !important;
    border-radius: 18px !important; padding: 18px 18px 16px !important;
  }
  div[data-dc-tpl="41"] { font-size: 40px !important; }

  /* Umfrage-Foto: höher, Verlauf von unten statt von links – Motiv bleibt oben frei */
  div[data-dc-tpl="187"] { height: 380px !important; }
  div[data-dc-tpl="189"] { background: linear-gradient(180deg, rgba(31, 28, 27, 0) 0%, rgba(31, 28, 27, 0.15) 35%, rgba(31, 28, 27, 0.78) 62%, rgba(31, 28, 27, 0.95) 100%) !important; }
  div[data-dc-tpl="190"] { padding: 20px !important; }
  h2[data-dc-tpl="191"] { font-size: 27px !important; }

  /* Hero-Headline etwas kräftiger als der clamp-Minimalwert */
  h1 { font-size: 34px !important; line-height: 1.06 !important; }
  h2 { font-size: 26px !important; line-height: 1.12 !important; }

  /* Dunkle Karten: weniger Innenabstand, kleinerer Radius */
  div[style*="border-radius: 30px"][style*="background: rgb(31, 28, 27)"] { border-radius: 22px !important; }
  div[style*="border-radius: 30px"][style*="border: 1px solid rgb(226, 226, 226)"] { border-radius: 22px !important; padding: 22px 18px !important; }

  /* Betriebe-Chips (Danke-Block): kompakter, damit mehrere pro Zeile passen */
  span[style*="border-radius: 999px"][style*="padding: 11px 20px"] {
    padding: 7px 12px !important;
    font-size: 13px !important;
  }
  div[style*="flex: 1 1 460px"] { gap: 8px !important; }

  /* Kategorie-Buttons der Umfrage */
  button[style*="border-radius: 999px"] { padding: 9px 14px !important; font-size: 14px !important; }

  /* Kennzahlen-Raster: zwei Spalten bleiben, Zahlen kleiner */
  div[style*="grid-template-columns: repeat(2, minmax(0px, 1fr))"] > div { padding: 16px !important; }

  /* Buttons mit Pfeil-Kreis */
  a[style*="border-radius: 999px"] span[style*="width: 40px"] { width: 34px !important; height: 34px !important; }

  /* Footer-Spalten untereinander */
  footer div[style*="grid-template-columns"] { grid-template-columns: 1fr 1fr !important; gap: 18px !important; }
}

@media (max-width: 400px) {
  h1 { font-size: 31px !important; }
  div[style*="grid-template-columns: repeat(2, minmax(0px, 1fr))"] { grid-template-columns: 1fr 1fr !important; }
}