/* Affiliate landing stránka – Discount Case ([discount_affiliate_page]).
   Nadväzuje na case.css (.dc-code, .dc-copy, .dc-btn), pridáva vlastný layout. */

.dc-aff{max-width:760px;margin:0 auto;color:#1f2937;line-height:1.5}
.dc-aff *{box-sizing:border-box}

/* Hero */
.dc-aff-hero{
  background:linear-gradient(135deg,#1f1147,#8847ff);
  color:#fff;border-radius:18px;padding:32px 26px 40px;text-align:center;
}
.dc-aff-badge{
  display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  background:rgba(255,255,255,.16);padding:6px 12px;border-radius:999px;margin-bottom:12px;
}
.dc-aff-h{margin:0 0 10px;font-size:28px;line-height:1.2;color:#fff}
.dc-aff-lead{margin:0 auto;max-width:560px;font-size:16px;line-height:1.55;opacity:.92}

/* Box: kód (prihlásený) alebo CTA (hosť) – prekrýva spodok hero */
.dc-aff-box{
  background:#fff;border:1px solid #ece7fb;border-radius:16px;padding:22px;
  box-shadow:0 12px 30px rgba(31,17,71,.12);
  margin:-22px 18px 0;text-align:center;
}
.dc-aff-box-label{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:8px}
.dc-aff-box-fine{margin:12px 0 0;font-size:13px;color:#6b7280;line-height:1.6}
.dc-aff-box--cta h3{margin:0 0 6px;font-size:20px;color:#1f1147}
.dc-aff-box--cta p{margin:0 0 16px;color:#4b5563;font-size:15px}
.dc-aff-box--muted p{margin:0;color:#6b7280;font-size:15px}
.dc-aff-btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:center}
.dc-aff-btn-ghost{
  color:#6d28d9;text-decoration:underline;font-weight:600;font-size:14px;
  background:none;border:0;cursor:pointer;
}

/* Kód + „Kopírovať" na svetlej karte: .dc-copy má v case.css biely text (#F2F5FA),
   ktorý je na bielom pozadí neviditeľný (vyzeralo ako prázdne okienko) – tu z neho
   spravíme čitateľné fialové tlačidlo a kód orámujeme do fialova. */
.dc-aff .dc-code span{border-color:#8847ff;color:#1f1147}
.dc-aff .dc-copy{background:#8847ff;border:1px solid #8847ff;color:#fff;font-weight:600}
.dc-aff .dc-copy:hover{background:#7437e8;border-color:#7437e8}
.dc-aff .dc-copy:active{transform:scale(.98)}

/* Sekcie */
.dc-aff-sec{margin:34px 0 16px;font-size:20px;color:#1f1147;text-align:center}

/* 3 kroky */
.dc-aff-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dc-aff-step{background:#faf8ff;border:1px solid #eee7fb;border-radius:14px;padding:18px 16px;text-align:center}
.dc-aff-num{
  display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  background:#8847ff;color:#fff;font-weight:800;font-size:16px;margin-bottom:10px;
}
.dc-aff-step h4{margin:0 0 6px;font-size:15px;color:#1f2937}
.dc-aff-step p{margin:0;font-size:13.5px;color:#6b7280;line-height:1.55}

/* Dva stĺpce – benefit pre teba / pre známeho */
.dc-aff-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.dc-aff-col{background:#fff;border:1px solid #ece7fb;border-radius:14px;padding:18px}
.dc-aff-ico{font-size:26px;margin-bottom:8px}
.dc-aff-col h4{margin:0 0 6px;font-size:16px;color:#1f1147}
.dc-aff-col p{margin:0;font-size:14px;color:#4b5563;line-height:1.6}

/* Podmienky */
ul.dc-aff-terms{margin:0;padding:0;list-style:none;border:1px solid #ece7fb;border-radius:14px;overflow:hidden;background:#fff}
ul.dc-aff-terms li{position:relative;padding:13px 16px 13px 42px;font-size:14px;color:#374151;line-height:1.55;border-top:1px solid #f1edfb}
ul.dc-aff-terms li:first-child{border-top:0}
ul.dc-aff-terms li:before{content:"\2713";position:absolute;left:16px;top:13px;color:#8847ff;font-weight:800}

@media (max-width:640px){
  .dc-aff-steps{grid-template-columns:1fr}
  .dc-aff-cols{grid-template-columns:1fr}
  .dc-aff-h{font-size:23px}
  .dc-aff-box{margin-left:10px;margin-right:10px}
}