/* =========================================================================
   الصقر هوست — Modern Theme Layer v2
   طبقة تصميم حديثة واحترافية فوق قالب Crumina الأساسي
   بدون حذف أو تعديل أي نص أو سعر — تغيير الشكل فقط
   الهوية: "الصقر" (سرعة + دقة) — كحلي ليلي عميق + ذهبي صقري + لمسة تركواز تقنية
   ========================================================================= */

/* -------------------------------------------------------------------------
   1) Design Tokens
   ------------------------------------------------------------------------- */
:root{
  --falcon-navy:        #0B1B2B;
  --falcon-navy-deep:   #071320;
  --falcon-navy-soft:   #13293F;
  --falcon-gold:        #C9932E;
  --falcon-gold-light:  #E8B94F;
  --falcon-teal:        #17A6A0;
  --falcon-ink:         #101826;
  --falcon-muted:       #5B6B7C;
  --falcon-line:        #E4E9EF;
  --falcon-bg:          #F6F7FA;
  --falcon-card-shadow: 0 10px 30px -14px rgba(11,27,43,.20);
  --falcon-card-shadow-hover: 0 26px 50px -16px rgba(11,27,43,.32);

  --primary-accent-color: var(--falcon-gold);
  --primary-accent-color--darken: #A9761C;
  --heading-color: var(--falcon-ink);
  --body-font-color: #33404E;
  --link-color: var(--falcon-navy);

  --dark-themes: var(--falcon-navy);
  --dark-themes--darken: var(--falcon-navy-deep);
  --blue-themes: var(--falcon-teal);
  --blue-themes--darken: #0F7E79;
  --red-themes: #D64550;
  --red-themes--darken: #AD323C;
  --green-themes: #16A87A;
  --green-themes--darken: #0F7D5B;
  --orange-themes: #E08A3C;
  --orange-themes--darken: #BE6D26;
  --yellow-themes: var(--falcon-gold);
  --yellow-themes--darken: var(--primary-accent-color--darken);
  --grey-themes: #EEF2F6;
  --grey-themes--darken: #DCE4EC;
  --footer-link-color: #C7D0DB;
  --footer-text-color: #90A0B2;
}

/* -------------------------------------------------------------------------
   2) أساسيات عامة
   ------------------------------------------------------------------------- */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

body{background-color:var(--falcon-bg);-webkit-font-smoothing:antialiased}
::selection{background:var(--falcon-gold);color:#fff}
a{transition:color .2s ease, background-color .2s ease, border-color .2s ease, opacity .2s ease}
h1,h2,h3,h4,h5,h6{color:var(--falcon-ink);letter-spacing:0}

section h2.text-center::after,
.align-center > h2::after,
.text-center h2::after{
  content:"";display:block;width:64px;height:4px;margin:16px auto 0;
  background:linear-gradient(90deg, var(--falcon-gold), var(--falcon-gold-light));
  border-radius:10px;
}

:focus-visible{outline:3px solid var(--falcon-gold);outline-offset:2px}

/* -------------------------------------------------------------------------
   3) شريط التنقل
   ملاحظة هامة: لا نستخدم backdrop-filter / filter على #navigation لأن
   ذلك ينشئ containing block جديد لعناصر position:fixed بداخله (القائمة
   المنسدلة على الجوال .navigation-body) فتظهر مقصوصة أو غير مكتملة.
   لذلك نعتمد خلفية صلبة شبه شفافة فقط، وهذا يحل المشكلة نهائياً.
   ------------------------------------------------------------------------- */
#navigation.site-header{
  background-color:rgba(7,19,32,.98)!important;
  box-shadow:0 2px 24px rgba(0,0,0,.18);
  border-bottom:1px solid rgba(255,255,255,.06);
}
#navigation .navigation-link{color:#EDEFF2!important;font-weight:600;position:relative}
#navigation .navigation-link::after{
  content:"";position:absolute;right:0;bottom:2px;width:0;height:2px;background:var(--falcon-gold);
  transition:width .25s ease;
}
#navigation .navigation-item:hover .navigation-link::after,
#navigation .navigation-item.is-active .navigation-link::after{width:100%}
#navigation .navigation-item:hover .navigation-link,
#navigation .navigation-megamenu{color:var(--falcon-gold)!important}
#navigation .navigation-megamenu-container{
  background:#fff;border-radius:14px;box-shadow:var(--falcon-card-shadow-hover);border:1px solid var(--falcon-line);
}
#navigation .navigation-hosting-item{border-radius:10px;transition:transform .25s ease, box-shadow .25s ease}
#navigation .navigation-hosting-item:hover{transform:translateY(-4px);box-shadow:var(--falcon-card-shadow)}
.navigation-additional-menu .crumina-button{
  background:linear-gradient(135deg, var(--falcon-gold), var(--falcon-gold-light))!important;
  border-color:transparent!important;color:var(--falcon-navy)!important;font-weight:800;
}

/* القائمة على الجوال والتابلت — خلفية داكنة أنيقة + مسافات مريحة */
@media (max-width:991px){
  .navigation-body{background-color:var(--falcon-navy-deep)!important}
  .navigation-body-header{border-bottom:1px solid rgba(255,255,255,.08)}
  .navigation-menu .navigation-link{color:#EDEFF2!important;padding:14px 4px;display:block}
  .navigation-item{border-bottom:1px solid rgba(255,255,255,.06)}
  .navigation-megamenu-container{box-shadow:none;border:none;background:rgba(255,255,255,.04)}
  .navigation-megamenu-container .navigation-hosting-item{color:#EDEFF2}
  .navigation-body-close-button{color:#fff}
}

/* -------------------------------------------------------------------------
   4) الهيدر الرئيسي / السلايدر
   ------------------------------------------------------------------------- */
.crumina-main-slider .swiper-slide{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg, var(--falcon-navy-deep) 0%, var(--falcon-navy) 55%, var(--falcon-navy-soft) 100%)!important;
}
.crumina-main-slider .swiper-slide::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(1200px 400px at 85% -10%, rgba(201,147,46,.20), transparent 60%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.035) 0 2px, transparent 2px 26px);
  pointer-events:none;
}
.crumina-main-slider .swiper-slide::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:64px;background:var(--falcon-bg);
  clip-path:polygon(0 100%, 100% 100%, 100% 40%, 55% 100%, 30% 55%, 0 85%);
}
.slider-content-title{color:#fff!important;font-weight:800;text-shadow:0 2px 18px rgba(0,0,0,.25);
  animation:falcon-fade-up .7s ease both}
.slider-content-text{color:#D9E1EA!important;animation:falcon-fade-up .7s ease .12s both}
.universal-btn-wrapper{animation:falcon-fade-up .7s ease .24s both}
.crumina-main-slider .universal-btn-wrapper .crumina-button{
  background:linear-gradient(135deg, var(--falcon-gold), var(--falcon-gold-light))!important;
  border-color:transparent!important;color:var(--falcon-navy)!important;
  box-shadow:0 12px 28px -10px rgba(201,147,46,.55);
}
.crumina-main-slider .universal-btn-wrapper .crumina-button:hover{
  transform:translateY(-2px);box-shadow:0 16px 34px -10px rgba(201,147,46,.7);
}
@keyframes falcon-fade-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* رؤوس الصفحات الداخلية */
.crumina-stunning-header{
  background:linear-gradient(135deg, var(--falcon-navy-deep), var(--falcon-navy))!important;
  position:relative;overflow:hidden;
}
.crumina-stunning-header::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(900px 320px at 15% -10%, rgba(201,147,46,.18), transparent 55%),
             repeating-linear-gradient(115deg, rgba(255,255,255,.03) 0 2px, transparent 2px 26px);
  pointer-events:none;
}
.crumina-stunning-header .container{position:relative;z-index:1}
h1.page-title{color:#fff!important;font-weight:800;animation:falcon-fade-up .6s ease both}
.page-text{color:#D9E1EA!important;animation:falcon-fade-up .6s ease .1s both}
.page-category{animation:falcon-fade-up .6s ease both}
.page-category-item{
  display:inline-block;padding:6px 18px;border-radius:30px;
  background:rgba(201,147,46,.16);border:1px solid rgba(232,185,79,.4);
  color:var(--falcon-gold-light)!important;font-weight:700;font-size:13px;
}

/* -------------------------------------------------------------------------
   5) الأزرار
   ------------------------------------------------------------------------- */
.crumina-button{border-radius:10px!important;font-weight:700;transition:transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease}
.crumina-button:hover{transform:translateY(-2px)}
.button--dark{background:var(--falcon-navy)!important;border-color:var(--falcon-navy)!important}
.button--dark:hover{background:var(--falcon-navy-deep)!important;border-color:var(--falcon-navy-deep)!important}
.button--blue{background:var(--falcon-teal)!important;border-color:var(--falcon-teal)!important}
.button--green{background:var(--green-themes)!important;border-color:var(--green-themes)!important}

/* -------------------------------------------------------------------------
   6) البطاقات والصناديق الخدمية
   ------------------------------------------------------------------------- */
.crumina-image-box,.crumina-icon-box,.services-box,.crumina-testimonial-item,
.navigation-hosting-item,.our-clients-item,[class*="feature-box"]{
  transition:transform .35s cubic-bezier(.2,.7,.3,1), box-shadow .35s ease;
}
.crumina-image-box:hover,.crumina-icon-box:hover,.services-box:hover{
  transform:translateY(-6px);box-shadow:var(--falcon-card-shadow);
}

/* صناديق المعلومات (info-box) — تُستخدم فى صفحات الخدمات و اتصل بنا */
.crumina-info-box{
  background:#fff;border-radius:16px;padding:26px 22px;
  box-shadow:var(--falcon-card-shadow);
  transition:transform .3s ease, box-shadow .3s ease;
  border-top:3px solid transparent;
  height:100%;
}
.crumina-info-box:hover{
  transform:translateY(-6px);
  box-shadow:var(--falcon-card-shadow-hover);
  border-top-color:var(--falcon-gold);
}
.info-box-thumb{
  display:inline-flex;align-items:center;justify-content:center;
  width:76px;height:76px;border-radius:50%;
  background:linear-gradient(135deg, rgba(201,147,46,.12), rgba(23,166,160,.10));
  margin-bottom:14px;
}
.info-box-title{font-weight:800;color:var(--falcon-navy)}
.info-box-text{color:var(--falcon-muted)}
.info-box--inline{display:flex;align-items:flex-start;gap:14px;text-align:right}
.info-box--inline .info-box-thumb{margin-bottom:0;flex:0 0 auto}

.info-box--with-number{position:relative}
.info-box--with-number .info-box-number{font-weight:800;color:var(--falcon-gold);font-size:34px;line-height:1}

/* -------------------------------------------------------------------------
   7) جداول الأسعار — بدون تغيير أي رقم أو سعر
   ------------------------------------------------------------------------- */
.crumina-pricings{background:var(--falcon-bg)}
.crumina-pricing-modern{border-radius:18px;overflow:hidden;box-shadow:var(--falcon-card-shadow);background:#fff}
.crumina-pricing-modern table{border-collapse:separate}
.crumina-pricing-modern thead th{background:linear-gradient(180deg, #fff, #FAFBFD);padding-top:28px;padding-bottom:18px;border-bottom:2px solid var(--falcon-line)}
.crumina-pricing-modern .pricing-title{color:var(--falcon-navy);font-weight:800;font-size:19px}
.crumina-pricing-modern .price{color:var(--falcon-gold);font-weight:800}
.crumina-pricing-modern .pricing-recommended{
  display:inline-block;background:linear-gradient(135deg, var(--falcon-gold), var(--falcon-gold-light));
  color:var(--falcon-navy);font-weight:800;font-size:12px;padding:4px 14px;border-radius:20px;
  margin-bottom:8px;box-shadow:0 6px 16px -6px rgba(201,147,46,.6);
}
.crumina-pricing-modern td{border-color:var(--falcon-line)!important}
.crumina-pricing-modern tbody tr:hover td{background:#FAFBFD}

.pricing-table--style3{background:#fff;border-radius:16px;box-shadow:var(--falcon-card-shadow);transition:transform .3s ease, box-shadow .3s ease}
.pricing-table--style3:hover{transform:translateY(-8px);box-shadow:var(--falcon-card-shadow-hover)}
.pricing-table--style3 .pricing-title{font-weight:800}

.f44,.f33{border-bottom:none!important;background:#fff!important;box-shadow:var(--falcon-card-shadow)}
.f66{border-bottom:none!important;background:linear-gradient(135deg, var(--falcon-navy), var(--falcon-navy-deep))!important}

/* -------------------------------------------------------------------------
   8) التبويبات + الخط الزمني لتاريخ الشركة (about-us)
   ------------------------------------------------------------------------- */
.nav-tabs .nav-link{border-radius:10px!important;font-weight:700;color:var(--falcon-muted)}
.nav-tabs .nav-link.active{background:var(--falcon-navy)!important;color:#fff!important}
.sub-title4{color:var(--falcon-navy)}

.tabs--time-line .nav-link{
  position:relative;font-weight:800;color:var(--falcon-muted);
  padding:10px 10px 10px 0;
  border-inline-start:3px solid var(--falcon-line);
  padding-inline-start:16px;margin-bottom:6px;
  transition:border-color .25s ease, color .25s ease;
}
.tabs--time-line .nav-link.active,
.tabs--time-line .nav-link:hover{
  border-inline-start-color:var(--falcon-gold);color:var(--falcon-navy);
}
.tabs--time-line .nav-link.active::before{
  content:"";position:absolute;inset-inline-start:-7px;top:14px;
  width:11px;height:11px;border-radius:50%;
  background:var(--falcon-gold);box-shadow:0 0 0 4px rgba(201,147,46,.2);
}
.tabs--time-line-thumb{border-radius:18px;overflow:hidden;box-shadow:var(--falcon-card-shadow)}
.tabs--time-line-thumb img{width:100%;height:auto;display:block}
.tabs--time-line-title{color:var(--falcon-navy);font-weight:800;position:relative;padding-inline-start:18px}
.tabs--time-line-title::before{
  content:"";position:absolute;inset-inline-start:0;top:6px;bottom:6px;width:4px;border-radius:4px;
  background:linear-gradient(180deg, var(--falcon-gold), var(--falcon-gold-light));
}

.crumina-faqs-block .card,.crumina-faqs-block{border-radius:12px}

.crumina-testimonial-item{background:#fff;border-radius:16px;padding:26px;box-shadow:var(--falcon-card-shadow)}
.testimonial--with-border{border:1px solid var(--falcon-line)}
.testimonial-text{color:var(--falcon-muted);font-style:normal}

.crumina-teammember-item{
  background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--falcon-card-shadow);
  transition:transform .3s ease, box-shadow .3s ease;
}
.crumina-teammember-item:hover{transform:translateY(-8px);box-shadow:var(--falcon-card-shadow-hover)}

.crumina-promo-block{padding:60px 40px;position:relative}
.crumina-promo-block.bg-accent-primary{background:linear-gradient(135deg, var(--falcon-navy), var(--falcon-navy-soft))!important}
.crumina-promo-block.bg-yellow-themes{background:linear-gradient(135deg, var(--falcon-gold), var(--falcon-gold-light))!important}
.crumina-promo-block h5{font-weight:800}
.crumina-promo-block.bg-yellow-themes h5,
.crumina-promo-block.bg-yellow-themes p{color:var(--falcon-navy)!important}

.crumina-breadcrumbs .breadcrumbs-item{color:var(--falcon-muted)}
.crumina-breadcrumbs .breadcrumbs-item a{color:var(--falcon-navy)}

.pagination-bottom-center .page-link,.pagination .page-link{
  border-radius:8px!important;margin:0 3px;color:var(--falcon-navy);border-color:var(--falcon-line);
}
.pagination .page-item.active .page-link{background:var(--falcon-navy)!important;border-color:var(--falcon-navy)!important}

/* -------------------------------------------------------------------------
   9) الفوتر — تصميم موحّد ومميز في جميع الصفحات
   ------------------------------------------------------------------------- */
#site-footer.footer--dark{
  background:linear-gradient(180deg, var(--falcon-navy), var(--falcon-navy-deep))!important;
  position:relative;
}
#site-footer.footer--dark::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg, transparent, var(--falcon-gold), var(--falcon-teal), var(--falcon-gold), transparent);
}
#site-footer .footer-content{padding-top:56px;padding-bottom:36px}
#site-footer .widget-title3{
  display:inline-block;
  background-color:rgba(201,147,46,.14)!important;
  border-bottom:none!important;
  color:var(--falcon-gold-light)!important;
  border-radius:8px;font-weight:800;padding:7px 16px!important;
}
#site-footer .widget-title3::before{content:"◆ ";color:var(--falcon-teal);font-size:11px}
#site-footer .widget_links ul li a{
  color:var(--footer-link-color)!important;border-bottom:1px dashed rgba(255,255,255,.08)!important;
  transition:color .2s ease, padding-right .2s ease;
}
#site-footer .widget_links ul li a:hover{color:var(--falcon-gold-light)!important;padding-right:18px}
#site-footer .w-info p{color:var(--footer-text-color)}
#site-footer .socials img{filter:grayscale(1) brightness(1.6);transition:filter .2s ease, transform .2s ease}
#site-footer .socials a:hover img{filter:none;transform:translateY(-3px)}
.sub-footer.bg-black{background:var(--falcon-navy-deep)!important;border-top:1px solid rgba(255,255,255,.06)}
.sub-footer .copyright span{color:var(--footer-text-color)}

/* -------------------------------------------------------------------------
   10) زر واتساب العائم
   ------------------------------------------------------------------------- */
.falcon-whatsapp-float{
  position:fixed;bottom:26px;right:22px;z-index:2147483000;
  display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;
  background:linear-gradient(135deg,#25D366,#128C7E);
  box-shadow:0 10px 26px -6px rgba(18,140,126,.65), 0 2px 8px rgba(0,0,0,.25);
  text-decoration:none;
  animation:falcon-wa-in .5s ease both, falcon-wa-pulse 2.6s ease-in-out 1.2s infinite;
}
.falcon-whatsapp-float:hover{transform:scale(1.08);box-shadow:0 14px 32px -6px rgba(18,140,126,.8)}
.falcon-whatsapp-float svg{width:30px;height:30px;fill:#fff}
.falcon-whatsapp-float .falcon-wa-tooltip{
  position:absolute;right:72px;background:var(--falcon-navy);color:#fff;padding:8px 14px;border-radius:8px;
  font-size:13px;font-weight:700;white-space:nowrap;opacity:0;transform:translateX(6px);
  transition:opacity .2s ease, transform .2s ease;pointer-events:none;box-shadow:0 8px 18px rgba(0,0,0,.2);
}
.falcon-whatsapp-float:hover .falcon-wa-tooltip{opacity:1;transform:translateX(0)}
@keyframes falcon-wa-in{from{opacity:0;transform:translateY(16px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes falcon-wa-pulse{
  0%,100%{box-shadow:0 10px 26px -6px rgba(18,140,126,.65), 0 0 0 0 rgba(37,211,102,.5)}
  50%{box-shadow:0 10px 26px -6px rgba(18,140,126,.65), 0 0 0 12px rgba(37,211,102,0)}
}
@media (max-width:576px){
  .falcon-whatsapp-float{width:54px;height:54px;bottom:16px;right:14px}
  .falcon-whatsapp-float svg{width:26px;height:26px}
  .falcon-wa-tooltip{display:none}
}

/* -------------------------------------------------------------------------
   11) زر العودة لأعلى
   ------------------------------------------------------------------------- */
.falcon-back-to-top{
  position:fixed;bottom:26px;left:22px;z-index:2147482900;
  width:46px;height:46px;border-radius:50%;
  background:rgba(11,27,43,.85);border:1px solid rgba(255,255,255,.15);
  color:#fff;display:flex;align-items:center;justify-content:center;
  cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .25s ease, transform .25s ease, visibility .25s ease, background-color .2s ease;
}
.falcon-back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.falcon-back-to-top:hover{background:var(--falcon-gold);color:var(--falcon-navy)}
.falcon-back-to-top svg{width:20px;height:20px}
@media (max-width:576px){.falcon-back-to-top{width:40px;height:40px;bottom:16px;left:14px}}

/* -------------------------------------------------------------------------
   12) بطاقات تواصل صفحة "اتصل بنا"
   ------------------------------------------------------------------------- */
.falcon-contact-methods{margin-top:-70px;position:relative;z-index:2}
.falcon-contact-card{
  background:#fff;border-radius:18px;padding:30px 24px;text-align:center;height:100%;
  box-shadow:var(--falcon-card-shadow);border-bottom:4px solid transparent;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.falcon-contact-card:hover{transform:translateY(-8px);box-shadow:var(--falcon-card-shadow-hover);border-bottom-color:var(--falcon-gold)}
.falcon-contact-icon{
  width:64px;height:64px;border-radius:50%;margin:0 auto 16px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, rgba(201,147,46,.14), rgba(23,166,160,.12));
}
.falcon-contact-icon svg{width:28px;height:28px}
.falcon-contact-card h4{font-size:18px;font-weight:800;margin-bottom:8px;color:var(--falcon-navy)}
.falcon-contact-card p{color:var(--falcon-muted);margin-bottom:14px;font-size:14px}
.falcon-contact-card a.falcon-contact-link{
  display:inline-block;font-weight:800;color:#fff;background:var(--falcon-navy);
  padding:9px 20px;border-radius:8px;font-size:14px;transition:background-color .2s ease, transform .2s ease;
}
.falcon-contact-card a.falcon-contact-link:hover{background:var(--falcon-gold);color:var(--falcon-navy);transform:translateY(-2px)}
.falcon-contact-card.is-whatsapp a.falcon-contact-link{background:#128C7E}
.falcon-contact-card.is-whatsapp a.falcon-contact-link:hover{background:#25D366;color:#fff}
.falcon-contact-card.is-telegram a.falcon-contact-link{background:#229ED9}
.falcon-contact-card.is-telegram a.falcon-contact-link:hover{background:#42b0e6;color:#fff}

/* -------------------------------------------------------------------------
   13) الحركات عند الظهور أثناء التمرير (site-enhance.js)
   ------------------------------------------------------------------------- */
.falcon-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease}
.falcon-reveal.is-visible{opacity:1;transform:translateY(0)}
.falcon-reveal-left{opacity:0;transform:translateX(24px);transition:opacity .6s ease, transform .6s ease}
[dir="rtl"] .falcon-reveal-left{transform:translateX(-24px)}
.falcon-reveal-left.is-visible{opacity:1;transform:translateX(0)}

/* -------------------------------------------------------------------------
   14) استجابة الشاشات
   ------------------------------------------------------------------------- */
@media (max-width:991px){
  .slider-content-title{font-size:32px!important}
  h1.page-title{font-size:30px!important}
  .falcon-contact-methods{margin-top:-40px}
}
@media (max-width:767px){
  .crumina-pricing-modern{border-radius:14px}
  .crumina-pricing-modern table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .slider-content-title{font-size:26px!important}
  .slider-content-text{font-size:15px!important}
  .falcon-contact-methods{margin-top:0}
  .tabs--time-line .nav-link{border-inline-start-width:2px}
}
@media (max-width:575px){
  h1.page-title{font-size:24px!important}
}