/* Doplňkové styly tématu M&M Finance (mimo zkompilovaný Tailwind). */

/* FAQ – nativní details/summary */
.mmf-faq summary::-webkit-details-marker { display: none; }
.mmf-faq summary { outline: none; }
.mmf-faq[open] .lucide-chevron-down { transform: rotate(180deg); }
.scroll-mt-28 { scroll-margin-top: 7rem; }

/* Rozsahové slidery kalkulaček */
.mmf-range {
  -webkit-appearance: none;
  appearance: none;
  height: 6px;
  border-radius: 9999px;
  background: var(--brand-mint, #e4f8cc);
  outline: none;
}
.mmf-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 22px; height: 22px;
  border-radius: 9999px;
  background: var(--brand, #2e7d32);
  border: 3px solid #fff;
  box-shadow: 0 4px 12px -2px rgba(31, 94, 42, 0.5);
  cursor: pointer;
}
.mmf-range::-moz-range-thumb {
  width: 22px; height: 22px;
  border-radius: 9999px;
  background: var(--brand, #2e7d32);
  border: 3px solid #fff;
  box-shadow: 0 4px 12px -2px rgba(31, 94, 42, 0.5);
  cursor: pointer;
}

/* Volby kalkulačky (pill + karta) */
.mmf-pill { background: #fff; color: var(--ink, #004137); border-color: var(--border, #e6ece2); }
.mmf-pill:hover { border-color: var(--brand-light, #50a338); color: var(--brand, #2e7d32); }
.mmf-pill.is-active { background: var(--brand, #2e7d32); color: #fff; border-color: var(--brand, #2e7d32); box-shadow: 0 8px 18px -10px rgba(31, 94, 42, 0.55); }

.mmf-card-opt { background: #fff; border-color: var(--border, #e6ece2); }
.mmf-card-opt:hover { border-color: var(--brand-light, #50a338); }
.mmf-card-opt.is-active { border-color: var(--brand, #2e7d32); background: var(--brand-mint, #e4f8cc); box-shadow: 0 8px 18px -12px rgba(31, 94, 42, 0.45); }

/* Leaflet pod fixní hlavičkou */
.leaflet-pane, .leaflet-top, .leaflet-bottom { z-index: 1 !important; }

/* Zamezení horizontálnímu scrollu (dekorativní prvky s -right-* / overhangem
   nesmí roztáhnout stránku). overflow-x: hidden je spolehlivé napříč prohlížeči. */
html { overflow-x: hidden; }
body { overflow-x: hidden; max-width: 100%; position: relative; }

/* Značkový font M&M Sans (self-hosted) – zatím využit logem; připraven pro rebrand. */
@font-face{font-family:'M&M Sans';src:url('../fonts/mmsans-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'M&M Sans';src:url('../fonts/mmsans-medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'M&M Sans';src:url('../fonts/mmsans-semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'M&M Sans';src:url('../fonts/mmsans-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

/* ===========================================================
   NOVÝ VIZUÁL (DYNAMO) – paleta
   limetka #bfe673 (hlavní) · grafit #004137 (tmavé sekce) ·
   zelená #004137 (akcenty) · červená #F50037 (tlačítka)
   =========================================================== */
:root{
  --brand:#004137;        /* zelené akcenty, odkazy, ikony, statistiky, štítky */
  --brand-deep:#004137;   /* tmavě zelená – tmavé sekce a patička (dle mockupu) */
  --brand-light:#3f9c5f;  /* světlejší zelená – přechody, hovery */
  --brand-mint:#bfe673;   /* limetkové akcenty – ikony, statistiky, aktivní stavy */
  --ink:#004137;          /* nadpisy, silný text */
  --ink-soft:#004137;     /* běžný text */
  --cream:#ffffff;        /* světlá plocha */
  --cream-deep:#f3f6ef;   /* jemně šedé pozadí sekcí */
  --border:#e5e8e1;
  --card:#ffffff;
  --font-sans:'M&M Sans',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --font-display:'M&M Sans',ui-sans-serif,system-ui,sans-serif;
}
/* Značkový font M&M Sans i tam, kde je natvrdo Poppins (utility .font-display) */
.font-display{font-family:'M&M Sans',ui-sans-serif,system-ui,sans-serif !important}
/* Vyplněná akční tlačítka -> červená */
.bg-\[color\:var\(--brand\)\]{background-color:#F50037 !important}
.hover\:bg-\[color\:var\(--brand-deep\)\]:hover{background-color:#d1002f !important}
/* Akcentní nadpis – plná zelená (bez přechodu). Reset text-clipu opraví
   ořezávání spodní části písmen s dolním dotahem (j, g, y…). */
.text-gradient-brand{background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;-webkit-text-fill-color:#004137 !important;color:#004137 !important}
/* Jistota proti ořezu dolních dotahů ve velkých nadpisech */
.display-1,.display-2{padding-bottom:.06em}
/* Limetkové záhlaví podstránek (pobočky, dokumenty, právní) – plná barva,
   omezená na výšku nadpisu, ať nezasahuje do popisu pod ním. */
.from-\[\#e8f1e2\]{background-image:none !important;background-color:#bfe673 !important;bottom:auto !important;height:200px !important}
@media(min-width:1024px){.from-\[\#e8f1e2\]{height:220px !important}}
/* Statistiky jako limetkové bloky (dle mockupu) – pouze barva + jemné odsazení */
.mmf-stat{background:#bfe673;border-radius:18px;padding:18px 20px 16px}
.mmf-stat .stat-num{color:#004137}
.mmf-stat .text-\[color\:var\(--ink-soft\)\]{color:#004137 !important}
/* Limetkový pruh jen v horní části hera (končí pod trust řádkem), pak bílá */
/* Homepage hero: limetkový pruh řešen jako samostatná sekce s auto-výškou
   (viz template-parts/hero.php – sekce 1 limetka, sekce 2 bílá). Bez pevných výšek. */
/* Stránky služeb: limetkový pruh řešen jako samostatná sekce s auto-výškou
   (viz service-layout.php – sekce 1 = nadpis+lead na limetce, sekce 2 = bílá).
   Žádné pevné výšky → sedí na všech rozlišeních. */
/* Kulaté ikonky (mint kolečka) -> červené s bílým prvkem. Kroky mají vlastní
   inline zelenou (#004137), takže je tohle pravidlo nezasáhne. */
.rounded-full.bg-\[color\:var\(--brand-mint\)\]{background-color:#F50037 !important;color:#fff !important}
.rounded-full.bg-\[color\:var\(--brand-mint\)\] svg{color:#fff !important}
/* Limetkový box (sjednoceno s homepage): pozadí limetka, tmavý text.
   Kulaté ikonky uvnitř si drží vlastní červená kolečka (mají !important). */
.mmf-limebox{background:#bfe673 !important;border:0 !important;color:#004137}

/* Zrušení prostrkání 0.16em -> normální (na přání) */
.tracking-\[0\.16em\]{letter-spacing:normal !important}
.eyebrow{letter-spacing:normal !important}