/* =========================================================================
   Hi_Rad — main stylesheet
   Loaded site-wide so the glass / aurora / typography identity is available
   both in the standalone theme template AND inside Elementor sections.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Inter:wght@200;300;400;500;600&family=Vazirmatn:wght@200;300;400;500;600;700&display=swap');

:root{
  --hr-bg: #050505;
  --hr-panel: #0d0d0f;
  --hr-line: rgba(255,255,255,0.10);
  --hr-line-strong: rgba(255,255,255,0.22);
  --hr-text: #eceaea;
  --hr-muted: #8d8a90;
  --hr-faint: #5a585e;
  --hr-serif: 'Cormorant Garamond', serif;
  --hr-sans: 'Inter', sans-serif;
}
html[dir="rtl"]{ --hr-serif:'Vazirmatn', serif; --hr-sans:'Vazirmatn', sans-serif; }

/* Apply the Hi_Rad base look to the WordPress body */
body.hi-rad{
  background:var(--hr-bg);
  color:var(--hr-text);
  font-family:var(--hr-sans);
  font-weight:300;
  letter-spacing:.2px;
  overflow-x:hidden;
}
html[dir="rtl"] body.hi-rad{ letter-spacing:0; }
body.hi-rad ::selection{ background:rgba(255,255,255,.16); }

/* ---------- Ambient background ---------- */
.hr-aurora{ position:fixed;inset:0;z-index:0;overflow:hidden;background:#050505;pointer-events:none; }
.hr-aurora span{ position:absolute;border-radius:50%;filter:blur(120px);background:#fff;animation:hrDrift 26s ease-in-out infinite; }
.hr-aurora span:nth-child(1){ width:34vw;height:34vw;top:-14%;left:-6%;opacity:.055; }
.hr-aurora span:nth-child(2){ width:26vw;height:26vw;top:42%;right:-8%;opacity:.045;animation-delay:-10s; }
.hr-aurora span:nth-child(3){ width:24vw;height:24vw;bottom:-12%;left:32%;opacity:.04;animation-delay:-17s; }
@keyframes hrDrift{ 0%,100%{transform:translate(0,0) scale(1);} 50%{transform:translate(3%,4%) scale(1.1);} }
.hr-grain{ position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/></filter><rect width="100%25" height="100%25" filter="url(%23n)"/></svg>'); }

/* keep page content above the ambient layers */
#page, .hr-site{ position:relative; z-index:2; }

/* ---------- Glass utility (reusable; add class "hr-glass" to any Elementor box) ---------- */
.hr-glass{
  background:linear-gradient(165deg, rgba(255,255,255,0.06), rgba(255,255,255,0.012) 42%, rgba(255,255,255,0.028) 100%) !important;
  border:1px solid var(--hr-line) !important;
  -webkit-backdrop-filter:blur(22px) saturate(120%);
  backdrop-filter:blur(22px) saturate(120%);
  position:relative;
  overflow:hidden;
  border-radius:20px;
}
.hr-glass::before{ content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent);pointer-events:none; }
.hr-glass::after{ content:"";position:absolute;top:-40%;bottom:-40%;width:1px;right:16%;opacity:.5;background:linear-gradient(180deg, transparent, rgba(255,255,255,.3), transparent);pointer-events:none; }

/* ---------- Buttons ---------- */
.hr-btn{ display:inline-block;padding:15px 34px;border-radius:30px;font-size:.74rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;cursor:pointer;transition:.4s;text-decoration:none; }
html[dir="rtl"] .hr-btn{ letter-spacing:0;text-transform:none;font-size:.9rem; }
.hr-btn-solid{ background:#fff;color:#000;border:none; }
.hr-btn-solid:hover{ box-shadow:0 0 40px rgba(255,255,255,.22);transform:translateY(-2px);color:#000; }
.hr-btn-ghost{ color:var(--hr-text);border:1px solid var(--hr-line); }
.hr-btn-ghost:hover{ background:rgba(255,255,255,0.06);color:#fff; }

/* ---------- Typography helpers ---------- */
.hr-serif{ font-family:var(--hr-serif) !important; }
.hr-eyebrow{ display:inline-block;color:var(--hr-muted);letter-spacing:4px;font-size:.7rem;font-weight:500;text-transform:uppercase; }
html[dir="rtl"] .hr-eyebrow{ letter-spacing:2px;text-transform:none;font-size:.82rem; }
.hr-title{ font-family:var(--hr-serif);font-weight:400;color:#fff;line-height:1.15; }
html[dir="rtl"] .hr-title{ font-weight:600; }
.hr-muted{ color:var(--hr-muted); }

/* ---------- Language switcher (works anywhere on the page) ---------- */
.hr-lang-switch{ position:fixed;top:24px;z-index:9000; }
.hr-lang-switch{ right:24px; }
html[dir="rtl"] .hr-lang-switch{ right:auto;left:24px; }
.hr-lang-btn{ display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:30px;background:rgba(20,20,22,.7);border:1px solid var(--hr-line);color:var(--hr-text);font-family:inherit;font-size:.74rem;letter-spacing:1px;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:.3s; }
.hr-lang-btn:hover{ background:rgba(40,40,44,.8); }
.hr-lang-btn .caret{ font-size:.6rem;color:var(--hr-muted); }
.hr-lang-menu{ position:absolute;top:calc(100% + 8px);right:0;min-width:170px;border-radius:14px;padding:6px;display:none;flex-direction:column;background:rgba(15,15,17,.92);border:1px solid var(--hr-line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px); }
html[dir="rtl"] .hr-lang-menu{ right:auto;left:0; }
.hr-lang-menu.open{ display:flex; }
.hr-lang-menu button{ text-align:left;padding:11px 14px;border:none;background:transparent;color:var(--hr-muted);font-family:inherit;font-size:.84rem;border-radius:9px;cursor:pointer;transition:.2s; }
html[dir="rtl"] .hr-lang-menu button{ text-align:right; }
.hr-lang-menu button:hover{ background:rgba(255,255,255,.08);color:#fff; }
.hr-lang-menu button.active{ color:#fff; }

/* ---------- Language visibility (hide spans not matching active lang) ---------- */
html[lang="en"]  [data-lang]:not([data-lang="en"]),
html[lang="fa"]  [data-lang]:not([data-lang="fa"]),
html[lang="ar"]  [data-lang]:not([data-lang="ar"]),
html[lang="ckb"] [data-lang]:not([data-lang="ckb"]){ display:none !important; }

/* ---------- Reveal on scroll ---------- */
.hr-reveal{ opacity:0;transform:translateY(42px);transition:1.1s cubic-bezier(.2,.8,.2,1); }
.hr-reveal.in{ opacity:1;transform:translateY(0); }

/* ---------- Loader ---------- */
#hr-loader{ position:fixed;inset:0;background:#050505;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:opacity 1s ease, visibility 1s ease; }
#hr-loader .mark{ font-family:'Cormorant Garamond',serif;font-size:2.6rem;letter-spacing:6px;font-weight:400;color:#fff;opacity:0;animation:hrFade 2.2s ease forwards; }
#hr-loader .tag{ font-size:.7rem;letter-spacing:5px;text-transform:uppercase;color:var(--hr-faint);opacity:0;animation:hrFade 2.2s ease forwards;animation-delay:.4s; }
@keyframes hrFade{ 0%{opacity:0;letter-spacing:16px;} 60%{opacity:1;} 100%{opacity:1;letter-spacing:6px;} }
#hr-loader.hide{ opacity:0;visibility:hidden; }

/* =========================================================================
   STANDALONE FRONT-PAGE STYLES (front-page.php) — full demo without Elementor
   These mirror the original demo so the theme looks complete out of the box.
   ========================================================================= */
.hr-header{ position:fixed;top:20px;left:3%;right:3%;display:flex;align-items:center;justify-content:space-between;padding:13px 28px;border-radius:16px;z-index:100;gap:18px; }
.hr-logo{ font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:500;letter-spacing:1px;color:#fff;flex-shrink:0; }
.hr-logo span{ color:var(--hr-muted);font-weight:300; }
.hr-nav ul{ display:flex;gap:30px;list-style:none;margin:0;padding:0; }
.hr-nav a{ font-size:.74rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--hr-muted);font-weight:400;transition:.3s;white-space:nowrap;text-decoration:none; }
html[dir="rtl"] .hr-nav a{ letter-spacing:0;font-size:.86rem;text-transform:none; }
.hr-nav a:hover{ color:#fff; }
.hr-nav-right{ display:flex;align-items:center;gap:14px;flex-shrink:0; }
.hr-nav-cta{ padding:10px 20px;border-radius:30px;font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;background:#fff;color:#000;white-space:nowrap;text-decoration:none; }
html[dir="rtl"] .hr-nav-cta{ letter-spacing:0;font-size:.82rem;text-transform:none; }
@media (max-width:1080px){ .hr-nav ul{ display:none; } }

.hr-hero{ min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 6%; }
.hr-badge{ display:inline-flex;align-items:center;gap:10px;padding:8px 20px;border-radius:30px;margin-bottom:38px;font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--hr-muted); }
html[dir="rtl"] .hr-badge{ letter-spacing:0;font-size:.82rem;text-transform:none; }
.hr-badge .dot{ width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff; }
.hr-hero h1{ font-family:var(--hr-serif);font-size:clamp(3rem,8vw,7rem);font-weight:400;line-height:1.05;letter-spacing:1px;color:#fff;margin:0; }
html[dir="rtl"] .hr-hero h1{ letter-spacing:0;font-weight:700; }
.hr-hero h1 em{ font-style:italic;color:var(--hr-muted);font-weight:300; }
html[dir="rtl"] .hr-hero h1 em{ font-style:normal;font-weight:400; }
.hr-tagline{ margin-top:30px;font-size:.82rem;letter-spacing:4px;text-transform:uppercase;color:var(--hr-faint); }
html[dir="rtl"] .hr-tagline{ letter-spacing:2px;text-transform:none;font-size:.95rem; }
.hr-hero .sub{ margin-top:34px;max-width:560px;color:var(--hr-muted);font-size:1.05rem;line-height:2;font-weight:300; }
.hr-cta-row{ margin-top:46px;display:flex;gap:18px; }

.hr-section{ padding:140px 6%;position:relative;z-index:2; }
.hr-section-head{ text-align:center;max-width:720px;margin:0 auto 76px; }
.hr-section-head h2{ font-family:var(--hr-serif);font-size:clamp(2.2rem,4vw,3.4rem);font-weight:400;color:#fff;line-height:1.15;margin:22px 0 0; }
html[dir="rtl"] .hr-section-head h2{ font-weight:600; }
.hr-section-head h2 em{ font-style:italic;color:var(--hr-muted);font-weight:300; }
html[dir="rtl"] .hr-section-head h2 em{ font-style:normal;font-weight:400; }
.hr-section-head p{ margin-top:22px;color:var(--hr-muted);line-height:2;font-size:1.02rem;font-weight:300; }

.hr-statement{ max-width:880px;margin:0 auto;font-family:var(--hr-serif);font-style:italic;font-weight:300;font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.5;color:#fff;text-align:center; }
html[dir="rtl"] .hr-statement{ font-style:normal;font-weight:500; }
.hr-statement span{ color:var(--hr-muted); }
.hr-attrib{ margin-top:34px;font-size:.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--hr-faint);text-align:center; }

.hr-pos-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1100px;margin:90px auto 0; }
.hr-pos-card{ padding:44px 34px;text-align:left;border-radius:20px; }
html[dir="rtl"] .hr-pos-card{ text-align:right; }
.hr-pos-card .k{ font-family:var(--hr-serif);font-size:1.3rem;color:#fff;margin-bottom:14px;font-weight:500; }
.hr-pos-card p{ color:var(--hr-muted);font-size:.92rem;line-height:1.9;font-weight:300;margin:0; }

.hr-col-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1240px;margin:0 auto; }
.hr-col-card{ border-radius:20px;overflow:hidden;position:relative;transition:.55s; }
.hr-col-card:hover{ transform:translateY(-10px);box-shadow:0 36px 70px rgba(0,0,0,.55);border-color:var(--hr-line-strong); }
.hr-col-visual{ height:300px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:28px; }
.hr-col-visual img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:.6s; }
.hr-col-card:hover .hr-col-visual img{ transform:scale(1.06); }
.hr-col-visual::after{ content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,5,5,.1) 0%,rgba(5,5,5,.85) 100%); }
.hr-col-index{ position:absolute;top:24px;right:26px;font-family:var(--hr-serif);font-size:.9rem;color:#cfccd1;z-index:2;letter-spacing:1px; }
html[dir="rtl"] .hr-col-index{ right:auto;left:26px; }
.hr-col-name{ position:relative;z-index:2;font-family:var(--hr-serif);font-size:1.7rem;font-weight:500;color:#fff;letter-spacing:.5px; }
.hr-col-body{ padding:28px 30px 32px; }
.hr-col-body .tag{ color:var(--hr-muted);font-size:.66rem;letter-spacing:2px;text-transform:uppercase;font-weight:500; }
html[dir="rtl"] .hr-col-body .tag{ letter-spacing:1px;text-transform:none;font-size:.78rem; }
.hr-col-body p{ color:var(--hr-muted);font-size:.9rem;line-height:1.85;margin:14px 0 22px;font-weight:300; }
.hr-col-body a{ font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;color:#fff;border-bottom:1px solid var(--hr-line-strong);padding-bottom:4px;text-decoration:none;transition:.3s; }
html[dir="rtl"] .hr-col-body a{ letter-spacing:0;text-transform:none;font-size:.84rem; }
.hr-col-body a:hover{ border-color:#fff; }

.hr-private-box{ max-width:1100px;margin:0 auto;border-radius:26px;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr; }
.hr-private-media{ position:relative;min-height:380px;overflow:hidden; }
.hr-private-media img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.hr-private-media::after{ content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.2),rgba(5,5,5,.9)); }
html[dir="rtl"] .hr-private-media::after{ background:linear-gradient(270deg,rgba(5,5,5,.2),rgba(5,5,5,.9)); }
.hr-private-content{ padding:64px 56px;display:flex;flex-direction:column;justify-content:center;text-align:left; }
html[dir="rtl"] .hr-private-content{ text-align:right; }
.hr-private-content h2{ font-family:var(--hr-serif);margin:22px 0 24px;font-size:clamp(2rem,3.4vw,2.8rem);font-weight:400;color:#fff;line-height:1.2; }
html[dir="rtl"] .hr-private-content h2{ font-weight:600; }
.hr-private-content h2 em{ font-style:italic;color:var(--hr-muted);font-weight:300; }
html[dir="rtl"] .hr-private-content h2 em{ font-style:normal;font-weight:400; }
.hr-private-content p{ color:var(--hr-muted);line-height:2;font-size:1rem;font-weight:300;margin-bottom:34px; }
.hr-private-content .hr-btn{ align-self:flex-start; }
html[dir="rtl"] .hr-private-content .hr-btn{ align-self:flex-end; }

.hr-strip{ display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:0 auto;border-radius:20px;overflow:hidden; }
.hr-strip-item{ padding:46px 32px;text-align:center;border-left:1px solid var(--hr-line); }
html[dir="rtl"] .hr-strip-item{ border-left:none;border-right:1px solid var(--hr-line); }
.hr-strip-item:first-child{ border-left:none; }
html[dir="rtl"] .hr-strip-item:first-child{ border-right:none; }
.hr-strip-item .k{ font-family:var(--hr-serif);font-size:1.2rem;color:#fff;margin-bottom:12px;font-weight:500; }
.hr-strip-item p{ font-size:.84rem;color:var(--hr-muted);line-height:1.8;font-weight:300;margin:0; }

.hr-access-grid{ max-width:620px;margin:0 auto;display:flex;flex-direction:column;gap:18px;border-radius:24px;padding:50px; }
.hr-access-grid input, .hr-access-grid textarea{ background:rgba(255,255,255,.03);border:1px solid var(--hr-line);padding:16px 20px;color:var(--hr-text);font-family:inherit;font-size:.92rem;font-weight:300;border-radius:12px;outline:none;transition:.3s; }
.hr-access-grid input::placeholder, .hr-access-grid textarea::placeholder{ color:#6c6970; }
.hr-access-grid input:focus, .hr-access-grid textarea:focus{ border-color:var(--hr-line-strong); }
.hr-access-grid textarea{ resize:vertical;min-height:120px; }
.hr-row2{ display:grid;grid-template-columns:1fr 1fr;gap:18px; }
.hr-note{ font-size:.7rem;letter-spacing:1px;color:var(--hr-faint);margin-top:6px; }

.hr-form-feedback{ display:none;font-size:.86rem;line-height:1.8;border-radius:10px;padding:12px 16px;margin-top:4px; }
.hr-form-feedback.show{ display:block; }
.hr-form-feedback.is-sending{ color:var(--hr-muted);background:rgba(255,255,255,.04); }
.hr-form-feedback.is-success{ color:#bdf3cf;background:rgba(95,217,138,.1);border:1px solid rgba(95,217,138,.25); }
.hr-form-feedback.is-error{ color:#ffd1d1;background:rgba(239,106,106,.1);border:1px solid rgba(239,106,106,.25); }
.hr-access-grid button[disabled]{ opacity:.6;cursor:not-allowed; }

.hr-footer{ padding:60px 6% 36px;text-align:center;border-top:1px solid var(--hr-line);position:relative;z-index:2; }
.hr-footer .f-logo{ font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:500;margin-bottom:8px;color:#fff; }
.hr-footer .f-tag{ font-size:.66rem;letter-spacing:4px;text-transform:uppercase;color:var(--hr-faint);margin-bottom:22px; }
.hr-footer .f-links{ display:flex;justify-content:center;gap:30px;margin:18px 0;flex-wrap:wrap; }
.hr-footer .f-links a{ color:var(--hr-muted);font-size:.74rem;letter-spacing:1px;text-transform:uppercase;text-decoration:none; }
html[dir="rtl"] .hr-footer .f-links a{ letter-spacing:0;text-transform:none;font-size:.86rem; }
.hr-footer .f-links a:hover{ color:#fff; }
.hr-footer .copyright{ color:#3f3d42;font-size:.7rem;margin-top:24px;letter-spacing:.5px; }

@media (max-width:960px){
  .hr-pos-grid,.hr-col-grid,.hr-strip{ grid-template-columns:1fr; }
  .hr-row2{ grid-template-columns:1fr; }
  .hr-private-box{ grid-template-columns:1fr; }
  .hr-private-media{ min-height:240px; }
  .hr-header{ padding:11px 18px; }
}