/* ════════════════════════════════════════════════════════════════
   Premium Access Layer Faz 1 — Teaser gate + countdown badge
   (--v4-* tokenları; mor YOK)
   ════════════════════════════════════════════════════════════════ */

/* Countdown rozeti (sağ üst) */
.vd-teaser-badge {
  position: fixed; top: 14px; right: 14px; z-index: 9000;
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 13px; border-radius: 999px;
  background: rgba(10, 20, 34, 0.86); border: 1px solid var(--v4-cyan, #00D1FF);
  color: var(--v4-text, #EAF6FF); font-size: 12px; font-weight: 600;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4); backdrop-filter: blur(8px);
}
.vd-teaser-badge-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--v4-success, #00FFA3); box-shadow: 0 0 8px var(--v4-success, #00FFA3); animation: vd-teaser-pulse 1.6s ease-in-out infinite; }
.vd-teaser-badge-txt b { color: var(--v4-cyan, #00D1FF); font-variant-numeric: tabular-nums; }
@keyframes vd-teaser-pulse { 0%,100% { opacity: 1; } 50% { opacity: .35; } }

/* Premium gate (tam ekran) */
.vd-teaser-gate {
  position: fixed; inset: 0; z-index: 9500;
  display: flex; align-items: center; justify-content: center; padding: 22px;
  background: rgba(2, 6, 14, 0.78); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  opacity: 0; transition: opacity .2s ease;
}
.vd-teaser-gate-show { opacity: 1; }
.vd-teaser-gate-card {
  width: 100%; max-width: 440px; text-align: center;
  background: linear-gradient(180deg, rgba(10, 22, 38, 0.96), rgba(6, 14, 26, 0.96));
  border: 1px solid var(--v4-border-strong, rgba(0, 209, 255, 0.3)); border-radius: 20px;
  padding: 30px 26px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}
.vd-teaser-gate-icon { font-size: 40px; margin-bottom: 12px; }
.vd-teaser-gate-title { font-size: 20px; font-weight: 800; color: var(--v4-text, #EAF6FF); margin-bottom: 10px; }
.vd-teaser-gate-msg { font-size: 13.5px; line-height: 1.6; color: var(--v4-text-2, #7FA9C9); margin-bottom: 22px; }
.vd-teaser-gate-btn {
  display: block; width: 100%; font-family: inherit; font-size: 14px; font-weight: 700; color: #02050D;
  background: linear-gradient(135deg, var(--v4-cyan, #00D1FF), var(--v4-blue, #007BFF));
  border: none; border-radius: 12px; padding: 13px 18px; cursor: pointer; transition: filter .15s ease;
}
.vd-teaser-gate-btn:hover { filter: brightness(1.08); }
.vd-teaser-gate-home { display: inline-block; margin-top: 14px; font-size: 12.5px; color: var(--v4-text-3, #4a6a85); text-decoration: none; }
.vd-teaser-gate-home:hover { color: var(--v4-cyan, #00D1FF); }

@media (max-width: 560px) {
  .vd-teaser-gate-card { padding: 26px 18px; }
  .vd-teaser-gate-title { font-size: 18px; }
  .vd-teaser-badge { top: 10px; right: 10px; font-size: 11px; padding: 6px 11px; }
}

/* ── Phase 3: Teaser scope — Archive feed CTA + modal block ── */
.aic-teaser-cta {
  display: flex; align-items: center; gap: 14px; margin-top: 14px;
  padding: 16px 18px; border-radius: 14px; cursor: pointer;
  background: linear-gradient(135deg, rgba(0, 209, 255, 0.08), rgba(0, 123, 255, 0.05));
  border: 1px dashed var(--v4-cyan, #00D1FF); transition: filter .15s ease;
}
.aic-teaser-cta:hover { filter: brightness(1.1); }
.aic-teaser-cta-ic { font-size: 24px; }
.aic-teaser-cta-tx { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.aic-teaser-cta-tx b { color: var(--v4-text, #EAF6FF); font-size: 13.5px; }
.aic-teaser-cta-tx span { color: var(--v4-text-2, #7FA9C9); font-size: 11.5px; line-height: 1.45; }
.aic-teaser-cta-btn {
  font-size: 12px; font-weight: 700; color: #02050D; white-space: nowrap;
  background: linear-gradient(135deg, var(--v4-cyan, #00D1FF), var(--v4-blue, #007BFF));
  border-radius: 999px; padding: 7px 16px;
}
.aic-teaser-block { text-align: center; padding: 30px 18px; }
.aic-teaser-block-ic { font-size: 38px; margin-bottom: 12px; }
.aic-teaser-block-msg { font-size: 14px; color: var(--v4-text, #EAF6FF); line-height: 1.6; margin-bottom: 20px; }
.aic-teaser-block-btn {
  font-family: inherit; font-size: 13.5px; font-weight: 700; color: #02050D; cursor: pointer;
  background: linear-gradient(135deg, var(--v4-cyan, #00D1FF), var(--v4-blue, #007BFF));
  border: none; border-radius: 12px; padding: 12px 22px;
}
.aic-teaser-block-btn:hover { filter: brightness(1.08); }
@media (max-width: 560px) {
  .aic-teaser-cta { flex-direction: column; text-align: center; }
}

/* ── Chart Panel Access Gate (#lwcPanel kilit overlay) ── */
.lwc-gate-overlay {
  position: absolute; inset: 0; z-index: 40;
  display: flex; align-items: center; justify-content: center; padding: 20px;
  background: rgba(2, 6, 14, 0.72); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);
  border-radius: inherit;
}
.lwc-gate-card {
  text-align: center; max-width: 380px;
  background: linear-gradient(180deg, rgba(10, 22, 38, 0.96), rgba(6, 14, 26, 0.96));
  border: 1px solid var(--v4-border-strong, rgba(0, 209, 255, 0.3)); border-radius: 16px;
  padding: 24px 22px; box-shadow: 0 16px 44px rgba(0, 0, 0, 0.5);
}
.lwc-gate-ic { font-size: 34px; margin-bottom: 10px; }
.lwc-gate-title { font-size: 16px; font-weight: 800; color: var(--v4-cyan, #00D1FF); margin-bottom: 8px; }
.lwc-gate-msg { font-size: 12.5px; line-height: 1.55; color: var(--v4-text-2, #7FA9C9); margin-bottom: 18px; }
.lwc-gate-msg b { color: var(--v4-text, #EAF6FF); }
.lwc-gate-btn {
  font-family: inherit; font-size: 13px; font-weight: 700; color: #02050D; cursor: pointer;
  background: linear-gradient(135deg, var(--v4-cyan, #00D1FF), var(--v4-blue, #007BFF));
  border: none; border-radius: 11px; padding: 11px 20px;
}
.lwc-gate-btn:hover { filter: brightness(1.08); }
@media (max-width: 560px) { .lwc-gate-card { padding: 20px 16px; } .lwc-gate-title { font-size: 15px; } }