/**
 * CTA gomb egységesítés (Csomagvarázsló / cta-btn minta).
 *
 * Visszavonás:
 * 1. templates/layout/default.php — töröld a cta-btn-unified.css betöltést és a body „cta-btn-unified” osztályát
 * 2. templates/layout/error_branded.php — ugyanígy
 * 3. töröld ezt a fájlt (opcionális)
 */

html.cta-btn-unified .cta-btn,
html.cta-btn-unified a.cta-btn,
html.cta-btn-unified button.cta-btn {
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 25px;
  border-radius: 4px;
  transition: 0.4s;
  margin: 10px;
  border: 2px solid var(--main);
  color: var(--main);
  background: #fff;
  text-decoration: none;
  line-height: 1.5;
  box-shadow: none;
}

html.cta-btn-unified .cta-btn:hover,
html.cta-btn-unified a.cta-btn:hover,
html.cta-btn-unified button.cta-btn:hover {
  background: var(--main);
  border-color: var(--main);
  color: #fff;
  text-decoration: none;
}

html.cta-btn-unified .cta-btn--danger {
  border-color: var(--promo-accent);
  color: var(--promo-accent);
}

html.cta-btn-unified .cta-btn--danger:hover {
  background: var(--promo-accent);
  border-color: var(--promo-accent);
  color: #fff;
}

html.cta-btn-unified .error-reporting .cta-btn.cta-btn--danger {
  border-color: var(--promo-accent);
  color: var(--promo-accent);
  background: #fff;
}

html.cta-btn-unified .error-reporting .cta-btn.cta-btn--danger:hover {
  background: var(--promo-accent);
  border-color: var(--promo-accent);
  color: #fff;
}

/* Bootstrap primary → cta-btn kinézet (ahol még btn-primary maradt) */
html.cta-btn-unified .btn.btn-lg.btn-primary,
html.cta-btn-unified .btn.btn-sm.btn-primary {
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 25px;
  border-radius: 4px;
  transition: 0.4s;
  margin: 10px;
  border: 2px solid var(--main);
  color: var(--main);
  background: #fff;
  box-shadow: none;
}

html.cta-btn-unified .btn.btn-primary:not(.nav-link):not(.btn-check):hover,
html.cta-btn-unified .btn.btn-lg.btn-primary:hover,
html.cta-btn-unified .btn.btn-sm.btn-primary:hover {
  background: var(--main);
  border-color: var(--main);
  color: #fff;
}

/* Választó gombok (ügyfél / látogató, csomagvarázsló) */
html.cta-btn-unified #message #radio-buttons label.cta-btn,
html.cta-btn-unified #pricing-wizard #radio-buttons label.cta-btn,
html.cta-btn-unified #pricing #customer label.cta-btn {
  cursor: pointer;
}

html.cta-btn-unified #pricing #customer .customer-type-buttons label.cta-btn,
html.cta-btn-unified #pricing .customer-type-buttons label.cta-btn {
  display: inline-block;
  min-width: 24rem;
  width: auto;
  max-width: 100%;
  white-space: nowrap;
  box-sizing: border-box;
}

html.cta-btn-unified #message #radio-buttons label.cta-btn {
  width: 100%;
}

html.cta-btn-unified #message .btn-check:checked + label.cta-btn,
html.cta-btn-unified #pricing-wizard .btn-check:checked + label.cta-btn,
html.cta-btn-unified #pricing .customer-type-buttons .btn-check:checked + label.cta-btn {
  background: var(--breadcrumbs-bg);
  border-color: var(--breadcrumbs-bg);
  color: #fff;
}

html.cta-btn-unified #pricing .customer-type-buttons label.cta-btn {
  border-color: var(--breadcrumbs-bg);
  color: var(--breadcrumbs-bg);
}

html.cta-btn-unified #pricing .customer-type-buttons label.cta-btn:hover,
html.cta-btn-unified #pricing .customer-type-buttons .btn-check:checked + label.cta-btn:hover {
  background: var(--breadcrumbs-bg);
  border-color: var(--breadcrumbs-bg);
  color: #fff;
}

/* Régi main-btn alias — visszafelé kompatibilitás */
html.cta-btn-unified .main-btn {
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 25px;
  border-radius: 4px;
  transition: 0.4s;
  margin: 10px;
  border: 2px solid var(--main);
  color: var(--main);
  background: #fff;
  text-decoration: none;
}

html.cta-btn-unified .main-btn:hover {
  background: var(--main);
  border-color: var(--main);
  color: #fff;
}

html.cta-btn-unified .main-btn-danger {
  border-color: #c00;
  color: #c00;
}

html.cta-btn-unified .main-btn-danger:hover {
  background: #a00;
  border-color: #a00;
  color: #fff;
}