/* ============================================================
   wordpress/wordpress.css
   Styly specifické pro stránku /wordpress.
   Globální: ../style.css  |  Sdílené subpage: ../tvorba-webu-na-miru/page.css
   ============================================================ */

/* ── BUILDER COMPARISON (Elementor vs Bricks) ── */
.builder-section {
  padding: 8rem 3rem;
  background: var(--midnight);
}
.builder-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  max-width: 960px;
  margin: 3rem auto 0;
}
.builder-card {
  border: 1px solid rgba(200,150,12,0.25);
  padding: 2.5rem 2rem;
  background: var(--card-black);
  position: relative;
}
.builder-card.featured {
  border-color: rgba(200,150,12,0.55);
}
.builder-badge {
  position: absolute; top: -1px; right: 1.5rem;
  background: var(--gold); color: var(--midnight);
  font-family: 'Cinzel Decorative', serif;
  font-size: 0.58rem; letter-spacing: 0.1em;
  padding: 0.3rem 0.8rem; text-transform: uppercase;
}
.builder-name {
  font-family: 'Cinzel Decorative', serif;
  font-size: 1rem; color: var(--pale-gold);
  letter-spacing: 0.08em; display: block; margin-bottom: 1rem;
}
.builder-desc {
  font-family: 'Lora', serif; font-style: italic;
  color: var(--mist); font-size: 0.92rem; line-height: 1.75;
}

@media (max-width: 768px) {
  .builder-section { padding: 5rem 1.5rem; }
  .builder-grid { grid-template-columns: 1fr; }
}