/* =====================================================================
   LUXURY v2 — طبقة الفخامة: توهّج ذهبي، وميض، إضاءات، لمسات ملكية
   تُحمَّل بعد theme.css وتغيّر الشكل فقط (لا تغيّر المحتوى).
   ===================================================================== */
:root{
  --gold-3:#fff3c4;
  --lux-glow:0 0 28px rgba(232,207,140,.38);
  --lux-ease:cubic-bezier(.2,.7,.2,1);
}
::selection{background:#c9a24b;color:#0f1b33}
html{scrollbar-color:#c9a24b #0a1224}
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:#0a1224}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e8cf8c,#c9a24b);border-radius:9px;border:2px solid #0a1224}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e8cf8c;outline-offset:3px;box-shadow:0 0 18px rgba(232,207,140,.6)}

/* ---------- شريط التقدم الذهبي ---------- */
.lux-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1200;transform-origin:100% 50%;transform:scaleX(0);background:linear-gradient(90deg,#c9a24b,#fff3c4,#c9a24b);box-shadow:0 0 12px rgba(232,207,140,.95);pointer-events:none}

/* ---------- طبقة الوميض (كانفس) ---------- */
.lux-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;display:block}
.hero>.container,.page-hero>.container,.cta-band>.container,.section.dark>.container,.site-footer>.container{position:relative;z-index:3}

/* ---------- الهيدر الملكي ---------- */
.topbar{background:linear-gradient(90deg,#060d1c,#0f1b33 50%,#060d1c)!important;border-bottom:1px solid rgba(232,207,140,.3)}
.site-header{background:linear-gradient(180deg,#16275a 0%,#0c1631 100%)!important;border-bottom:0!important;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent 0%,#8f6d22 15%,#c9a24b 35%,#fff3c4 50%,#c9a24b 65%,#8f6d22 85%,transparent 100%);background-size:200% 100%;animation:luxFlow 7s linear infinite;box-shadow:0 0 16px rgba(232,207,140,.85)}
.brand-text strong{background:linear-gradient(100deg,#c9a24b 0%,#fff3c4 40%,#e8cf8c 55%,#c9a24b 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:luxShine 6s linear infinite}
.nav a.nav-link,.nav button.nav-link{position:relative;transition:color .25s,background .25s,text-shadow .25s}
.nav a.nav-link::after,.nav button.nav-link::after{content:"";position:absolute;inset-inline:18%;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#e8cf8c,transparent);transform:scaleX(0);transition:transform .35s var(--lux-ease);box-shadow:0 0 10px rgba(232,207,140,.9)}
.nav a.nav-link:hover::after,.nav button.nav-link:hover::after,.nav a.nav-link[aria-current="page"]::after{transform:scaleX(1)}
.nav a.nav-link:hover,.nav button.nav-link:hover{text-shadow:0 0 14px rgba(232,207,140,.7)}
.sub-menu{box-shadow:0 24px 50px rgba(0,0,0,.55),0 0 0 1px rgba(232,207,140,.25),0 0 30px rgba(201,162,75,.18)}
.icon-btn,.nav-toggle{box-shadow:0 0 0 1px rgba(232,207,140,.25),0 6px 16px rgba(0,0,0,.4);transition:.25s}
.icon-btn:hover,.nav-toggle:hover{box-shadow:0 0 22px rgba(232,207,140,.6);transform:translateY(-2px)}
.loc-chip{background:rgba(232,207,140,.08);box-shadow:inset 0 0 14px rgba(232,207,140,.1)}

/* ---------- الواجهات: كحلي ملكي + أشعة ضوء ---------- */
.hero,.page-hero:not(.has-photo){
  background:
    radial-gradient(ellipse 62% 52% at 50% -8%,rgba(246,226,160,.34),transparent 70%),
    radial-gradient(ellipse 42% 44% at 92% 96%,rgba(201,162,75,.30),transparent 70%),
    radial-gradient(ellipse 46% 50% at 4% 86%,rgba(70,104,182,.36),transparent 72%),
    linear-gradient(168deg,#060c1d 0%,#0e1a38 46%,#17295a 100%)!important;
  position:relative;overflow:hidden;isolation:isolate;
  box-shadow:inset 0 -1px 0 rgba(232,207,140,.55)}
.page-hero.has-photo{position:relative;overflow:hidden;box-shadow:inset 0 -1px 0 rgba(232,207,140,.55)}
.hero::before,.page-hero:not(.has-photo)::before{opacity:.05!important;mix-blend-mode:screen}
.hero::after,.page-hero:not(.has-photo)::after{content:"";position:absolute;inset:-60%;z-index:1;pointer-events:none;will-change:transform;
  background:conic-gradient(from 0deg at 50% 38%,transparent 0 24deg,rgba(255,238,178,.13) 40deg,transparent 64deg 182deg,rgba(255,238,178,.10) 204deg,transparent 228deg 300deg,rgba(255,238,178,.07) 318deg,transparent 340deg);
  animation:luxSpin 48s linear infinite;mix-blend-mode:screen}
.hero .container,.page-hero .container{z-index:3}
/* تتابع الدخول لعناصر الواجهة */
.js .hero .slide.active>*,.js .page-hero .container>*,.js .page-hero .ph-text>*{animation:luxRise .9s var(--lux-ease) both}
.js .hero .slide.active>*:nth-child(2),.js .page-hero .container>*:nth-child(2){animation-delay:.12s}
.js .hero .slide.active>*:nth-child(3),.js .page-hero .container>*:nth-child(3){animation-delay:.24s}
.js .hero .slide.active>*:nth-child(4),.js .page-hero .container>*:nth-child(4){animation-delay:.36s}
.js .hero .slide.active>*:nth-child(5),.js .page-hero .container>*:nth-child(5){animation-delay:.48s}

.hero h1,.hero .slide-title,.page-hero h1{filter:drop-shadow(0 3px 18px rgba(232,207,140,.28))!important}
.hero h1 em,.hero .slide-title em,.page-hero h1 em{
  background:linear-gradient(100deg,#c9a24b 0%,#fff3c4 34%,#f1d98f 50%,#fff3c4 66%,#c9a24b 100%)!important;background-size:230% 100%!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;
  animation:luxShine 5.5s linear infinite}
.eyebrow,.badge{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:rgba(232,207,140,.7)!important;background:linear-gradient(135deg,rgba(232,207,140,.18),rgba(255,255,255,.05))!important;color:#fff3c4!important;box-shadow:0 0 0 1px rgba(232,207,140,.12) inset,0 6px 22px rgba(0,0,0,.35),0 0 20px rgba(232,207,140,.14)}
.badge{transition:transform .3s var(--lux-ease),box-shadow .3s}
.badge:hover{transform:translateY(-3px);box-shadow:0 8px 26px rgba(0,0,0,.4),0 0 26px rgba(232,207,140,.4)}
.hero p,.page-hero p,.hero .lead{color:#f6efdc!important}
.dots button[aria-current="true"]{background:linear-gradient(90deg,#c9a24b,#fff3c4)!important;box-shadow:0 0 12px rgba(232,207,140,.9)}
.hero-art .art,.hero-art .art.photo{border:1px solid rgba(232,207,140,.75)!important;box-shadow:0 0 0 6px rgba(232,207,140,.08),0 22px 50px rgba(0,0,0,.55),0 0 46px rgba(201,162,75,.32)!important}
.hero-info{box-shadow:0 0 30px rgba(232,207,140,.16),inset 0 0 18px rgba(232,207,140,.08)}

/* ---------- الأزرار: ذهب سائل + لمعة تمر ---------- */
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .3s var(--lux-ease),box-shadow .3s,filter .3s}
.btn::before{content:"";position:absolute;top:-10%;bottom:-10%;left:-70%;width:46%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.62),transparent);transform:skewX(-22deg);animation:luxSheen 5.2s ease-in-out infinite}
.btn-wa::before{animation-delay:1.4s}.btn-dark::before{animation-delay:2.6s}.btn-outline::before{display:none}
.btn-gold{background:linear-gradient(135deg,#fbe9ae 0%,#e2bd5c 38%,#c9a24b 62%,#a97f26 100%)!important;color:#0f1b33!important;
  box-shadow:0 0 0 1px rgba(255,243,196,.7) inset,0 10px 28px rgba(201,162,75,.45),0 0 30px rgba(232,207,140,.30)!important}
.btn-gold:hover{transform:translateY(-3px) scale(1.02);filter:brightness(1.07);box-shadow:0 0 0 1px rgba(255,243,196,.9) inset,0 16px 40px rgba(201,162,75,.6),0 0 46px rgba(232,207,140,.55)!important}
.btn-wa{box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 1px rgba(37,211,102,.5),0 0 22px rgba(37,211,102,.22)}
.btn-wa:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.4),0 0 30px rgba(37,211,102,.45)}
.btn-dark{background:linear-gradient(135deg,#0a1328,#16264a)!important;color:#f6e2a0!important;border-color:rgba(232,207,140,.8)!important;box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 18px rgba(232,207,140,.16)}
.btn-dark:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.5),0 0 30px rgba(232,207,140,.4)}
.btn-outline{backdrop-filter:blur(6px);border-color:rgba(232,207,140,.85)!important;color:#fff3c4!important;background:rgba(232,207,140,.08)!important}
.btn-outline:hover{background:linear-gradient(135deg,#fbe9ae,#c9a24b)!important;color:#0f1b33!important;box-shadow:0 0 30px rgba(232,207,140,.5)}

/* ---------- شريط الثقة ---------- */
.trust-grid{position:relative;border-color:rgba(232,207,140,.7)!important;box-shadow:0 22px 50px rgba(0,0,0,.5),0 0 40px rgba(201,162,75,.22)!important;
  background:linear-gradient(135deg,rgba(9,16,36,.98),rgba(22,38,74,.98))!important}
.trust-grid::before{content:"";position:absolute;top:0;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,#fff3c4,transparent);box-shadow:0 0 14px #e8cf8c}
.trust-item .ic{filter:drop-shadow(0 0 8px rgba(232,207,140,.6))}
.trust-card{box-shadow:0 18px 44px rgba(0,0,0,.22),0 0 30px rgba(201,162,75,.2)}

/* ---------- العناوين والفواصل الملكية ---------- */
.section-head::after{width:220px!important;height:20px!important;border-radius:0!important;margin:16px auto 0!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 20'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23c9a24b' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23e8cf8c'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='1' x2='0'%3E%3Cstop offset='0' stop-color='%23c9a24b' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23e8cf8c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='9' width='88' height='2' fill='url(%23a)'/%3E%3Crect x='132' y='9' width='88' height='2' fill='url(%23b)'/%3E%3Cpath d='M110 1l8 9-8 9-8-9z' fill='%23c9a24b'/%3E%3Cpath d='M110 5l4.5 5-4.5 5-4.5-5z' fill='%23fff3c4'/%3E%3Ccircle cx='94' cy='10' r='1.8' fill='%23e8cf8c'/%3E%3Ccircle cx='126' cy='10' r='1.8' fill='%23e8cf8c'/%3E%3C/svg%3E") center/contain no-repeat!important;
  filter:drop-shadow(0 0 6px rgba(232,207,140,.7))}
.section.dark .section-head h2,.cta-band h2{background:linear-gradient(100deg,#ffffff 0%,#f6e2a0 38%,#ffffff 55%,#e8cf8c 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:luxShine 7s linear infinite}
.cta-band h2{background-image:linear-gradient(100deg,#0f1b33 0%,#3a2a08 45%,#0f1b33 100%)}
.kicker,.section-head .kicker{position:relative}
.section-head .kicker::before,.section-head .kicker::after{content:"✦";font-size:.7em;margin:0 10px;color:#c9a24b;text-shadow:0 0 10px rgba(232,207,140,.9);display:inline-block;animation:luxTwinkle 2.6s ease-in-out infinite}
.section-head .kicker::after{animation-delay:1.3s}

/* ---------- الأقسام ---------- */
.section.alt{background:radial-gradient(ellipse 50% 60% at 12% 0%,rgba(201,162,75,.15),transparent 60%),radial-gradient(ellipse 50% 60% at 100% 100%,rgba(201,162,75,.12),transparent 60%),var(--bg-alt)}
.section.dark{position:relative;overflow:hidden;
  background:radial-gradient(ellipse 70% 55% at 50% -5%,rgba(232,207,140,.22),transparent 68%),radial-gradient(ellipse 45% 50% at 100% 100%,rgba(201,162,75,.20),transparent 70%),radial-gradient(ellipse 45% 50% at 0% 90%,rgba(70,104,182,.28),transparent 70%),linear-gradient(170deg,#060c1d,#0f1b33 60%,#142450)!important;
  box-shadow:inset 0 1px 0 rgba(232,207,140,.4),inset 0 -1px 0 rgba(232,207,140,.4)}

/* ---------- البطاقات: ذهب + بقعة ضوء تتبع الإصبع/الماوس ---------- */
.card,.why .item,.c-card,.related a{position:relative;overflow:hidden;transition:transform .4s var(--lux-ease),box-shadow .4s,border-color .4s}
.card::before,.why .item::before,.c-card::before,.related a::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:0;transition:opacity .35s;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(232,207,140,.30),transparent 70%)}
.card:hover::before,.why .item:hover::before,.c-card:hover::before,.related a:hover::before{opacity:1}
.card>*,.why .item>*,.c-card>*,.related a>*{position:relative;z-index:1}
.card:hover,.c-card:hover,.related a:hover{border-color:#e8cf8c!important;transform:translateY(-7px);box-shadow:0 0 0 1px rgba(232,207,140,.7),0 22px 48px rgba(15,27,51,.24),0 0 40px rgba(201,162,75,.30)!important}
.why .item{background:linear-gradient(160deg,rgba(22,38,74,.95),rgba(10,18,40,.95))!important;border-color:rgba(232,207,140,.55)!important;box-shadow:0 12px 30px rgba(0,0,0,.4),inset 0 0 24px rgba(232,207,140,.06)}
.why .item .ic{filter:drop-shadow(0 0 12px rgba(232,207,140,.55))}
.why .item:hover{transform:translateY(-6px);border-color:#e8cf8c!important;box-shadow:0 18px 42px rgba(0,0,0,.5),0 0 36px rgba(232,207,140,.32)}
.card .ic,.c-card .ic{box-shadow:0 0 0 1px rgba(232,207,140,.5),0 0 22px rgba(201,162,75,.45);animation:luxBreath 3.6s ease-in-out infinite}
.step::before{box-shadow:0 0 16px rgba(232,207,140,.7)}
.tile{border:1px solid rgba(232,207,140,.55)!important;transition:transform .4s var(--lux-ease),box-shadow .4s}
.tile:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(0,0,0,.45),0 0 38px rgba(232,207,140,.35)}
.about-panel{border:1px solid rgba(232,207,140,.7)!important;box-shadow:0 26px 60px rgba(0,0,0,.45),0 0 50px rgba(201,162,75,.25)!important}
.about-panel blockquote{text-shadow:0 0 22px rgba(232,207,140,.5)}
.side-card{box-shadow:0 18px 40px rgba(0,0,0,.35),0 0 30px rgba(201,162,75,.16)}
.rv-card{box-shadow:0 18px 40px rgba(0,0,0,.4),0 0 30px rgba(201,162,75,.18)}
.stars{text-shadow:0 0 14px rgba(232,207,140,.8)}
.faq details{transition:box-shadow .35s,border-color .35s}
.faq details[open],.faq details:hover{border-color:#e8cf8c;box-shadow:0 12px 30px rgba(15,27,51,.14),0 0 28px rgba(201,162,75,.22)}
.pills li,.kw,.chip{transition:transform .3s var(--lux-ease),box-shadow .3s}
.pills li:hover,.kw:hover,.chip:hover{transform:translateY(-3px);box-shadow:0 0 22px rgba(232,207,140,.45)}
.form{box-shadow:0 20px 50px rgba(15,27,51,.16),0 0 34px rgba(201,162,75,.16)}
.form input:focus,.form select:focus,.form textarea:focus{border-color:#e8cf8c;box-shadow:0 0 0 3px rgba(232,207,140,.35),0 0 22px rgba(201,162,75,.3);outline:0}
.filters button{transition:.3s}
.filters button:hover{box-shadow:0 0 20px rgba(232,207,140,.45);transform:translateY(-2px)}
.filters button[aria-pressed="true"]{color:#0f1b33!important;box-shadow:0 0 24px rgba(232,207,140,.6)}

/* ---------- الصور: إطار ذهبي + لمعة ---------- */
.g-item,.illus-grid figure{transition:transform .45s var(--lux-ease),box-shadow .45s}
.g-item::after,.illus-grid figure::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;border-radius:inherit;
  background:linear-gradient(115deg,transparent 34%,rgba(255,243,196,.42) 50%,transparent 66%);transform:translateX(-130%);transition:transform .9s var(--lux-ease)}
.g-item:hover::after,.illus-grid figure:hover::after{transform:translateX(130%)}
.g-item:hover,.illus-grid figure:hover{transform:translateY(-5px);box-shadow:0 0 0 2px #e8cf8c,0 20px 44px rgba(0,0,0,.4),0 0 40px rgba(201,162,75,.4)}
.g-ill{z-index:3;box-shadow:0 0 14px rgba(232,207,140,.3)}
.illus-grid figcaption{z-index:2}

/* ---------- شريط الدعوة الذهبي ---------- */
.cta-band{position:relative;overflow:hidden;
  background:linear-gradient(115deg,#a97f26 0%,#e8cf8c 22%,#fff1bd 38%,#d9b45c 56%,#c9a24b 74%,#f1dc9a 100%)!important;background-size:240% 100%!important;animation:luxFlow 14s ease-in-out infinite alternate;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(143,109,34,.6),0 0 60px rgba(201,162,75,.35)}
.cta-band p{color:#1a1204}

/* ---------- الفوتر ---------- */
.site-footer{position:relative;overflow:hidden;border-top:0!important;
  background:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(232,207,140,.18),transparent 70%),radial-gradient(ellipse 40% 40% at 100% 100%,rgba(70,104,182,.2),transparent 70%),#070e1f}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent,#8f6d22,#c9a24b,#fff3c4,#c9a24b,#8f6d22,transparent);background-size:200% 100%;animation:luxFlow 7s linear infinite;box-shadow:0 0 16px rgba(232,207,140,.85)}
.site-footer h3{text-shadow:0 0 16px rgba(232,207,140,.35)}
.site-footer a{transition:color .25s,text-shadow .25s}
.site-footer a:hover{color:#fff3c4;text-shadow:0 0 12px rgba(232,207,140,.7)}

/* ---------- أزرار الاتصال العائمة ---------- */
.float-call{box-shadow:0 8px 22px rgba(0,0,0,.45),0 0 0 0 rgba(232,207,140,.7);animation:luxRing 2.6s ease-out infinite}
.float-wa{box-shadow:0 8px 22px rgba(0,0,0,.45),0 0 26px rgba(37,211,102,.45)}
.float-call{color:#0f1b33!important}
.float-actions a{transition:transform .3s var(--lux-ease)}
.float-actions a:hover{transform:scale(1.1) translateY(-3px)}

/* ---------- حركات ---------- */
@keyframes luxSpin{to{transform:rotate(360deg)}}
@keyframes luxFlow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes luxShine{0%{background-position:120% 0}100%{background-position:-120% 0}}
@keyframes luxSheen{0%,55%{left:-70%}100%{left:170%}}
@keyframes luxRise{from{opacity:0;transform:translateY(26px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes luxTwinkle{0%,100%{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.3;transform:scale(.6) rotate(45deg)}}
@keyframes luxBreath{0%,100%{box-shadow:0 0 0 1px rgba(232,207,140,.5),0 0 14px rgba(201,162,75,.3)}50%{box-shadow:0 0 0 1px rgba(232,207,140,.8),0 0 28px rgba(232,207,140,.6)}}
@keyframes luxRing{0%{box-shadow:0 8px 22px rgba(0,0,0,.45),0 0 0 0 rgba(232,207,140,.75)}70%,100%{box-shadow:0 8px 22px rgba(0,0,0,.45),0 0 0 20px rgba(232,207,140,0)}}

/* جوال: أخف وأهدأ */
@media (max-width:760px){
  .hero::after,.page-hero:not(.has-photo)::after{animation-duration:70s;opacity:.8}
  .section-head::after{width:180px!important}
  .card:hover,.c-card:hover,.related a:hover,.why .item:hover,.tile:hover,.g-item:hover{transform:none}
}
/* احترام تقليل الحركة */
@media (prefers-reduced-motion:reduce){
  .hero::after,.page-hero::after,.btn::before,.site-header::after,.site-footer::before,.cta-band,.brand-text strong,
  .hero h1 em,.page-hero h1 em,.section.dark .section-head h2,.cta-band h2,.float-call,.card .ic,.c-card .ic,
  .section-head .kicker::before,.section-head .kicker::after,.js .hero .slide.active>*,.js .page-hero .container>*{animation:none!important}
  .lux-fx{display:none}
}