/* ============================================================
   tvorba-webu-na-miru/tvorba-webu.css
   Page-specific styly POUZE pro /tvorba-webu-na-miru.
   Globální → /style.css · Sdílené podstránky → page.css
   ============================================================ */

/* ── CO ZAHRNUJE — tmavá primary-dark, mřížka 3×2 ── */
#co-zahrnuje {
  background: var(--primary-dark);
}
#co-zahrnuje .benefits-grid {
  grid-template-columns: repeat(3, 1fr);
  max-width: 1080px;
}
@media (max-width: 920px) {
  #co-zahrnuje .benefits-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  #co-zahrnuje .benefits-grid { grid-template-columns: 1fr; }
}

/* ── JAK TVORBA WEBU PROBÍHÁ (proces) — tmavá primary-dark ──
   .process je globálně bílá (style.css) s light-mode texty;
   zde ji scope-ujeme přes #id zpět do tmavého režimu.            */
#jak-tvorime {
  background: var(--primary-dark);
}
#jak-tvorime .section-title {
  background: var(--gold-gradient);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
#jak-tvorime .section-label {
  background: var(--silver-gradient);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
#jak-tvorime .step-title { color: var(--ghost); }
#jak-tvorime .step-desc  { color: var(--mist); }
/* vnitřek hexagonu uzlu = barva pozadí sekce (zůstane jen zlatý okraj) */
#jak-tvorime .timeline-node span { background: var(--primary-dark); }

/* ── KOLIK TVORBA WEBU STOJÍ (ceník) — primary-dark místo midnight ── */
#cena {
  background:
    radial-gradient(ellipse 50% 50% at 50% 100%,
      rgba(200, 150, 12, 0.04) 0%,
      transparent 60%
    ),
    var(--primary-dark);
}