/*
Theme Name: KianTower Giveaway RTL v5
Theme URI: https://kiantower.example
Author: Kian Tower
Author URI: https://kiantower.example
Description: تم لندینگ با «پنل تنظیمات پوستر» برای چیدمان پیکسل‌به‌پیکسل. متن‌ها فارسی و فقط جملهٔ آخر انگلیسی.
Version: 1.4.0
Text Domain: kiantower-giveaway-rtl-v5
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{
  --bg:#0b0b0c;
  --ink:#f5f5f7;
  --muted:#b8b8b8;
  --gold:#ead27a;
  --glass: rgba(255,255,255,.06);
  --glass-brd: rgba(234,210,122,.55);
  --shadow:0 24px 60px rgba(0,0,0,.55);
  --radius:22px;

  /* Tunables (overwritten inline by Customizer) */
  --hero-pt: 112px;
  --title-size: 72px;
  --title-ls: 0.6px;
  --cta-mt: 10px;
  --grad-top-op: 0.45;
  --grad-side-op: 0.52;
  --video-mw: 980px;
  --cd-mt: 14px;
}

html{scroll-behavior:smooth}
html,body{height:100%;background:var(--bg);color:var(--ink);font-family: Vazirmatn, IRANSans, system-ui, Segoe UI, Tahoma, sans-serif;}
*{box-sizing:border-box} a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:24px}

/* HERO */
.hero{position:relative;min-height:96vh;display:flex;align-items:flex-start}
.hero::before{content:'';position:absolute;inset:0;background:
  linear-gradient(180deg, rgba(0,0,0,var(--grad-top-op)) 0%, rgba(0,0,0,calc(var(--grad-top-op)+0.43)) 78%),
  linear-gradient(90deg, rgba(0,0,0,var(--grad-side-op)) 0%, rgba(0,0,0,.0) 42%, rgba(0,0,0,calc(var(--grad-side-op)+0.10)) 100%),
  url('assets/hero.jpg') center/cover no-repeat;
  filter:saturate(1.02);}
.brand{position:absolute;inset-inline-start:28px;top:22px;display:flex;align-items:center;gap:10px;color:var(--gold);z-index:2}
.hero-inner{position:relative;z-index:2;width:100%;padding-top:var(--hero-pt);text-align:center;}

/* Typography */
h1{font-size:clamp(34px,6.6vw,var(--title-size));margin:0 0 10px;line-height:1.06;letter-spacing:var(--title-ls);
  text-shadow:0 2px 14px rgba(0,0,0,.38), 0 0 16px rgba(234,210,122,.12);}
h1 .gold{color:var(--gold)}
.sub{color:var(--muted);margin:0 0 16px;font-size:16px;letter-spacing:.2px}

/* CTA glass + glow */
.cta{display:inline-flex;align-items:center;gap:12px;padding:14px 30px;border-radius:999px;color:#fff;font-weight:800;
  background:linear-gradient(180deg, rgba(234,210,122,.16), rgba(234,210,122,.08));
  border:1px solid var(--glass-brd);backdrop-filter:blur(10px);
  box-shadow:0 16px 38px rgba(234,210,122,.24), inset 0 0 46px rgba(234,210,122,.12);
  position:relative;overflow:hidden;transition:transform .12s ease, box-shadow .25s ease;margin-top:var(--cta-mt);}
.cta::after{content:'';position:absolute;inset:-40% -10%;background:radial-gradient(60% 40% at 50% 50%, rgba(255,255,255,.28), rgba(255,255,255,0) 60%);
  transform:translateX(-40%);filter:blur(10px);opacity:.45;animation:shine 4s linear infinite;}
@keyframes shine{0%{transform:translateX(-60%)} 100%{transform:translateX(60%)}}
.cta:hover{box-shadow:0 24px 66px rgba(234,210,122,.34), inset 0 0 64px rgba(234,210,122,.16)}
.cta:active{transform:translateY(1px)}

/* video */
.video-wrap{position:relative;margin:22px auto 12px;max-width:var(--video-mw);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);
  border:1px solid rgba(255,255,255,.08);background:#000}
.video-wrap video{display:block;width:100%;height:auto;background:#000}
.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.badge{position:absolute;inset-inline-start:12px;inset-block-start:12px;background:rgba(0,0,0,.38);
  border:1px solid var(--glass-brd);color:var(--gold);padding:6px 10px;border-radius:999px;font-size:12px;backdrop-filter:blur(6px)}
.sound-btn{position:absolute;inset-inline-end:12px;inset-block-end:12px;background:rgba(0,0,0,.58);
  border:1px solid #2a2a2a;color:#fff;padding:10px 14px;border-radius:999px;cursor:pointer;font-size:14px;display:flex;gap:8px;align-items:center}
.sound-btn span{color:var(--gold)}
.playpulse{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:12px 18px;
  background:rgba(234,210,122,.20);border:1px solid var(--glass-brd);color:var(--gold);font-weight:700;backdrop-filter:blur(4px);
  box-shadow:0 0 0 0 rgba(234,210,122,.55);animation:pulse 1.6s infinite}
@keyframes pulse{to{box-shadow:0 0 0 18px rgba(234,210,122,0)}}

/* countdown */
.countdown{display:flex;gap:14px;align-items:center;justify-content:center;margin:var(--cd-mt) 0 0}
.cd-item{background:rgba(0,0,0,.32);padding:12px 16px;border-radius:14px;border:1px solid rgba(234,210,122,.24);
  text-align:center;min-width:82px;backdrop-filter:blur(6px)}
.cd-item b{display:block;font-size:26px;letter-spacing:.5px}
.cd-item small{color:var(--muted)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:30px auto 24px;max-width:1100px}
.step{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
  border:1px solid #2a2a2a;border-radius:18px;padding:18px;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.step b{color:var(--gold)}
.step .icon{width:40px;height:40px;margin-inline-start:4px;margin-bottom:8px;opacity:.92;color:var(--gold)}

/* footer */
footer{padding:40px 16px 64px;text-align:center;color:var(--muted)}
footer h2{font-size:clamp(22px,4vw,40px);font-weight:600;color:#fff;margin:12px 0 0;letter-spacing:.5px}

/* Photo-Perfect mode: hide extra sections for pure poster look */
.photo-perfect .steps,
.photo-perfect main { display:none; }
.photo-perfect .hero { min-height: 100vh; }