/* ============================================================
   نظام التصميم الداكن الموحّد — فايبر تك
   طبقة نهائية فوق كل الطبقات: خلفيات متناسقة + بطاقات زجاجية
   الهوية: كحلي عميق #0a0e2a + بنفسجي #6552C8/#9A45D6 + ذهبي #d4af37
   ============================================================ */

html { color-scheme: dark; }

/* ===== الخلفية الأساسية للجسم: داكنة بالكامل (بدون قطع فاتح) ===== */
body.fx-luxe {
  background:
    radial-gradient(ellipse 90% 60% at 85% -10%, rgba(154, 69, 214, .14), transparent 55%),
    radial-gradient(ellipse 70% 50% at 0% 10%, rgba(101, 82, 200, .12), transparent 50%),
    linear-gradient(180deg, #070a1f 0%, #0a0e2a 40%, #0b0f2e 100%) !important;
  background-attachment: scroll !important;
  color: #dfe2f5;
}

/* ===== نظام العناوين والنصوص ===== */
body.fx-luxe .section-titles { color: #f4f2ff !important; }
body.fx-luxe .section-titles::after {
  background: linear-gradient(90deg, #d4af37, #9A45D6, transparent);
}
body.fx-luxe .fx-kicker {
  border-color: rgba(212, 175, 55, .35) !important;
  background: rgba(212, 175, 55, .08) !important;
  color: #e8ce7a !important;
}
body.fx-luxe .fx-kicker::before {
  background: #d4af37 !important;
  box-shadow: 0 0 10px rgba(212, 175, 55, .8) !important;
}
body.fx-luxe .fx-stage-lead,
body.fx-luxe .section-intro { color: rgba(226, 229, 248, .78) !important; }

/* ===== الخلفيات الموحّدة للأقسام — عائلة لونية واحدة، لمسة مميزة لكل قسم ===== */
body.fx-luxe .fiber-value-section {
  background:
    radial-gradient(ellipse 55% 45% at 15% 0%, rgba(101, 82, 200, .16), transparent 55%),
    radial-gradient(ellipse 40% 40% at 90% 100%, rgba(154, 69, 214, .10), transparent 50%),
    linear-gradient(180deg, #0a0e2a 0%, #0b0f2e 100%) !important;
}
body.fx-luxe .fx-featured-stage {
  background:
    radial-gradient(ellipse 50% 50% at 100% 0%, rgba(154, 69, 214, .16), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 100%, rgba(101, 82, 200, .12), transparent 50%),
    linear-gradient(180deg, #0b0f2e 0%, #0a0e2a 100%) !important;
}
body.fx-luxe .fiber-services-section,
body.fx-luxe .fiber-services-section.fx-stage-dark {
  background:
    radial-gradient(ellipse 55% 45% at 85% 10%, rgba(154, 69, 214, .22), transparent 55%),
    radial-gradient(ellipse 45% 40% at 5% 90%, rgba(101, 82, 200, .18), transparent 50%),
    linear-gradient(180deg, #0a0e2a 0%, #0c1030 55%, #0a0e2a 100%) !important;
}
body.fx-luxe .fx-tool-stage {
  background:
    radial-gradient(ellipse 50% 60% at 80% 40%, rgba(154, 69, 214, .14), transparent 55%),
    linear-gradient(180deg, #0a0e2a 0%, #0b0f2e 100%) !important;
}
body.fx-luxe .fx-discover-stage {
  background:
    radial-gradient(ellipse 45% 55% at 10% 20%, rgba(101, 82, 200, .14), transparent 55%),
    linear-gradient(180deg, #0b0f2e 0%, #0a0e2a 100%) !important;
}
body.fx-luxe .fx-faq-section {
  background:
    radial-gradient(ellipse 55% 50% at 85% 0%, rgba(154, 69, 214, .14), transparent 55%),
    linear-gradient(180deg, #0a0e2a 0%, #0b0f2e 100%) !important;
}
body.fx-luxe .fiber-cta-section {
  background:
    radial-gradient(ellipse 50% 70% at 15% 40%, rgba(154, 69, 214, .30), transparent 55%),
    radial-gradient(ellipse 40% 50% at 90% 70%, rgba(101, 82, 200, .26), transparent 50%),
    linear-gradient(125deg, #08061a 0%, #141b4d 50%, #20154a 100%) !important;
}
body.fx-luxe .fiber-products-showcase {
  background: linear-gradient(180deg, #0b0f2e 0%, #0a0e2a 100%) !important;
}

/* ===== البطاقات الزجاجية الداكنة الموحّدة ===== */
body.fx-luxe .fiber-value-section .feature-card,
body.fx-luxe .service-showcase .feature-card {
  background: linear-gradient(160deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .02) 100%) !important;
  border: 1px solid rgba(154, 69, 214, .22) !important;
  box-shadow: 0 18px 40px rgba(3, 5, 20, .45) !important;
  backdrop-filter: blur(10px);
}
body.fx-luxe .fiber-value-section .feature-card:hover {
  border-color: rgba(212, 175, 55, .45) !important;
  box-shadow: 0 28px 60px rgba(3, 5, 20, .6) !important;
}
body.fx-luxe .fiber-value-section .feature-card h5 { color: #f4f2ff !important; }
body.fx-luxe .fiber-value-section .feature-card p { color: rgba(226, 229, 248, .72); }
body.fx-luxe .feature-icon {
  background: linear-gradient(145deg, rgba(101, 82, 200, .28), rgba(154, 69, 214, .22)) !important;
}

/* بطاقات الأسعار */
body.fx-luxe .price-card {
  background: linear-gradient(160deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)) !important;
  border: 1px solid rgba(154, 69, 214, .25) !important;
}
body.fx-luxe .price-card:hover { border-color: rgba(212, 175, 55, .5) !important; }
body.fx-luxe .price-card p { color: rgba(226, 229, 248, .7); }
body.fx-luxe .price-card h6 {
  background: linear-gradient(120deg, #e8ce7a, #9A45D6) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

/* اللوحة المميزة (النوعه لايف) */
body.fx-luxe .fx-featured-panel {
  background: linear-gradient(160deg, rgba(20, 26, 69, .85), rgba(10, 14, 42, .9)) !important;
  border: 1px solid rgba(154, 69, 214, .25) !important;
  box-shadow: 0 30px 70px rgba(2, 4, 16, .55) !important;
}
body.fx-luxe .fx-featured-title { color: #f4f2ff !important; }
body.fx-luxe .fx-featured-brand { color: #d4af37 !important; }
body.fx-luxe .fx-featured-desc { color: rgba(226, 229, 248, .78) !important; }

/* لوحة الأداة */
body.fx-luxe .fx-tool-panel {
  background: linear-gradient(135deg, rgba(20, 26, 69, .8), rgba(12, 16, 48, .85)) !important;
  border: 1px solid rgba(154, 69, 214, .22) !important;
  box-shadow: 0 22px 50px rgba(2, 4, 16, .5) !important;
}
body.fx-luxe .fx-tool-title { color: #f4f2ff !important; }
body.fx-luxe .fx-tool-desc { color: rgba(226, 229, 248, .72) !important; }

/* بطاقات الاستكشاف */
body.fx-luxe .fx-discover-card {
  background: linear-gradient(160deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02)) !important;
  border: 1px solid rgba(154, 69, 214, .2) !important;
  box-shadow: 0 14px 34px rgba(3, 5, 20, .4) !important;
}
body.fx-luxe .fx-discover-card:hover { border-color: rgba(212, 175, 55, .4) !important; }
body.fx-luxe .fx-discover-card strong { color: #f4f2ff !important; }
body.fx-luxe .fx-discover-card > span:last-child { color: rgba(226, 229, 248, .68); }
body.fx-luxe .fx-discover-num { -webkit-text-stroke: 1.4px rgba(154, 69, 214, .5); }
body.fx-luxe .fx-discover-title { color: #f4f2ff !important; }
body.fx-luxe .fx-discover-hint { color: rgba(226, 229, 248, .6) !important; }

/* بطاقات الكتالوج */
body.fx-luxe .catalog-card {
  background: linear-gradient(160deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02)) !important;
  border: 1px solid rgba(154, 69, 214, .2) !important;
  box-shadow: 0 16px 34px rgba(3, 5, 20, .4) !important;
}
body.fx-luxe .catalog-card:hover { border-color: rgba(212, 175, 55, .4) !important; }

/* الزر الشبحي الداكن أصبح على خلفية داكنة — نسخة فاتحة */
body.fx-luxe .fx-ghost-cta-dark {
  color: #e9e4ff !important;
  -webkit-text-fill-color: #e9e4ff !important;
  border-color: rgba(154, 69, 214, .5) !important;
}
body.fx-luxe .fx-ghost-cta-dark:hover {
  background: rgba(154, 69, 214, .14) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #d4af37 !important;
}

/* توحيد حواف الانتقال بين الأقسام المتجاورة */
body.fx-luxe .fiber-value-section,
body.fx-luxe .fx-featured-stage,
body.fx-luxe .fiber-services-section,
body.fx-luxe .fx-tool-stage,
body.fx-luxe .fx-discover-stage,
body.fx-luxe .fx-faq-section { border-top: 1px solid rgba(154, 69, 214, .08); }

/* ===== توحيد عناصر إضافية: منتجات، فريق، أعمال، مواضيع ===== */
body.fx-luxe .product-card {
  background: linear-gradient(160deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)) !important;
  border: 1px solid rgba(154, 69, 214, .22) !important;
  box-shadow: 0 16px 38px rgba(3, 5, 20, .45) !important;
}
body.fx-luxe .product-card:hover {
  border-color: rgba(212, 175, 55, .45) !important;
  box-shadow: 0 26px 54px rgba(3, 5, 20, .6), 0 0 40px rgba(154, 69, 214, .12) !important;
}
body.fx-luxe .product-card .prodTitle,
body.fx-luxe .product-card .prodTitle a { color: #f4f2ff !important; }
body.fx-luxe .product-card .prodShortDesc { color: rgba(226, 229, 248, .68) !important; }
body.fx-luxe .product-card .price { color: #e8ce7a !important; }
body.fx-luxe .product-card hr { background-color: rgba(154, 69, 214, .3) !important; }
body.fx-luxe .prodDiscountLbl {
  background: linear-gradient(135deg, #d4af37, #9A45D6) !important;
  color: #0a0e2a !important;
}

body.fx-luxe .fiber-team-card {
  background: linear-gradient(160deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02)) !important;
  border: 1px solid rgba(154, 69, 214, .22) !important;
  box-shadow: 0 12px 28px rgba(3, 5, 20, .45) !important;
}
body.fx-luxe .fiber-team-card:hover { border-color: rgba(212, 175, 55, .4) !important; }
body.fx-luxe .fiber-team-card .fx-card-title,
body.fx-luxe .fiber-work-card .fx-card-title { color: #f4f2ff !important; }
body.fx-luxe .fiber-team-photo { border-color: rgba(212, 175, 55, .4) !important; }

body.fx-luxe .fiber-work-card {
  background: linear-gradient(160deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02)) !important;
  border: 1px solid rgba(154, 69, 214, .2) !important;
  box-shadow: 0 14px 30px rgba(3, 5, 20, .45) !important;
}
body.fx-luxe .fiber-work-card:hover { border-color: rgba(212, 175, 55, .4) !important; }
body.fx-luxe .fiber-work-img { background: #0d1132; }

/* النصوص المطفأة والشرائح */
body.fx-luxe .fx-muted { color: rgba(226, 229, 248, .62) !important; }
body.fx-luxe .fiber-skill-chip,
body.fx-luxe a.fiber-skill-chip {
  background: rgba(101, 82, 200, .22) !important;
  color: #cfc4f5 !important;
  border: 1px solid rgba(154, 69, 214, .3) !important;
}
body.fx-luxe a.fiber-skill-chip:hover {
  color: #fff !important;
  background: rgba(154, 69, 214, .3) !important;
  border-color: rgba(212, 175, 55, .45) !important;
}

/* بلاطات المواضيع */
body.fx-luxe .fx-topic-tile {
  background: linear-gradient(160deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)) !important;
  border: 1px solid rgba(154, 69, 214, .22) !important;
}
body.fx-luxe .fx-topic-tile:hover { border-color: rgba(212, 175, 55, .4) !important; }

/* بطاقات التحميل في قسم المنتجات المميزة */
body.fx-luxe .download-card {
  background: linear-gradient(160deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)) !important;
  border: 1px solid rgba(154, 69, 214, .22) !important;
  box-shadow: 0 14px 32px rgba(3, 5, 20, .45) !important;
}
body.fx-luxe .download-card:hover { border-color: rgba(212, 175, 55, .45) !important; }
body.fx-luxe .download-title { color: #f4f2ff !important; }
body.fx-luxe .download-desc { color: rgba(226, 229, 248, .68) !important; }
body.fx-luxe .download-meta { color: rgba(226, 229, 248, .5) !important; }
body.fx-luxe .file-badge {
  background: rgba(101, 82, 200, .22) !important;
  color: #cfc4f5 !important;
}

/* ===== أواصر أعلى أولوية: عناوين الأقسام + حاوية النوعه لايف ===== */
body.fx-luxe .fiber-value-section .section-titles,
body.fx-luxe .fiber-services-section .section-titles,
body.fx-luxe .fiber-cta-section .section-titles,
body.fx-luxe .fx-featured-stage .section-titles,
body.fx-luxe .container > .row .section-titles,
body.fx-luxe .section-titles {
  color: #f4f2ff !important;
  -webkit-text-fill-color: #f4f2ff !important;
}

/* حاوية قسم النوعه لايف: إلغاء الخلفية الفاتحة */
body.fx-luxe .fx-alnooah-block,
body.fx-luxe .container.fx-alnooah-block {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(101, 82, 200, .12), transparent 55%),
    transparent !important;
}
body.fx-luxe .fx-alnooah-block .price-card p { color: rgba(226, 229, 248, .7) !important; }

/* ===== إعادة تصميم قسم «ما يميز خدماتنا» — نسخة فاخرة ===== */
body.fx-luxe .fiber-value-section .feature-card {
  position: relative;
  overflow: hidden;
  text-align: center;
  background: linear-gradient(165deg, rgba(101, 82, 200, .14) 0%, rgba(10, 14, 42, .55) 60%) !important;
  border: 1px solid rgba(154, 69, 214, .28) !important;
  border-radius: 22px !important;
  padding: 2.1rem 1.4rem 1.9rem !important;
  box-shadow: 0 18px 44px rgba(3, 5, 20, .5) !important;
  transition: transform .5s var(--fx-ease, cubic-bezier(.22, 1, .36, 1)), border-color .45s ease, box-shadow .5s ease !important;
}
/* خط ذهبي علوي رفيع */
body.fx-luxe .fiber-value-section .feature-card::before {
  content: '';
  position: absolute;
  top: 0;
  inset-inline: 22%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #d4af37, transparent);
  opacity: .8;
}
/* توهج بنفسجي سفلي يظهر عند الهوفر */
body.fx-luxe .fiber-value-section .feature-card::after {
  content: '';
  position: absolute;
  inset: auto 0 0 0;
  height: 48%;
  background: radial-gradient(ellipse 65% 100% at 50% 100%, rgba(154, 69, 214, .30), transparent 70%);
  opacity: 0;
  transition: opacity .5s ease;
  pointer-events: none;
}
body.fx-luxe .fiber-value-section .feature-card:hover {
  transform: translateY(-9px) !important;
  border-color: rgba(212, 175, 55, .55) !important;
  box-shadow: 0 30px 64px rgba(3, 5, 20, .62), 0 0 36px rgba(154, 69, 214, .14) !important;
}
body.fx-luxe .fiber-value-section .feature-card:hover::after { opacity: 1; }

/* أيقونة: قرص ذهبي بنفسجي متوهج */
body.fx-luxe .fiber-value-section .feature-icon {
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  margin: 0 auto 1.15rem !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 32% 28%, rgba(240, 217, 140, .5), rgba(212, 175, 55, .16) 45%, rgba(101, 82, 200, .28) 100%) !important;
  border: 1px solid rgba(212, 175, 55, .45);
  box-shadow:
    0 0 26px rgba(212, 175, 55, .22),
    inset 0 0 14px rgba(154, 69, 214, .35);
  transition: transform .55s var(--fx-ease, cubic-bezier(.22, 1, .36, 1)), box-shadow .55s ease;
}
body.fx-luxe .fiber-value-section .feature-card:hover .feature-icon {
  transform: translateY(-5px) scale(1.12) rotate(-8deg);
  box-shadow:
    0 0 44px rgba(212, 175, 55, .45),
    inset 0 0 18px rgba(154, 69, 214, .5);
  border-color: rgba(240, 217, 140, .7);
}
/* أيقونات SVG داخل القرص بلون ذهبي فاتح */
body.fx-luxe .fiber-value-section .feature-icon img {
  filter: brightness(0) invert(1) sepia(.55) saturate(3.2) hue-rotate(5deg);
}
body.fx-luxe .fiber-value-section .feature-card h5 {
  font-size: 1.18rem !important;
  font-weight: 800 !important;
  margin-bottom: .6rem !important;
  letter-spacing: 0;
}
body.fx-luxe .fiber-value-section .feature-card p {
  font-size: .94rem;
  line-height: 1.75;
  max-width: 30ch;
  margin-inline: auto;
}

/* ===== عناوين بتدرج وردي-بنفسجي فاخر (حسب النموذج) ===== */
body.fx-luxe .fiber-value-section .section-titles,
body.fx-luxe .fiber-services-section .section-titles,
body.fx-luxe .fx-featured-stage .section-titles,
body.fx-luxe .fx-tool-stage .section-titles,
body.fx-luxe .fx-discover-stage .section-titles,
body.fx-luxe .fx-faq-section .section-titles,
body.fx-luxe .fiber-cta-section .section-titles,
body.fx-luxe .container > .row .section-titles,
body.fx-luxe .section-titles {
  background: linear-gradient(115deg, #fda4af 0%, #e879f9 45%, #9A45D6 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
/* خط التحت الذهبي يبدأ من يمين العنوان */
body.fx-luxe .section-titles::after {
  margin-inline-start: 0 !important;
  margin-inline-end: auto !important;
}

/* ===== محاذاة عناوين الأقسام إلى اليمين (كما في النموذج) ===== */
body.fx-luxe .fiber-value-section .text-center,
body.fx-luxe .fx-featured-stage .text-center,
body.fx-luxe .fiber-services-section .text-center,
body.fx-luxe .fx-faq-section .text-center,
body.fx-luxe .fiber-cta-section .text-center { text-align: start !important; }
body.fx-luxe .fiber-services-section .fx-stage-lead { margin-inline: 0 !important; }

/* ===== قسم النوعه لايف: عرض كامل ملء الشاشة ===== */
body.fx-luxe .fx-featured-stage { padding-inline: 0 !important; }
body.fx-luxe .fx-featured-stage .fx-alnooah-block {
  max-width: 100% !important;
  width: 100% !important;
  padding-inline: 0 !important;
}
body.fx-luxe .fx-featured-stage .fx-featured-panel {
  border-radius: 0 !important;
  padding-inline: clamp(1.25rem, 4vw, 3.5rem) !important;
}

/* ============================================================
   توحيد الصفحات الداخلية مع الثيم الداكن الفاخر
   ============================================================ */

/* جسم الصفحات الداخلية: إلغاء الخلفية الفاتحة */
body.fx-luxe .fx-page-body {
  background: transparent !important;
}

/* قسم المنتجات المميزة (#hot-products) في كل الصفحات */
body.fx-luxe #hot-products,
body.fx-luxe .fx-products-stage {
  background: linear-gradient(180deg, #0b0f2e 0%, #0a0e2a 55%, #0b0f2e 100%) !important;
}
body.fx-luxe #hot-products::before { opacity: .5; }

/* الهيدر في الصفحات الداخلية: زجاج داكن بدل الزجاج الفاتح */
body.fx-luxe:not(.has-hero-bg) .navbar-custom.header-top-nav {
  background: rgba(7, 10, 31, 0.78) !important;
  backdrop-filter: blur(16px) saturate(1.2);
  -webkit-backdrop-filter: blur(16px) saturate(1.2);
  border-bottom: 1px solid rgba(154, 69, 214, 0.16) !important;
  box-shadow: 0 10px 34px rgba(2, 4, 16, 0.35);
}
body.fx-luxe:not(.has-hero-bg) .navbar-custom .nav-link span {
  color: rgba(235, 228, 250, 0.92) !important;
}
body.fx-luxe:not(.has-hero-bg) .navbar-logo img { filter: none; }
body.fx-luxe:not(.has-hero-bg) .header-action-btn,
body.fx-luxe:not(.has-hero-bg) .matches-header-btn.header-action-btn {
  background: rgba(154, 69, 214, 0.14) !important;
  border: 1px solid rgba(154, 69, 214, 0.32) !important;
  color: #e9e4ff !important;
}
body.fx-luxe:not(.has-hero-bg) .cta-button.header-action-btn {
  background: linear-gradient(135deg, #6552C8 0%, #9A45D6 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
}

/* صفوف الخدمات التحريرية (النسخة الفاتحة) في صفحة الخدمات */
body.fx-luxe .fx-editorial-row-light {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)) !important;
  border: 1px solid rgba(154, 69, 214, 0.22) !important;
  box-shadow: 0 16px 40px rgba(3, 5, 20, 0.45) !important;
}
body.fx-luxe .fx-editorial-row-light:hover {
  border-color: rgba(212, 175, 55, 0.4) !important;
  box-shadow: 0 26px 56px rgba(3, 5, 20, 0.6) !important;
}
body.fx-luxe .fx-editorial-row-light .fx-editorial-title { color: #f4f2ff !important; }
body.fx-luxe .fx-editorial-row-light .fx-editorial-desc { color: rgba(226, 229, 248, 0.72) !important; }
body.fx-luxe .fx-editorial-row-light .fx-editorial-link {
  color: #e8ce7a !important;
  border-color: rgba(212, 175, 55, 0.4) !important;
}
body.fx-luxe .fx-editorial-row-light .fx-editorial-index {
  -webkit-text-stroke: 1.5px rgba(154, 69, 214, 0.5) !important;
}

/* حاويات الوسائط والشرائح: خلفية داكنة بدل البيضاء */
body.fx-luxe .fiber-svc-slide,
body.fx-luxe .service-showcase-img { background: #0d1132; }

/* بطاقة التواصل ونموذجها */
body.fx-luxe .fx-contact-card,
body.fx-luxe .contact-us-form-section {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)) !important;
  border: 1px solid rgba(154, 69, 214, 0.25) !important;
  box-shadow: 0 24px 60px rgba(2, 4, 16, 0.5) !important;
}
body.fx-luxe .fx-contact-card .form-control,
body.fx-luxe .fx-contact-card .form-select,
body.fx-luxe .contact-us-form-section .form-control,
body.fx-luxe .contact-us-form-section .form-select {
  background: rgba(10, 14, 42, 0.6) !important;
  border-color: rgba(154, 69, 214, 0.3) !important;
  color: #dfe2f5 !important;
}
body.fx-luxe .fx-contact-card .form-label,
body.fx-luxe .contact-us-form-section .form-label { color: #cfc4f5 !important; }
body.fx-luxe .contact-us-form-section textarea,
body.fx-luxe .contact-us-form-section input,
body.fx-luxe .contact-us-form-section select { color: #dfe2f5 !important; }

/* صفحة من نحن */
body.fx-luxe .whoWeAre-section p { color: rgba(226, 229, 248, 0.78) !important; }
body.fx-luxe .whoWeAre-section .sub-title { color: rgba(226, 229, 248, 0.6) !important; }
body.fx-luxe .whoWeAre-section strong { color: #f4f2ff; }

/* الأسئلة الشائعة (صفحة faq) */
body.fx-luxe .accordion-item.faq-item {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)) !important;
  border: 1px solid rgba(154, 69, 214, 0.2) !important;
}
body.fx-luxe .accordion-button {
  background: transparent !important;
  color: #f4f2ff !important;
}
body.fx-luxe .accordion-button:not(.collapsed) {
  background: rgba(154, 69, 214, 0.12) !important;
  color: #e8ce7a !important;
}
body.fx-luxe .accordion-body { color: rgba(226, 229, 248, 0.75) !important; }
body.fx-luxe .accordion-button::after {
  filter: brightness(0) invert(1) sepia(.4) saturate(2) hue-rotate(210deg);
}
body.fx-luxe .input-group .form-control {
  background: rgba(10, 14, 42, 0.6) !important;
  border-color: rgba(154, 69, 214, 0.3) !important;
  color: #dfe2f5 !important;
}
body.fx-luxe .faq-item.hidden { display: none; }

/* لوحات صفحة الأسئلة (كانت بيضاء) */
body.fx-luxe .fx-faq-panel {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)) !important;
  border: 1px solid rgba(154, 69, 214, 0.22) !important;
  box-shadow: 0 18px 44px rgba(3, 5, 20, 0.45) !important;
}
body.fx-luxe .fx-faq-panel h3,
body.fx-luxe .fx-faq-panel h4 { color: #f4f2ff !important; }
body.fx-luxe .fx-faq-panel .text-muted { color: rgba(226, 229, 248, 0.6) !important; }
body.fx-luxe .fx-faq-panel .input-group-text {
  background: rgba(10, 14, 42, 0.6) !important;
  border-color: rgba(154, 69, 214, 0.3) !important;
}
body.fx-luxe .fx-faq-panel .accordion-item {
  background: transparent !important;
  border-color: rgba(154, 69, 214, 0.16) !important;
}
body.fx-luxe .fx-faq-panel .faq-category { background: transparent !important; border: 0 !important; box-shadow: none !important; }
body.fx-luxe .faq-category .border-bottom { border-color: rgba(154, 69, 214, 0.2) !important; }
body.fx-luxe .faq-category.hidden { display: none; }

/* عناوين م Labels زرقاء داكنة على خلفية داكنة */
body.fx-luxe .fx-section-label,
body.fx-luxe .fx-topic-title { color: #f4f2ff !important; }
body.fx-luxe .fx-topic-tile p,
body.fx-luxe .fx-topic-blurb { color: rgba(226, 229, 248, 0.68) !important; }

/* قسم خريطة الموقع في الفوتر */
body.fx-luxe .fiber-map-section {
  background: linear-gradient(180deg, #0b0f2e 0%, #070a1f 100%) !important;
}
body.fx-luxe .fiber-map-section .map-shell {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)) !important;
  border: 1px solid rgba(154, 69, 214, 0.25) !important;
  box-shadow: 0 30px 70px rgba(2, 4, 16, 0.5) !important;
}
body.fx-luxe .fiber-map-section .map-head h3,
body.fx-luxe .fiber-map-section .map-head h4,
body.fx-luxe .fiber-map-section .map-head p { color: #f4f2ff !important; }
body.fx-luxe .fiber-map-section .map-frame { background: #0d1132; }

/* ============================================================
   ضبط ارتفاع الهيرو — تقليل المساحة المخصصة للفيديو
   (كان 100vh كامل؛ أصبح ~82vh مع ظهور مقتطف من القسم التالي)
   ============================================================ */
body.fx-luxe .homepage-hero-bg {
  min-height: 82vh;
  min-height: 82dvh;
}
body.fx-luxe .homepage-hero-bg .hero-landing-shell.hero-image-mode,
body.fx-luxe .homepage-hero-bg.has-hero-video .hero-landing-shell.hero-image-mode {
  min-height: calc(82vh - 92px);
  min-height: calc(82dvh - 92px);
  padding-top: clamp(2.5rem, 7vh, 4.5rem) !important;
  padding-bottom: clamp(2rem, 5vh, 3.5rem) !important;
}
@media (max-width: 767.98px) {
  body.fx-luxe .homepage-hero-bg,
  body.fx-luxe .homepage-hero-bg.has-hero-video {
    min-height: 92vh;
    min-height: 92dvh;
  }
  body.fx-luxe .homepage-hero-bg.has-hero-video .hero-landing-shell.hero-image-mode {
    min-height: calc(92vh - 92px);
    min-height: calc(92dvh - 92px);
  }
}
/* ============================================================
   إصلاحات اللغة والهيدر والقوائم المنسدلة (نسخة مُحكمة)
   ============================================================ */

/* ----- 1) اللوحة المنسدلة الضخمة: تثبيتها بشريط التنقل كاملاً (كالمواقع الكبيرة)
        — إلغاء تموضع العنصر المُنشئ مع الحفاظ على أولوية أعلى من الطبقات القديمة ----- */
.navbar-custom .navbar-nav .nav-item.has-mega { position: static; }
.navbar-custom .navbar-nav .nav-item.has-mega > .fx-mega {
  top: 100%;
  right: 0;
  left: auto;
  margin-top: -2px;
  transform: translateY(10px) scale(0.98);
  transform-origin: top right;
}
[dir="rtl"] .navbar-custom .navbar-nav .nav-item.has-mega > .fx-mega {
  right: 0;
  left: auto;
}
[dir="ltr"] .navbar-custom .navbar-nav .nav-item.has-mega > .fx-mega {
  right: auto;
  left: 0;
  transform-origin: top left;
}
.navbar-custom .has-mega.is-open > .fx-mega,
.navbar-custom .has-mega:hover > .fx-mega {
  transform: translateY(0) scale(1);
}
/* اللوحة المثبتة بالهيدر لا تحتاج سهماً — إخفاؤه */
.navbar-custom .has-mega > .fx-mega::before { display: none; }
/* تصغير اللوحة على الشاشات المتوسطة */
@media (max-width: 1199.98px) {
  .navbar-custom .navbar-nav .nav-item.has-mega > .fx-mega {
    max-width: min(860px, calc(100vw - 24px));
  }
}

/* ----- 2) لا فجوة بين الرابط واللوحة: تداخل 8px يمنع فقدان الهوفر أثناء العبور ----- */
.navbar-custom .navbar-nav .nav-item.has-mega > .fx-mega {
  padding-top: calc(1.4rem + 10px);
}

/* ----- 3) تجميع أزرار الهيدر بجانب الشعار في RTL (الشعار يميناً ثم الأزرار) ----- */
[dir="rtl"] .topNav #navbarMenu.d-flex {
  flex-wrap: nowrap;
  gap: 0.75rem;
}
[dir="rtl"] .topNav #navbarMenu > .d-flex.align-items-center.gap-2 {
  order: -1;
  margin-inline-start: 0 !important;
}
[dir="rtl"] .topNav #navbarMenu > ul.navbar-nav {
  order: 1;
  margin-inline-start: 0 !important;
  margin-inline-end: auto;
}

/* ----- 4) أزرار هيدر وردية متدرجة بأسلوب العلامة ----- */
body.fx-luxe .header-action-btn,
body.fx-luxe .cta-button.header-action-btn,
body.fx-luxe .matches-header-btn.header-action-btn {
  background: linear-gradient(135deg, #6552C8 0%, #9A45D6 55%, #B45AE0 115%) !important;
  color: #fff !important;
  border-color: rgba(205, 124, 252, 0.45) !important;
  box-shadow: 0 10px 26px rgba(154, 69, 214, 0.32) !important;
}
body.fx-luxe .header-action-btn:hover,
body.fx-luxe .cta-button.header-action-btn:hover,
body.fx-luxe .matches-header-btn.header-action-btn:hover {
  background: linear-gradient(135deg, #9A45D6 0%, #CD7CFC 100%) !important;
  color: #fff !important;
  border-color: #CD7CFC !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(154, 69, 214, 0.5) !important;
}
body.fx-luxe .header-action-btn img {
  filter: brightness(0) invert(1) !important;
}

/* تفوق على قاعدة الهيرو في fiber-luxe (أعلى خصوصية) — نفس التدرج الوردي */
body.fx-luxe.has-hero-bg .navbar-custom.header-top-nav .header-action-btn,
body.fx-luxe.has-hero-bg .navbar-custom.header-top-nav .cta-button.header-action-btn,
body.fx-luxe.has-hero-bg .navbar-custom.header-top-nav .matches-header-btn.header-action-btn {
  background: linear-gradient(135deg, #6552C8 0%, #9A45D6 55%, #B45AE0 115%) !important;
  color: #fff !important;
  border-color: rgba(205, 124, 252, 0.45) !important;
  box-shadow: 0 10px 26px rgba(154, 69, 214, 0.32) !important;
}
body.fx-luxe.has-hero-bg .navbar-custom.header-top-nav .header-action-btn:hover,
body.fx-luxe.has-hero-bg .navbar-custom.header-top-nav .cta-button.header-action-btn:hover,
body.fx-luxe.has-hero-bg .navbar-custom.header-top-nav .matches-header-btn.header-action-btn:hover {
  background: linear-gradient(135deg, #9A45D6 0%, #CD7CFC 100%) !important;
  color: #fff !important;
  border-color: #CD7CFC !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(154, 69, 214, 0.5) !important;
}
body.fx-luxe.has-hero-bg .navbar-custom.header-top-nav .header-action-btn img {
  filter: brightness(0) invert(1) !important;
}
body.fx-luxe .notifications-bell-btn {
  background: linear-gradient(135deg, #6552C8 0%, #9A45D6 100%) !important;
  border-color: rgba(205, 124, 252, 0.45) !important;
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(154, 69, 214, 0.32) !important;
}
body.fx-luxe .notifications-bell-btn:hover {
  background: linear-gradient(135deg, #9A45D6 0%, #CD7CFC 100%) !important;
  border-color: #CD7CFC !important;
  color: #fff !important;
}
/* زر اللغة بنفس عائلة الأزرار الوردية */
body.fx-luxe .fx-lang-btn {
  background: linear-gradient(135deg, #6552C8 0%, #9A45D6 100%) !important;
  border-color: rgba(205, 124, 252, 0.45) !important;
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(154, 69, 214, 0.32) !important;
}
body.fx-luxe .fx-lang-btn:hover,
body.fx-luxe .fx-lang-switch.is-open .fx-lang-btn {
  background: linear-gradient(135deg, #9A45D6 0%, #CD7CFC 100%) !important;
  border-color: #CD7CFC !important;
  color: #fff !important;
}

/* ----- 5) مبدّل اللغة في قائمة الجوال: زر كامل العرض وقائمة تنبسط داخله ----- */
.fx-lang-switch-mobile { width: 100%; }
.fx-lang-switch-mobile .fx-lang-btn {
  width: 100%;
  justify-content: center;
  gap: 8px;
  height: 48px;
}
.fx-lang-switch-mobile .fx-lang-label {
  font-weight: 700;
  font-size: 0.85rem;
  opacity: 0.95;
}
.fx-lang-switch-mobile .fx-lang-menu {
  position: static;
  width: 100%;
  min-width: 0;
  margin-top: 8px;
  display: none;
  opacity: 1;
  visibility: visible;
  transform: none;
}
.fx-lang-switch-mobile.is-open .fx-lang-menu {
  display: block;
}