/*
Theme Name: Allnest
Theme URI: https://allnest.sa
Author: Allnest
Description: ثيم ووردبريس مخصص لمنصة أولنيست — صفحة تعريفية (Landing Page) ثنائية اللغة (عربي/إنجليزي) بتصميم فاخر بنفسجي/ذهبي، مع دعم الوضع الداكن/الفاتح التلقائي، وتأثيرات ظهور عند التمرير، وعدادات متحركة للأرقام.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: allnest
*/

:root{
  --purple:#8F3378; --purple2:#B0468E; --purple-deep:#4A1940; --gold:#C69A5C; --gold2:#E8C888;
  --bg:#FBF7F2; --ink:#241521; --muted:#6E5C69; --line:#E7DDD5; --card:#FFFFFF;
}
:root[data-theme="dark"], :root:not([data-theme="light"]){
  --bg:#170F14; --ink:#F3EAF0; --muted:#C7B4C1; --line:#3A2A34; --card:#231620;
}
@media (prefers-color-scheme: light){ :root:not([data-theme="dark"]){ --bg:#FBF7F2; --ink:#241521; --muted:#6E5C69; --line:#E7DDD5; --card:#FFFFFF; } }
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth; scroll-padding-top:80px;}
body{
  font-family:'Tajawal',sans-serif; background:var(--bg); color:var(--ink);
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
  overflow-x:hidden;
}
body[data-lang="en"]{direction:ltr;}
a{color:inherit; text-decoration:none;}
.wrap{max-width:1120px; margin:0 auto; padding:0 24px;}
img{max-width:100%; display:block;}

/* progress bar */
#progress{position:fixed; top:0; inset-inline-start:0; height:3px; background:linear-gradient(90deg,var(--gold),var(--purple)); z-index:200; width:0%; transition:width .1s;}

/* reveal */
.reveal{opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease;}
.reveal.in{opacity:1; transform:none;}

/* NAV */
nav{
  position:sticky; top:0; z-index:50; background:color-mix(in srgb, var(--bg) 86%, transparent);
  backdrop-filter:blur(10px); border-bottom:1px solid var(--line);
  padding-top:env(safe-area-inset-top,0px);
}
.nav-inner{max-width:1120px; margin:0 auto; padding:13px 24px; display:flex; align-items:center; justify-content:space-between;}
.nav-brand{display:flex; align-items:center;}
.nav-brand img,
.nav-brand .custom-logo{
  height:38px; width:auto; max-width:none;
  transition: transform .25s ease;
}
.nav-brand a:hover img{ transform: scale(1.04); }
.nav-logo{height:38px;}
#siteNav{ transition: background .3s ease, box-shadow .3s ease; }
#siteNav.is-scrolled{ box-shadow: 0 10px 30px -18px rgba(20,10,18,.4); }
.nav-links{display:flex; gap:26px; font-size:14.5px; font-weight:500;}
.nav-links a{position:relative; padding-bottom:3px;}
.nav-links a::after{content:"";position:absolute; inset-inline-start:0; bottom:0; height:2px; width:0; background:var(--gold); transition:width .25s;}
.nav-links a:hover::after{width:100%;}
.lang-btn{
  border:1px solid var(--purple); color:var(--purple); background:transparent;
  padding:7px 16px; border-radius:20px; font-family:'Tajawal',sans-serif; font-weight:700;
  font-size:13px; cursor:pointer; transition:.2s;
}
.lang-btn:hover{background:var(--purple); color:#fff;}
@media(max-width:700px){ .nav-links{display:none;} }

/* HERO — تصميم فاخر بصورة حقيقية (ضيافة سعودية) + لوحة نصية، بدون أي نص/شعار داخل الصورة يتعارض مع العنوان */
.hero{
  position:relative; min-height:92vh; display:flex; overflow:hidden;
  background:var(--card);
}
.hero-visual{ position:relative; width:52%; min-width:340px; overflow:hidden; flex:none; }
.hero-visual img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:22% 20%;
  animation:heroZoom 24s ease-in-out infinite alternate;
}
@keyframes heroZoom{ from{transform:scale(1);} to{transform:scale(1.07);} }
.hero-frame{
  position:absolute; inset:18px; border:1px solid rgba(232,200,136,.65); border-radius:4px;
  pointer-events:none; z-index:2;
}
.hero-fade{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(90deg, transparent 55%, var(--card) 97%);
}
:root[dir="ltr"] .hero-fade, body[data-lang="en"] .hero-fade{
  background:linear-gradient(270deg, transparent 55%, var(--card) 97%);
}
.hero-content{
  position:relative; z-index:2; flex:1; display:flex; align-items:center; justify-content:center;
  padding:64px 6vw; text-align:center;
}
.hero-center{ max-width:520px; }
.hero-in{opacity:0; transform:translateY(18px); animation:heroIn .7s ease forwards;}
@keyframes heroIn{ to{opacity:1; transform:none;} }

.hero .ornament{ margin:0 auto 16px; justify-content:center; }
.hero .eyebrow{color:var(--purple); font-weight:700; letter-spacing:.5px; font-size:14px; margin-bottom:14px; display:block;}
.hero h1{font-size:clamp(28px,4vw,42px); font-weight:900; line-height:1.4; color:var(--purple-deep); margin-bottom:16px;}
.hero p{color:var(--muted); font-size:16px; line-height:1.85; margin-bottom:30px; max-width:48ch; margin-inline:auto;}

@media(max-width:860px){
  .hero{ flex-direction:column; min-height:auto; }
  .hero-visual{ width:100%; height:46vh; min-height:300px; }
  .hero-fade, :root[dir="ltr"] .hero-fade{ background:linear-gradient(0deg, var(--card) 2%, transparent 40%); }
  .hero-content{ padding:40px 24px 56px; }
}
.btn{
  position:relative; overflow:hidden;
  display:inline-block; background:linear-gradient(120deg,var(--purple),var(--purple2)); color:#fff; padding:14px 32px; border-radius:30px;
  font-weight:700; font-size:15px; box-shadow:0 12px 28px -8px rgba(143,51,120,.55); transition:transform .25s, box-shadow .25s;
}
.btn::after{
  content:""; position:absolute; top:0; bottom:0; inset-inline-start:-60%; width:45%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.4), transparent);
  transform:skewX(-20deg); transition: inset-inline-start .65s ease; pointer-events:none;
}
.btn:hover::after{ inset-inline-start:120%; }
.btn:hover{transform:translateY(-3px); box-shadow:0 16px 34px -6px rgba(143,51,120,.65);}
.scroll-cue{position:absolute; bottom:26px; inset-inline-start:50%; transform:translateX(-50%); z-index:2; color:#D9C7D2; opacity:.85; animation:bob 2s ease-in-out infinite;}
@keyframes bob{0%,100%{transform:translate(-50%,0);} 50%{transform:translate(-50%,8px);}}

/* ornament divider */
.ornament{display:flex; align-items:center; justify-content:center; gap:14px; margin:0 0 16px; color:var(--gold);}
.ornament .ln{height:1px; width:60px; background:linear-gradient(90deg,transparent,var(--gold));}
.ornament .ln.r{background:linear-gradient(90deg,var(--gold),transparent);}
.ornament .dot{width:5px; height:5px; border-radius:50%; background:var(--gold); flex:none;}

@media(max-width:600px){
  .hero-content{ padding-top:90px; }
  .hero-logo-badge{ width:100px; height:100px; }
  .hero-logo-badge img{ width:58px; }
}

/* SECTIONS */
section{padding:76px 0;}
.section-title{text-align:center; margin-bottom:46px;}
.section-title h2{font-size:clamp(24px,3.2vw,34px); font-weight:900; color:var(--purple-deep);}
.section-title p{color:var(--muted); max-width:58ch; margin:12px auto 0; font-size:15px;}

/* ABOUT */
.about-grid{display:grid; grid-template-columns:1fr; gap:20px; text-align:center;}
.about-grid p{color:var(--muted); font-size:16.5px; line-height:2; max-width:70ch; margin:0 auto;}

/* GALLERY */
.gallery{display:grid; grid-template-columns:1.3fr 1fr 1fr; grid-template-rows:auto auto; gap:16px;}
.g-item{position:relative; border-radius:18px; overflow:hidden; min-height:220px; cursor:default;}
.g-item:nth-child(1){grid-row:1 / 3;}
.g-item img{width:100%; height:100%; object-fit:cover; position:absolute; inset:0; transition:transform .6s ease;}
.g-item:hover img{transform:scale(1.09);}
.g-cap{position:absolute; inset-inline-start:0; bottom:0; width:100%; padding:16px; color:#fff;
  background:linear-gradient(0deg, rgba(20,8,16,.78), transparent 70%); font-weight:700; font-size:14.5px; z-index:2;}
@media(max-width:760px){ .gallery{grid-template-columns:1fr 1fr;} .g-item:nth-child(1){grid-column:1/3; grid-row:auto; min-height:260px;} }

/* STATS */
.stats-wrap{position:relative; background:linear-gradient(135deg,var(--purple-deep),#2B0F26); border-radius:26px; padding:54px 24px; overflow:hidden;}
.stats-wrap::before{content:""; position:absolute; inset-inline-end:0; top:0; bottom:0; width:90px; background-image:var(--lattice-url); background-size:cover; opacity:.16; mix-blend-mode:screen;}
.stats-grid{position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; text-align:center;}
.stat b{display:block; font-size:clamp(30px,5vw,50px); font-weight:900; color:var(--gold2);}
.stat span{color:#E4D3DE; font-size:14px; margin-top:6px; display:block;}
@media(max-width:640px){ .stats-grid{grid-template-columns:1fr; gap:34px;} }

/* VISION CARDS */
.cards{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.card{
  position:relative; border-radius:20px; overflow:hidden; min-height:290px; display:flex; align-items:flex-end;
  transform-style:preserve-3d; transition:transform .35s ease, box-shadow .35s ease;
  box-shadow:0 14px 30px -14px rgba(0,0,0,.35);
}
.card img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.card::before{content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(20,8,16,.86) 10%, rgba(20,8,16,.15) 65%);}
.card:hover{box-shadow:0 22px 44px -14px rgba(0,0,0,.5);}
.card-body{position:relative; z-index:2; padding:26px 22px; color:#fff;}
.card-body svg{width:34px; height:34px; color:var(--gold2); margin-bottom:10px;}
.card-body h3{font-size:19px; font-weight:800; margin-bottom:8px;}
.card-body p{font-size:14px; line-height:1.8; color:#EFE1EA;}
@media(max-width:760px){ .cards{grid-template-columns:1fr;} }

/* DOWNLOAD */
.download{text-align:center;}
.badges{display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-top:8px;}
.badge{
  display:flex; align-items:center; gap:10px; background:var(--ink); color:var(--bg);
  padding:12px 22px; border-radius:12px; min-width:190px; opacity:.6; cursor:default; transition:opacity .2s, transform .2s;
}
.badge:hover{opacity:.85; transform:translateY(-2px);}
:root:not([data-theme="dark"]) .badge{background:#1B1420; color:#fff;}
.badge svg{width:26px; height:26px; flex:none;}
.badge .txt{text-align:start;}
.badge .txt small{display:block; font-size:10.5px; opacity:.8;}
.badge .txt strong{display:block; font-size:15px;}
.soon-note{margin-top:14px; color:var(--muted); font-size:13px;}

footer{border-top:1px solid var(--line); padding:34px 0; text-align:center; color:var(--muted); font-size:13px;}
footer img{height:26px; opacity:.8; margin:0 auto 10px;}

/* =====================================================================
   v1.1 — صفحة "من نحن" + صفحات الشروط والسياسات
   ===================================================================== */
:root{--head:#4A1940; --soft:#F4ECF1; --link:#8F3378;}
:root:not([data-theme="light"]){--head:#F0D9E8; --soft:#211520; --link:#E8C888;}
@media (prefers-color-scheme: light){ :root:not([data-theme="dark"]){--head:#4A1940; --soft:#F4ECF1; --link:#8F3378;} }

/* تبديل اللغة للمحتوى الطويل */
body[data-lang="en"] .lang-ar{display:none !important;}
body:not([data-lang="en"]) .lang-en{display:none !important;}
.lang-en{direction:ltr;}
a[href^="mailto:"]{direction:ltr; unicode-bidi:isolate;}

/* رأس الصفحة */
.page-hero{background:linear-gradient(135deg,var(--purple-deep),#2B0F26); color:#fff; padding:64px 0 54px; text-align:center;}
.page-hero h1{font-size:clamp(28px,4.4vw,44px); font-weight:900; line-height:1.35; margin:4px 0 12px;}
.page-hero p{color:#E4D3DE; max-width:56ch; margin:0 auto; font-size:16px; line-height:1.9;}
.hero-meta{display:flex; gap:12px; justify-content:center; align-items:center; margin-top:22px; flex-wrap:wrap;}
.pill{display:inline-flex; align-items:center; border:1px solid rgba(232,200,136,.55); color:var(--gold2); border-radius:999px; padding:6px 16px; font-size:13px; font-weight:500; background:transparent; font-family:inherit;}
button.pill{cursor:pointer; transition:background .2s;}
button.pill:hover{background:rgba(232,200,136,.14);}

/* تبويبات التنقل بين الصفحات */
.legal-tabs{display:flex; gap:8px; justify-content:center; flex-wrap:wrap; padding:22px 24px 0;}
.legal-tabs a{padding:9px 20px; border-radius:999px; border:1px solid var(--line); font-weight:700; font-size:14px; color:var(--muted); background:var(--card); transition:.2s;}
.legal-tabs a:hover{border-color:var(--purple); color:var(--purple);}
.legal-tabs a[aria-current="page"]{background:var(--purple); border-color:var(--purple); color:#fff;}
.legal-tabs a:focus-visible, .toc a:focus-visible, .policy-row:focus-visible{outline:2px solid var(--gold); outline-offset:2px;}

/* التخطيط: فهرس جانبي + نص */
.legal-wrap{padding:44px 0 90px;}
.legal-layout{display:grid; grid-template-columns:270px minmax(0,1fr); gap:56px; align-items:start;}
.toc-box{position:sticky; top:92px; max-height:calc(100vh - 116px); overflow:auto; border-inline-end:1px solid var(--line); padding-inline-end:22px;}
.toc-box summary{font-weight:800; color:var(--head); font-size:15px; list-style:none; margin-bottom:12px; pointer-events:none;}
.toc-box summary::-webkit-details-marker{display:none;}
.toc ol{list-style:none; display:grid; gap:2px;}
.toc a{display:flex; gap:10px; padding:7px 10px; border-radius:8px; font-size:13.5px; line-height:1.6; color:var(--muted); transition:background .15s,color .15s;}
.toc a b{flex:none; min-width:22px; color:var(--gold); font-weight:700;}
.toc a:hover{background:var(--soft); color:var(--ink);}
.toc a.on{background:var(--soft); color:var(--link); font-weight:700;}

.legal-body{max-width:74ch;}
.legal-sec{padding-bottom:34px; margin-bottom:34px; border-bottom:1px solid var(--line);}
.legal-sec:last-child{border-bottom:0; margin-bottom:0;}
.legal-sec h2{display:flex; gap:14px; align-items:flex-start; font-size:21px; font-weight:800; color:var(--head); margin-bottom:14px; line-height:1.55;}
.legal-sec h2 .num{flex:none; min-width:34px; height:34px; border-radius:50%; display:inline-grid; place-items:center; background:var(--purple); color:#fff; font-size:14px; font-weight:700;}
.legal-sec h3{font-size:16px; font-weight:700; color:var(--head); margin:22px 0 8px;}
.legal-sec p{color:var(--ink); opacity:.9; font-size:15.5px; line-height:2; margin-bottom:12px;}
.legal-sec p.lettered strong{color:var(--head);}
.legal-sec ul{list-style:none; margin:6px 0 14px; display:grid; gap:6px;}
.legal-sec li{position:relative; padding-inline-start:22px; font-size:15px; line-height:1.9; color:var(--ink); opacity:.9;}
.legal-sec li::before{content:""; position:absolute; inset-inline-start:4px; top:.85em; width:6px; height:6px; border-radius:50%; background:var(--gold);}
.legal-sec .callout{background:var(--soft); border-inline-start:3px solid var(--gold); padding:14px 18px; border-radius:6px; font-size:14.5px; line-height:1.9; margin:14px 0;}
.legal-sec a, .contact a{color:var(--link); font-weight:700; border-bottom:1px solid currentColor;}

/* من نحن */
.about-page section{padding:60px 0;}
.prose{max-width:68ch; text-align:center;}
.prose p{color:var(--muted); font-size:16.5px; line-height:2; margin-bottom:14px;}
.split{display:grid; grid-template-columns:1fr 1fr; gap:26px;}
.panel{background:var(--card); border:1px solid var(--line); border-radius:18px; padding:30px 28px;}
.panel h3{font-size:20px; font-weight:800; color:var(--head); margin-bottom:6px;}
.panel .lead{color:var(--muted); font-size:14.5px; margin-bottom:20px; line-height:1.9;}
.checks{list-style:none; display:grid; gap:16px;}
.checks li{display:flex; gap:12px; font-size:15px; line-height:1.85;}
.checks svg{flex:none; width:20px; height:20px; color:var(--gold); margin-top:5px;}
.trust{background:var(--soft); border-radius:22px; padding:44px 28px;}
.trust .section-title{margin-bottom:30px;}
.trust-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
.trust-grid h4{font-size:16px; font-weight:800; color:var(--head); margin-bottom:6px;}
.trust-grid p{font-size:14px; color:var(--muted); line-height:1.9;}
.policy-list{display:grid; border-top:1px solid var(--line); max-width:820px; margin:0 auto;}
.policy-row{display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 6px; border-bottom:1px solid var(--line); transition:background .2s, padding .2s;}
.policy-row:hover{background:var(--soft); padding-inline:16px;}
.policy-row b{display:block; font-size:17px; color:var(--head); margin-bottom:4px;}
.policy-row span{color:var(--muted); font-size:14px;}
.policy-row svg{width:20px; height:20px; color:var(--gold); flex:none;}
body[data-lang="en"] .policy-row svg{transform:scaleX(-1);}
.contact{text-align:center; color:var(--muted); margin-top:30px; font-size:15px;}

/* روابط عامة + التذييل */
.text-link{display:inline-block; margin-top:14px; color:var(--link); font-weight:700; border-bottom:1px solid currentColor;}
.footer-links{display:flex; gap:8px 22px; justify-content:center; flex-wrap:wrap; margin:0 auto 14px; font-size:13.5px; font-weight:500;}
.footer-links a{color:var(--muted); transition:color .2s;}
.footer-links a:hover{color:var(--purple);}

@media(max-width:900px){
  .legal-layout{grid-template-columns:1fr; gap:20px;}
  .toc-box{position:static; max-height:none; border:1px solid var(--line); border-radius:12px; padding:14px 16px; background:var(--card);}
  .toc-box summary{cursor:pointer; margin:0; pointer-events:auto;}
  .toc-box[open] summary{margin-bottom:10px;}
}
@media(max-width:760px){ .split, .trust-grid{grid-template-columns:1fr;} .page-hero{padding:48px 0 40px;} }
@media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} .reveal{transition:none;} }
@media print{
  nav, #progress, footer, .legal-tabs, .toc-box, button.pill{display:none !important;}
  .page-hero{background:none; color:#000; padding:0 0 16px;} .page-hero p{color:#333;}
  .legal-layout{display:block;} .legal-body{max-width:none;} .reveal{opacity:1 !important; transform:none !important;}
}
