/*
Theme Name: GHAITH VLOG
Theme URI: https://ghaithvlog.com
Author: GHAITH VLOG
Description: Custom Arabic RTL trading education homepage based on the approved v6 preview. Membership approval and live news require separate configuration.
Version: 1.0.0
Requires at least: 6.0
Text Domain: ghaith-vlog
*/

:root{--bg:#071422;--panel:#102536;--line:#284051;--green:#00ad2d;--light:#eaf3f6;--muted:#a6bac7;--red:#ba1c28}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--light);font-family:Cairo,Tahoma,sans-serif}button,input{font:inherit}button{cursor:pointer}.container{width:min(1140px,92%);margin:auto}header{background:#071523;border-bottom:1px solid #24384a;position:sticky;top:0;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;direction:ltr}.brand img{width:46px;height:46px;object-fit:contain}.brand b{font-size:21px;letter-spacing:.7px}.links{display:flex;gap:24px;align-items:center}.links a{color:#dbe7ee;text-decoration:none;font-size:13px}.links a:hover{color:#42d26b}.outline,.primary{border-radius:9px;padding:11px 22px;font-weight:800;border:1px solid #436173;background:transparent;color:#fff}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#07952d}.ticker{display:flex;background:var(--red);height:39px;align-items:center;overflow:hidden}.ticker-label{flex:none;background:#84101b;padding:6px 18px;font-weight:900;font-size:13px;z-index:1}.ticker-view{overflow:hidden;flex:1;direction:ltr}.ticker-track{display:flex;width:max-content;gap:65px;animation:marquee 29s linear infinite;direction:rtl;font-size:13px;font-weight:700}.ticker-track span{white-space:nowrap}.ticker-view:hover .ticker-track{animation-play-state:paused}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(50%)}}.hero{position:relative;overflow:hidden;text-align:center;padding:140px 12px 150px;min-height:670px;background:linear-gradient(90deg,rgba(3,14,19,.13),rgba(3,16,22,.30) 48%,rgba(3,14,19,.13)),url("market-background.png") center 49% / cover no-repeat}.eyebrow{color:#75ff9a;text-shadow:0 2px 7px #001b0a;letter-spacing:2px;font-size:12px;font-weight:800}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 76%,rgba(7,20,34,.75) 100%);pointer-events:none}.hero>.eyebrow,.hero>h1,.hero>p,.hero>.actions,.hero>.note{position:relative;z-index:2}.hero h1{color:#fff;text-shadow:0 3px 9px rgba(0,0,0,.88),0 1px 2px #000;font-size:clamp(33px,5vw,62px);line-height:1.5;margin:22px auto;max-width:850px;font-weight:900}.hero h1 em{color:#39f36a;font-style:normal;text-shadow:0 3px 8px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.55)}.hero p{color:#fff;text-shadow:0 2px 5px #001609,0 2px 12px #001609;font-weight:700;max-width:700px;margin:0 auto 30px;line-height:2;font-size:16px}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.note{color:#e5f4eb;text-shadow:0 2px 7px #001b0a;font-size:12px;margin-top:22px}.section{padding:66px 0}.section h2{font-size:28px;margin:0 0 7px}.sub{color:var(--muted);margin:0 0 28px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:linear-gradient(155deg,#112b3c,#0e2232);border:1px solid var(--line);border-radius:15px;padding:28px 22px;min-height:200px}.symbol{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#0d4b2b;color:#3bdf6d;font-size:24px;margin-bottom:15px}.card h3{font-size:18px;margin:0 0 9px}.card p{color:var(--muted);font-size:13px;line-height:1.9;margin:0}.updates{background:#0a1b2b}.update-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.update{background:#102638;border:1px solid #284252;border-radius:14px;padding:22px}.pill{font-size:11px;color:#66e18a;background:#10402a;border-radius:20px;padding:3px 10px}.update h3{font-size:17px}.update p{font-size:13px;color:var(--muted)}.lock{font-size:12px;color:#a6b9c5}.join{margin:45px auto 80px;background:linear-gradient(120deg,#133a35,#102737);border:1px solid #225748;border-radius:20px;text-align:center;padding:45px 20px}.join h2{font-size:28px;margin:0 0 10px}.join p{color:var(--muted)}footer{border-top:1px solid #284052;padding:30px 0;color:#9db0be;font-size:12px;text-align:center}.modal{position:fixed;inset:0;background:#000b;display:none;align-items:center;justify-content:center;z-index:20;padding:20px}.modal.show{display:flex}.dialog{background:#102535;border:1px solid #345263;border-radius:17px;padding:30px;width:min(440px,100%);position:relative;box-shadow:0 20px 80px #0008}.dialog h2{margin:0 0 8px}.dialog p{color:var(--muted);font-size:13px}.dialog label{display:block;font-size:13px;margin:15px 0 6px}.dialog input{width:100%;background:#071927;border:1px solid #3b5666;border-radius:8px;padding:11px;color:#fff}.dialog .primary{width:100%;margin-top:22px}.close{position:absolute;top:15px;left:15px;background:none;border:0;color:white;font-size:25px}.disclaimer{font-size:11px;color:#9bb3be;margin-top:12px}a{cursor:pointer}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.links{gap:12px}.links a{font-size:11px}.update-grid{grid-template-columns:1fr}}@media(max-width:600px){.nav{flex-wrap:wrap;justify-content:center;padding:12px 0}.brand b{font-size:17px}.brand img{width:36px;height:36px}.links{width:100%;justify-content:center;flex-wrap:wrap}.hero{padding:75px 10px;background-position:center center}.hero p{font-size:13px}.cards{grid-template-columns:1fr}.section{padding:45px 0}.ticker-label{padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}

.admin-bar header{top:32px}@media(max-width:782px){.admin-bar header{top:46px}}

a.primary,a.outline{display:inline-block;text-decoration:none}
