/*
 * ATV Centrum — narozeninova-akce.css
 * Kampaňová stránka „Narozeninová akce 23 let" — hero v barvách akce, intro, podmínky
 * (bez grafik ze sociálních sítí - Jan 23. 10. 2026).
 * Načítá se jako pageExtraCss NAD catalog.css (grid + product-card).
 * Barvy akce: růžová #EF017D (shodná se štítkem; bílý text na tmavší části přechodu kvůli kontrastu),
 * tyrkysová #199BBB pro nadpis podmínek o odstín tmavší kvůli kontrastu WCAG AA, tmavě modrá var(--navy).
 */

.hero-catalog--narozeniny,
.narozeniny-intro,
.narozeniny-info {
  --nb-pink: #EF017D;
  --nb-pink-dark: #C80069;
  --nb-teal: #13809B;
  --nb-teal-text: #0E6A80;
}

/* ── HERO — tmavě modrá s růžovým nádechem vpravo, nižší než běžný hero (Jan 23. 10.: polovina, pak +30 %) ── */
.hero-catalog--narozeniny {
  background: var(--navy, #0F1E2E);
  min-height: 0;
}
.hero-catalog--narozeniny .hero-catalog-bg::after {
  background:
    radial-gradient(ellipse at 88% 50%, rgba(239, 1, 125, 0.42) 0%, rgba(239, 1, 125, 0) 58%),
    linear-gradient(90deg, rgba(15, 30, 46, 0.96) 0%, rgba(15, 30, 46, 0.88) 55%, rgba(15, 30, 46, 0.7) 100%);
}
.hero-catalog--narozeniny .hero-catalog-bg::before {
  background: repeating-linear-gradient(-55deg, transparent, transparent 40px, rgba(239, 1, 125, 0.05) 40px, rgba(239, 1, 125, 0.05) 41px);
}
/* Textura škrábanců nad pozadím, pod textem (.hero-catalog-inner má z-index 2) */
.hero-catalog--narozeniny::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: var(--akce23-scratch);
  background-size: cover;
  background-position: center;
  pointer-events: none;
}
.hero-catalog--narozeniny .hero-catalog-inner { padding-top: 43px; padding-bottom: 45px; }
.hero-catalog--narozeniny .hero-catalog-breadcrumb { margin-bottom: 8px; }
.hero-catalog--narozeniny .hero-catalog-breadcrumb span { color: #fff; }
.hero-catalog--narozeniny .hero-catalog-breadcrumb a:hover { color: var(--nb-pink); }
.hero-catalog--narozeniny .hero-catalog-title {
  font-size: clamp(26px, 3.6vw, 40px);
  line-height: 1.05;
  margin-bottom: 8px;
}
.hero-catalog--narozeniny .hero-catalog-title .accent {
  color: var(--nb-pink);
  -webkit-text-stroke: 2px var(--nb-pink);
}
.hero-catalog--narozeniny .hero-catalog-subtitle {
  display: inline-block;
  max-width: 100%;
  margin: 0;
  padding: 6px 12px;
  background: var(--nb-pink-dark);
  color: #fff;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: clamp(14px, 1.7vw, 17px);
  line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (max-width: 768px) {
  .hero-catalog--narozeniny .hero-catalog-inner { padding-top: 44px; padding-bottom: 46px; }
}

/* ── INTRO ────────────────────────────────────────────────────────── */
.narozeniny-intro {
  background: var(--white, #fff);
  padding: 44px 0 8px;
  text-align: center;
}
.narozeniny-intro-lead {
  font-family: var(--font-primary);
  font-size: clamp(17px, 2.4vw, 20px);
  line-height: 1.65;
  color: var(--navy, #0F1E2E);
  max-width: 760px;
  margin: 0 auto;
}

/* ── PODMÍNKY AKCE ────────────────────────────────────────────────── */
.narozeniny-info { padding: 32px 0 48px; }
.narozeniny-info-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 40px;
  padding: 34px 40px;
  border-left: 4px solid var(--nb-pink);
  border-radius: 16px;
  background: radial-gradient(ellipse at 70% 40%, #f2f2f2 0%, #e4e4e4 100%);
  box-shadow: 0 8px 28px rgba(15, 30, 46, 0.1);
}
.narozeniny-info-main,
.narozeniny-info-terms { min-width: 0; }
.narozeniny-info-title {
  font-family: var(--font-primary);
  font-size: clamp(22px, 2.6vw, 28px);
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--navy, #0F1E2E);
  margin: 0 0 10px;
}
.narozeniny-info-lead {
  font-size: 16px;
  line-height: 1.6;
  color: var(--navy, #0F1E2E);
  margin: 0 0 20px;
}
.narozeniny-info-subtitle {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--nb-teal-text);
  margin: 0 0 10px;
}
.narozeniny-info-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.narozeniny-info-list li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(15, 30, 46, 0.85);
}
.narozeniny-info-list li::before {
  content: '';
  position: absolute;
  left: 2px;
  top: 6px;
  width: 12px;
  height: 7px;
  border-left: 3px solid var(--nb-pink-dark);
  border-bottom: 3px solid var(--nb-pink-dark);
  transform: rotate(-45deg);
}
.narozeniny-info-cta {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(15, 30, 46, 0.8);
  margin: 0;
}
.narozeniny-info-cta a {
  color: var(--nb-pink-dark);
  font-weight: 700;
  text-decoration: none;
}
.narozeniny-info-cta a[href^="tel:"] { white-space: nowrap; }
.narozeniny-info-cta a:hover { text-decoration: underline; }

/* ── GRID — menší horní mezera, sekce nad ním už oddělila obsah ───── */
.narozeniny-info + .catalog-section { padding-top: 32px; }

/* Prázdný stav (akce bez skladových strojů) */
.catalog-empty {
  text-align: center;
  padding: 64px 20px;
  max-width: 520px;
  margin: 0 auto;
}
.catalog-empty svg {
  width: 48px; height: 48px;
  color: var(--gray-300, #cbd5e1);
  margin-bottom: 16px;
}
.catalog-empty p { color: var(--gray-500, #64748b); margin: 0 0 24px; }

@media (max-width: 1024px) {
  .narozeniny-info-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
@media (max-width: 768px) {
  .narozeniny-intro { padding: 32px 0 4px; }
  .narozeniny-info { padding-top: 24px; padding-bottom: 32px; }
  .narozeniny-info-grid { padding: 24px 20px 26px 22px; }
}