/* ── Utopia Global TV — tv.css (part of GiftConnect) ── */

.gc-tv-wrap { font-family: var(--gc-font, 'Nunito', sans-serif); }
.gc-tv-wrap * { box-sizing: border-box; }

/* ── Hero ─────────────────────────────────────────── */
.gc-tv-hero {
  background: linear-gradient(135deg,#0d0d1a 0%,#1a1033 40%,#0f0f2d 70%,#1c0a2e 100%);
  padding: 44px 24px; text-align: center; position: relative; overflow: hidden;
}
.gc-tv-hero::before {
  content:''; position:absolute; inset:0;
  background: radial-gradient(ellipse at 30% 60%,rgba(255,107,107,0.18) 0%,transparent 55%),
              radial-gradient(ellipse at 70% 20%,rgba(108,92,231,0.22) 0%,transparent 50%);
}
.gc-tv-hero-inner { position:relative; z-index:1; max-width:740px; margin:0 auto; }
.gc-tv-badge { display:inline-block; background:rgba(255,107,107,0.2); border:1px solid rgba(255,107,107,0.4); color:#FF6B6B; font-weight:800; font-size:0.8rem; padding:4px 14px; border-radius:20px; margin-bottom:14px; letter-spacing:1px; text-transform:uppercase; }
.gc-tv-hero h1 { font-size:clamp(1.8rem,5vw,2.8rem); color:#fff; letter-spacing:-1px; margin-bottom:10px; }
.gc-tv-hero p  { font-size:1rem; color:rgba(255,255,255,0.8); margin-bottom:18px; font-weight:600; }
.gc-tv-hero-submit h1 { font-size:clamp(1.5rem,4vw,2.2rem); }
.gc-tv-hero-meta { display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; font-size:0.9rem; color:rgba(255,255,255,0.7); font-weight:700; }

/* ── Sections ─────────────────────────────────────── */
.gc-tv-section { max-width:1200px; margin:0 auto; padding:40px 24px; }
.gc-tv-section-title { font-size:1.4rem; font-weight:900; margin-bottom:20px; }
.gc-tv-featured-strip { background:linear-gradient(135deg,#0d0d1a,#1a1033); padding:40px 0; }
.gc-tv-featured-strip .gc-tv-section-title { color:#fff; }

/* ── Category Tabs ────────────────────────────────── */
.gc-tv-cat-tabs { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:28px; }
.gc-tv-cat-tab { display:inline-block; padding:9px 18px; border-radius:50px; font-weight:700; font-size:0.85rem; background:#f0f0f8; color:#555; text-decoration:none; transition:all 0.2s; border:2px solid transparent; }
.gc-tv-cat-tab:hover { background:#e8e0ff; color:var(--gc-purple,#6C5CE7); border-color:var(--gc-purple,#6C5CE7); }
.gc-tv-cat-tab.active { background:var(--gc-purple,#6C5CE7); color:#fff; border-color:var(--gc-purple,#6C5CE7); }

/* ── Grids ────────────────────────────────────────── */
.gc-tv-featured-grid  { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:20px; }
.gc-tv-channels-grid  { display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:20px; }

/* ── Cards ────────────────────────────────────────── */
.gc-tv-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.09); transition:all 0.3s ease; position:relative; }
.gc-tv-card:hover { transform:translateY(-5px); box-shadow:0 16px 40px rgba(0,0,0,0.15); }
.gc-tv-card-featured   { border:2px solid var(--gc-yellow,#FFD93D); }
.gc-tv-card-recommended{ border:2px solid var(--gc-yellow,#FFD93D); }
.gc-tv-featured-badge   { position:absolute; top:10px; right:10px; z-index:5; background:rgba(255,217,61,0.92); color:#333; font-weight:800; font-size:0.72rem; padding:4px 10px; border-radius:20px; }
.gc-tv-recommended-badge{ position:absolute; top:10px; left:10px; z-index:5; background:var(--gc-yellow,#FFD93D); color:#333; font-weight:800; font-size:0.72rem; padding:4px 10px; border-radius:20px; }

/* ── Player ───────────────────────────────────────── */
.gc-tv-player { position:relative; padding-bottom:56.25%; height:0; background:#0d0d1a; }
.gc-tv-player iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.gc-tv-player-sm { padding-bottom:52%; }
.gc-tv-no-embed { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; background:#0d0d1a; color:rgba(255,255,255,0.4); font-size:2.8rem; }

/* ── Card Body ────────────────────────────────────── */
.gc-tv-card-body { padding:16px; }
.gc-tv-cat-pill { display:inline-block; background:#f0f0f8; color:var(--gc-purple,#6C5CE7); font-weight:800; font-size:0.72rem; padding:3px 10px; border-radius:20px; margin-bottom:8px; }
.gc-tv-card-body h3 { font-size:0.98rem; font-weight:900; margin-bottom:6px; color:#1a1a2e; }
.gc-tv-card-body p  { font-size:0.82rem; color:#666; line-height:1.5; margin-bottom:10px; }
.gc-tv-channel-link { font-size:0.82rem; font-weight:700; color:var(--gc-purple,#6C5CE7); text-decoration:none; }
.gc-tv-channel-link:hover { text-decoration:underline; }

/* ── CTA Banner ───────────────────────────────────── */
.gc-tv-cta { background:linear-gradient(135deg,var(--gc-purple,#6C5CE7),var(--gc-primary,#FF6B6B)); padding:48px 24px; text-align:center; }
.gc-tv-cta h2 { color:#fff; font-size:1.6rem; margin-bottom:10px; }
.gc-tv-cta p  { color:rgba(255,255,255,0.9); font-weight:600; font-size:1rem; }

/* ── Submit Form ──────────────────────────────────── */
.gc-tv-submit-wrap { max-width:740px; }
.gc-tv-hiw { display:flex; align-items:flex-start; gap:16px; margin-bottom:36px; flex-wrap:wrap; }
.gc-tv-hiw-step { display:flex; align-items:flex-start; gap:14px; flex:1; min-width:180px; }
.gc-tv-hiw-num  { width:36px; height:36px; border-radius:50%; background:var(--gc-purple,#6C5CE7); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:900; flex-shrink:0; font-size:0.9rem; }
.gc-tv-hiw-step strong { display:block; font-weight:800; margin-bottom:4px; }
.gc-tv-hiw-step p  { font-size:0.85rem; color:#666; line-height:1.5; margin:0; }
.gc-tv-hiw-arrow { color:#ccc; font-size:1.5rem; padding-top:8px; }

.gc-tv-submit-card { background:#fff; border-radius:20px; box-shadow:0 20px 60px rgba(0,0,0,0.1); padding:32px; }
.gc-tv-submit-card h2 { font-size:1.3rem; margin-bottom:6px; }
.gc-tv-form-note { background:#fff3cd; border-left:4px solid #FFD93D; padding:10px 14px; border-radius:6px; font-size:0.875rem; font-weight:700; margin-bottom:20px; color:#856404; }
.gc-tv-hint { font-size:0.78rem; color:#999; font-weight:600; margin-top:4px; display:block; }

.gc-tv-success-box { background:linear-gradient(135deg,#e8f8f5,#f0fff8); border:2px solid #00B894; border-radius:16px; padding:32px; text-align:center; }
.gc-tv-success-box h3 { color:#00B894; font-size:1.2rem; margin-bottom:8px; }
.gc-tv-success-box p  { color:#555; margin-bottom:16px; }

/* ── Responsive ───────────────────────────────────── */
@media (max-width:768px) {
  .gc-tv-featured-grid,.gc-tv-channels-grid { grid-template-columns:1fr; }
  .gc-tv-hiw-arrow { display:none; }
  .gc-tv-submit-card { padding:20px; }
}