/* ════════════════════════════════════════════════════════════════════════
   02-buttons.css — Tlačítka

   Použití:
   - Vlastní HTML (Code modul): <a class="btn btn-primary">…</a>
   - Divi Button modul: Advanced → CSS Class přidat třídu (např. btn-primary).
     STAČÍ jen samotný modifikátor (btn-primary), base styly se aplikují
     i bez .btn třídy — viz seznam selektorů níže.

   Pro Divi je důležitý vyšší specifický selektor `a.et_pb_button` aby
   přebíjel Divi defaults (3px radius, 0 padding, 20px font, 34px height,
   flex-direction column, atd.).
   ──────────────────────────────────────────────────────────────────────── */


/* ════════════════════════════════════════════════════════════════════════
   BASE — vzhled platný pro všechny .btn-* varianty (HTML i Divi modul)
   ══════════════════════════════════════════════════════════════════════ */

.btn,
.btn-primary,
.btn-secondary,
.btn-ghost,
.btn-soft,
.btn-outline,
a.et_pb_button.btn,
a.et_pb_button.btn-primary,
a.et_pb_button.btn-secondary,
a.et_pb_button.btn-ghost,
a.et_pb_button.btn-soft,
a.et_pb_button.btn-outline{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px;
  padding:14px 24px !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  max-width:none !important;
  border-radius:var(--radius-pill) !important;
  font-family:var(--font-base) !important;
  font-weight:700 !important;
  font-size:var(--fs-button) !important;
  line-height:1 !important;
  letter-spacing:-.005em !important;
  white-space:nowrap;
  text-decoration:none !important;
  vertical-align:middle;
  border:0 !important;
  transition:all .25s ease;
  cursor:pointer;
  text-transform:none !important;
}

/* Vypnout Divi šipku po hoveru (::after s →) */
a.et_pb_button.btn::after,
a.et_pb_button.btn-primary::after,
a.et_pb_button.btn-secondary::after,
a.et_pb_button.btn-ghost::after,
a.et_pb_button.btn-soft::after,
a.et_pb_button.btn-outline::after{
  display:none !important;
  content:'' !important;
  margin:0 !important;
  padding:0 !important;
}

/* SVG ikona uvnitř tlačítka */
.btn svg,
.btn-primary svg,
.btn-secondary svg,
.btn-ghost svg,
.btn-soft svg,
.btn-outline svg{
  width:16px;
  height:16px;
  flex-shrink:0;
}


/* ════════════════════════════════════════════════════════════════════════
   VARIANT — barvy + box-shadow
   ══════════════════════════════════════════════════════════════════════ */

/* ── Primary — růžová CTA ───────────────────────────────────────────── */
.btn-primary,
a.et_pb_button.btn-primary{
  background:var(--pink) !important;
  color:#fff !important;
  box-shadow:var(--shadow-pink) !important;
}
.btn-primary:hover,
a.et_pb_button.btn-primary:hover{
  background:var(--pink-dark) !important;
  color:#fff !important;
  transform:translateY(-2px);
  box-shadow:var(--shadow-pink-h) !important;
}


/* ── Secondary / Ghost — žluté ──────────────────────────────────────── */
.btn-secondary,
.btn-ghost,
a.et_pb_button.btn-secondary,
a.et_pb_button.btn-ghost{
  background:var(--yellow-cta) !important;
  color:var(--ink) !important;
  border:1.5px solid var(--yellow-cta) !important;
  box-shadow:none !important;
}
.btn-secondary:hover,
.btn-ghost:hover,
a.et_pb_button.btn-secondary:hover,
a.et_pb_button.btn-ghost:hover{
  background:var(--yellow-hover) !important;
  border-color:var(--yellow-hover) !important;
  color:var(--ink) !important;
  transform:translateY(-1px);
  box-shadow:var(--shadow-yellow) !important;
}


/* ── Soft — tichá růžová varianta ──────────────────────────────────── */
.btn-soft,
a.et_pb_button.btn-soft{
  background:var(--pink-50) !important;
  color:var(--pink) !important;
}
.btn-soft:hover,
a.et_pb_button.btn-soft:hover{
  background:var(--pink) !important;
  color:#fff !important;
}


/* ── Outline (bílá s pink obrysem, pro hero na žluté pozadí) ────────── */
.btn-outline,
a.et_pb_button.btn-outline{
  background:#fff !important;
  color:var(--pink) !important;
  border:1.5px solid var(--pink) !important;
}
.btn-outline:hover,
a.et_pb_button.btn-outline:hover{
  background:var(--pink) !important;
  color:#fff !important;
}


/* ════════════════════════════════════════════════════════════════════════
   MODIFIKÁTORY VELIKOSTI
   ══════════════════════════════════════════════════════════════════════ */

.btn-sm,
a.et_pb_button.btn-sm{
  padding:9px 16px !important;
  font-size:var(--fs-small) !important;
}
.btn-lg,
a.et_pb_button.btn-lg{
  padding:16px 32px !important;
  font-size:var(--fs-button-lg) !important;
}
.btn-xl,
a.et_pb_button.btn-xl{
  padding:18px 36px !important;
  font-size:var(--fs-large) !important;
}

/* Plná šířka */
.btn-block,
.btn-full,
a.et_pb_button.btn-block,
a.et_pb_button.btn-full{
  width:100% !important;
  justify-content:center;
}

/* Disabled state */
.btn:disabled,
.btn.is-disabled,
a.et_pb_button:disabled,
a.et_pb_button.is-disabled{
  opacity:.5;
  cursor:not-allowed;
  pointer-events:none;
}