/*
 * Páros/kupon promó sáv — ÖNÁLLÓ stílus.
 * Azért független a home.css-től, hogy a [ekerkonf_kupon] shortcode a /jegyvasarlas/
 * oldalon (a szülőtéma alatt) is pontosan így nézzen ki.
 */

.ekf-promo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  margin: 34px 0;
  padding: 24px 26px;
  border-radius: 22px;
  border: 1px solid rgba(242, 140, 40, 0.32);
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(242, 140, 40, 0.13), transparent 62%),
    linear-gradient(180deg, #FFFDFA 0%, #FDF4E9 100%);
  box-shadow: 0 20px 44px -32px rgba(229, 99, 28, 0.55);
  color: #0F0F0F;
  position: relative;
  overflow: hidden;
}
.ekf-promo::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, #F5A623, #E5631C);
}
@media (min-width: 900px) {
  .ekf-promo { flex-wrap: nowrap; padding: 28px 32px; gap: 28px; }
}

.ekf-promo-ico {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: rgba(242, 140, 40, 0.14);
  border: 1px solid rgba(242, 140, 40, 0.30);
  color: #E5631C;
}

.ekf-promo-body { flex: 1 1 320px; min-width: 0; }

.ekf-promo-eyebrow {
  margin: 0 0 6px;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #E5631C;
}
.ekf-promo-title {
  margin: 0 0 6px;
  font-size: 21px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0F0F0F;
}
@media (min-width: 900px) { .ekf-promo-title { font-size: 24px; } }
.ekf-promo-text {
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: rgba(15, 15, 15, 0.75);
  max-width: 62ch;
}

.ekf-promo-side {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: 100%;
}
@media (min-width: 900px) { .ekf-promo-side { width: auto; align-items: flex-end; } }

/* A kupon "jegy" hatású, szaggatott kerettel */
.ekf-promo-coupon {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  border-radius: 14px;
  border: 2px dashed rgba(229, 99, 28, 0.45);
  background: #fff;
  position: relative;
}
.ekf-promo-coupon-label {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A857C;
  white-space: nowrap;
}
.ekf-promo-code {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #E5631C;
  white-space: nowrap;
}
@media (min-width: 900px) { .ekf-promo-code { font-size: 22px; } }

.ekf-promo-copy {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 9999px;
  border: 1px solid rgba(15, 15, 15, 0.12);
  background: #0F0F0F;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: background-color .2s ease, transform .2s ease;
  white-space: nowrap;
  font-family: inherit;
}
.ekf-promo-copy:hover { background: #E5631C; transform: translateY(-1px); }
.ekf-promo-copy.is-copied { background: #1E8E4B; }
.ekf-promo-copy:focus-visible { outline: 2px solid #F28C28; outline-offset: 2px; }

.ekf-promo-note {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #8A857C;
  text-align: left;
}
@media (min-width: 900px) { .ekf-promo-note { text-align: right; } }

/* Sötét mód (a főoldalon) */
body[data-theme="dark"] .ekf-promo {
  border-color: rgba(242, 140, 40, 0.34);
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(242, 140, 40, 0.14), transparent 62%),
    linear-gradient(180deg, #171512 0%, #14120F 100%);
  color: #F2F2EE;
}
body[data-theme="dark"] .ekf-promo-title { color: #F2F2EE; }
body[data-theme="dark"] .ekf-promo-text { color: rgba(242, 242, 238, 0.75); }
body[data-theme="dark"] .ekf-promo-coupon { background: #0F0E0C; border-color: rgba(242, 140, 40, 0.5); }
body[data-theme="dark"] .ekf-promo-code { color: #F7A94D; }
body[data-theme="dark"] .ekf-promo-copy { background: #F28C28; color: #0B0B0B; border-color: transparent; }
body[data-theme="dark"] .ekf-promo-copy:hover { background: #F5A623; }