/* =========================================================================
   Marken-Overrides Entsorgung4U  –  KOPIERFEST
   Wird nach style.css geladen und gewinnt daher. Diese Datei existiert NICHT
   im ha-site-Master und ueberlebt deshalb ein `cp -r ha-site/assets`.
   Hier gehoeren ALLE entsorgung-spezifischen Abweichungen hinein.
   ========================================================================= */

/* --- Gruene Palette der alten Live-Seite (statt Citron-Gelbgruen) --- */
:root {
  --citron:          #2fcc71;   /* Smaragdgruen – Akzent (H1, 4U, Links) */
  --citron-dark:     #0e3d21;   /* Waldgruen – Icons, Checks */
  --citron-lighter:  #d5f4e2;   /* helles Gruen */
  --citron-lightest: #eaf9f0;   /* Mint-Flaechen */
  --citron-darkest:  #0a2a17;   /* tiefes Waldgruen */
}
.section--dark { background: #0e3d21; color: #d7e6da; }

/* --- Bild-Logo (Recycling + „Entsorgung Vom Fachmann 4U") oben + unten --- */
.wordmark { display: inline-block; width: 188px; height: 41px; background: url(/assets/img/logo-entsorgung.png) left center / contain no-repeat; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden; }
.wordmark__name, .wordmark__4u { display: none; }
.footer__logo .wordmark { width: 208px; height: 45px; background-image: url(/assets/img/logo-entsorgung-light.png); }
.wordmark--light { background-image: url(/assets/img/logo-entsorgung-light.png); }

/* --- Fakten-Kacheln: zentriert, Icon oben im gefuellten Smaragd-Kreis --- */
.fact { flex-direction: column; align-items: center; text-align: center; padding: 1.7rem 1.25rem 1.5rem; gap: .8rem; box-shadow: var(--shadow-s); }
.fact:hover { transform: translateY(-4px); box-shadow: var(--shadow-m); border-color: var(--citron); }
.fact__ico { width: 3.5rem; height: 3.5rem; border-radius: 50%; background: var(--citron); color: #fff; box-shadow: 0 6px 14px rgba(47,204,113,.35); }
.fact__ico svg { width: 1.7rem; height: 1.7rem; }
.fact__k { font-size: 1.05rem; line-height: 1.25; }
.fact__v { margin-top: .25rem; line-height: 1.45; }

/* --- „Unsere Leistungen" hoeher + mehr Luft zu den 7 Kacheln --- */
.section:has(.svc-grid) { padding-top: clamp(.75rem, 2.5vw, 1.5rem); }
.section:has(.svc-grid) .section-head { margin-bottom: 4.75rem; }

/* --- Badge-Sektion naeher an den Hero (auch ohne Master-Klasse) --- */
.section--badges, .section--soft:has(.badges) { padding-block: .75rem 1.5rem; }
.section--badges .badges, .section--soft:has(.badges) .badges { gap: 1.25rem; }
@media (max-width: 720px) { .section--badges, .section--soft:has(.badges) { padding-block: .5rem 1rem; } }