/* =====================================================
   GOZO CRISTIANO — Custom Styles
   ===================================================== */

/* ── Fonts ─────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800;900&family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ── Custom scrollbar ───────────────────────────────── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #080c18; }
::-webkit-scrollbar-thumb { background: #1a2540; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #f59e0b; }

/* ── Wave animation (player) ────────────────────────── */
.wave-bar {
  width: 3px;
  border-radius: 3px;
  animation: wave 0.9s ease-in-out infinite alternate;
}
@keyframes wave {
  0%   { height: 3px; }
  100% { height: 22px; }
}

/* ── Page fade-in ───────────────────────────────────── */
body { animation: fadeIn 0.25s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

/* ── Backdrop blur ──────────────────────────────────── */
.gc-nav   { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.gc-player{ backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px); }

/* ── Gradient text ──────────────────────────────────── */
.text-gold { background: linear-gradient(135deg,#f59e0b,#fbbf24); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.text-gold-purple { background: linear-gradient(135deg,#f59e0b,#a855f7); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

/* ── Glow shadows ───────────────────────────────────── */
.glow-gold   { box-shadow: 0 0 40px rgba(245,158,11,.3); }
.glow-purple { box-shadow: 0 0 40px rgba(124,58,237,.3); }

/* ── Card hover ─────────────────────────────────────── */
.gc-card {
  background: #141d30;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 16px;
  transition: border-color .25s, transform .25s, box-shadow .25s;
}
.gc-card:hover {
  border-color: rgba(245,158,11,.35);
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(0,0,0,.4);
}

/* ── Line clamp ─────────────────────────────────────── */
.lc-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.lc-3 { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* ── Volume slider ──────────────────────────────────── */
.vol-slider { -webkit-appearance:none; appearance:none; height:3px; border-radius:2px; background:rgba(255,255,255,.15); outline:none; cursor:pointer; }
.vol-slider::-webkit-slider-thumb { -webkit-appearance:none; width:11px; height:11px; border-radius:50%; background:#f59e0b; cursor:pointer; }

/* ── Progress fake bar ──────────────────────────────── */
@keyframes streamPulse {
  0%,100% { opacity:.4; } 50% { opacity:1; }
}
.stream-pulse { animation: streamPulse 2s ease-in-out infinite; }

/* ── Hero animated background orbs ─────────────────── */
.orb {
  position:absolute;
  border-radius:50%;
  filter:blur(80px);
  pointer-events:none;
}
@keyframes orbFloat {
  0%,100% { transform: translate(0,0) scale(1); }
  33%      { transform: translate(20px,-20px) scale(1.05); }
  66%      { transform: translate(-15px,15px) scale(.95); }
}
.orb { animation: orbFloat 8s ease-in-out infinite; }

/* ── TikTok embed container ─────────────────────────── */
.tiktok-wrap {
  position:relative;
  overflow:hidden;
  border-radius:16px;
  max-width:320px;
  margin:0 auto;
}

/* ── Newspaper section divider ──────────────────────── */
.news-divider { border-left:1px solid rgba(255,255,255,.07); }

/* ── Article prose ──────────────────────────────────── */
.article-prose h2 { font-family:'Playfair Display',serif; font-size:1.6rem; font-weight:800; color:#f8fafc; margin:2.5rem 0 1rem; }
.article-prose h3 { font-size:1.15rem; font-weight:700; color:#fbbf24; margin:2rem 0 .75rem; }
.article-prose p  { color:#94a3b8; line-height:1.9; margin-bottom:1.4rem; }
.article-prose blockquote {
  border-left:3px solid #f59e0b;
  padding:1rem 1.5rem;
  background:rgba(245,158,11,.06);
  border-radius:0 10px 10px 0;
  color:#fbbf24;
  font-style:italic;
  margin:2rem 0;
}
.article-prose strong { color:#f1f5f9; }
.article-prose a { color:#f59e0b; text-decoration:underline; }

/* ── Form inputs ────────────────────────────────────── */
.gc-input {
  background:#141d30;
  border:1px solid rgba(255,255,255,.09);
  color:#f8fafc;
  border-radius:10px;
  padding:12px 16px;
  width:100%;
  outline:none;
  transition:border-color .2s;
  font-size:.9rem;
}
.gc-input::placeholder { color:#4a5568; }
.gc-input:focus { border-color:#f59e0b; }
textarea.gc-input { resize:vertical; min-height:100px; }

/* ── Badge ──────────────────────────────────────────── */
.section-badge {
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.25);
  color:#fbbf24;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:4px 14px;
  border-radius:100px;
  margin-bottom:16px;
}

/* ── Ticker ─────────────────────────────────────────── */
@keyframes ticker {
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
.ticker-inner { animation: ticker 25s linear infinite; white-space:nowrap; }

/* ── Player "Marquee" (Now Playing) ─────────────────── */
.gc-marquee {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.gc-marquee-text {
  white-space: nowrap;
}
.gc-marquee.is-marquee .gc-marquee-text {
  display: inline-flex;
  gap: 28px;
  will-change: transform;
  animation: gcMarquee 12s linear infinite;
}
.gc-marquee-seg { flex: 0 0 auto; }
@keyframes gcMarquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}