/*
Theme Name: Al-Hajveri Coming Soon
Theme URI: https://alhajveri.shop/
Author: OpenAI
Description: Premium, responsive animated coming-soon WordPress theme with a shared 3-day countdown.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: alhajveri-coming-soon
*/
:root{--bg:#070908;--panel:#101511;--gold:#d7b56d;--gold2:#f5dfa0;--text:#f6f2e9;--muted:#a7aaa2;--green:#6d8b64}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 38%,#1b261b 0%,#0c100d 42%,#050605 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body:before,body:after{content:"";position:fixed;pointer-events:none;border:1px solid rgba(215,181,109,.13);border-radius:50%;width:70vw;height:70vw;max-width:900px;max-height:900px;min-width:460px;min-height:460px;left:50%;top:48%;transform:translate(-50%,-50%);animation:orbit 28s linear infinite}
body:after{width:86vw;height:86vw;animation-duration:42s;border-color:rgba(109,139,100,.10);animation-direction:reverse}
a{color:inherit}
.page{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:38px 20px}
.shell{width:min(100%,900px);text-align:center;animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:38px;color:var(--gold2);font-size:12px;font-weight:700;letter-spacing:.31em;text-transform:uppercase}
.brand-mark{width:31px;height:31px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;font-size:18px;letter-spacing:0}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.35em;text-transform:uppercase;margin-bottom:20px}
.eyebrow:before,.eyebrow:after{content:"";height:1px;width:36px;background:linear-gradient(90deg,transparent,var(--gold))}
.eyebrow:after{transform:scaleX(-1)}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(43px,8vw,88px);font-weight:400;line-height:.98;letter-spacing:-.045em;margin:0 auto 22px;max-width:800px}
h1 span{display:block;color:var(--gold2);font-style:italic}
.lead{color:var(--muted);font-size:clamp(14px,2vw,17px);line-height:1.8;max-width:480px;margin:0 auto 34px}
.timer-label{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#c4c7bd;margin-bottom:17px}
.countdown{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,18px);margin:0 auto 35px}
.timebox{width:clamp(66px,16vw,112px);padding:17px 5px 14px;border:1px solid rgba(215,181,109,.35);border-radius:3px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 40px rgba(0,0,0,.12);position:relative;overflow:hidden}
.timebox:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(transparent,var(--gold),transparent);opacity:.6}
.num{display:block;font-variant-numeric:tabular-nums;font-size:clamp(28px,6vw,47px);font-weight:300;line-height:1.1;letter-spacing:-.04em;color:#fff8e9}
.unit{display:block;margin-top:9px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.colon{font-family:Georgia,serif;font-size:clamp(23px,4vw,36px);color:var(--gold);transform:translateY(-8px);opacity:.8}
.status{display:inline-flex;align-items:center;gap:9px;color:#b9c5b1;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.pulse{width:7px;height:7px;background:#a3c58e;border-radius:50%;box-shadow:0 0 0 0 rgba(163,197,142,.6);animation:pulse 2s infinite}
.line{height:1px;width:68px;margin:34px auto 22px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.7}
.footer{color:#72786f;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.sparkle{position:fixed;width:3px;height:3px;background:var(--gold2);border-radius:50%;opacity:.45;pointer-events:none;animation:twinkle 4s ease-in-out infinite}
.sparkle.s1{top:18%;left:15%}.sparkle.s2{top:26%;right:17%;animation-delay:1s}.sparkle.s3{bottom:19%;left:22%;animation-delay:2s}.sparkle.s4{bottom:24%;right:13%;animation-delay:1.5s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes orbit{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(163,197,142,.55)}70%{box-shadow:0 0 0 8px rgba(163,197,142,0)}100%{box-shadow:0 0 0 0 rgba(163,197,142,0)}}
@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.8)}50%{opacity:.8;transform:scale(1.5)}}
@media(max-width:480px){.page{padding:28px 15px}.brand{margin-bottom:34px;font-size:10px;letter-spacing:.22em}.lead{margin-bottom:29px}.timebox{padding:15px 3px 12px}.unit{font-size:8px;letter-spacing:.12em}.colon{transform:translateY(-6px)}.line{margin-top:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}