.elementor-kit-6{--e-global-color-primary:#ED6C23;--e-global-color-secondary:#442717;--e-global-color-text:#363636;--e-global-color-accent:#405830;--e-global-color-0808edc:#E9E9E9;--e-global-color-f096431:#55773E;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#F3F3F3;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* فيديو عمودي ستايل DJI: عرض متدرّج + نسبة 9:16 + بدون قص */
.dji-vid .elementor-wrapper{
  position: relative;
  /* عرض متدرّج: بصرياً قريب جداً من DJI على كل الشاشات */
  width: clamp(280px, 32vw, 560px);
  margin-left: auto;          /* يلزّق يمين العمود */
  margin-right: 0;
  border-radius: 18px;         /* زوايا ناعمة مثل DJI */
  overflow: hidden;            /* ضروري مع الـ border-radius */
  background: #000;            /* سواد جانبي بدل القص */
}

/* عنصر وهمي يثبت نسبة 9:16 */
.dji-vid .elementor-wrapper::before{
  content: "";
  display: block;
  padding-top: 177.78%;        /* 9:16 */
}

/* الفيديو/الإطار يملأ الحاوية تماماً بدون قص */
.dji-vid .elementor-wrapper iframe,
.dji-vid .elementor-wrapper video{
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;  /* بيعرض الفيديو كامل بدون قص */
}

/* تحسينات بسيطة للمظهر */
@media (max-width: 1024px){
  .dji-vid .elementor-wrapper{ width: clamp(260px, 40vw, 480px); }
}
@media (max-width: 768px){
  .dji-vid .elementor-wrapper{ width: 100%; border-radius: 12px; }
}



/* ===== Day ↔ Night Section (Stable V7) ===== */

/* السكشن الطويل للسكرول */
.daynight-section{
  position: relative;
  min-height: 420vh;          /* ابطأ قراءة */
  overflow: visible !important;
  --p: 0;                     /* يتحدّث بالـJS على السكشن نفسه */
}

/* الفيو بورت المثبّت */
.daynight-section .dn-viewport{
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;           /* القص فقط هنا */
  isolation: isolate;
  position: -webkit-sticky;   /* دعم سفاري */
}

/* الصور مكدّسة فوق بعض */
.daynight-section .dn-img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  transition: opacity .35s linear;
}

/* مزج نهار ← ليل */
.daynight-section .dn-day{
  opacity: calc(1 - var(--p));
  object-position: 50% 70%;
}
.daynight-section .dn-night{
  opacity: var(--p);
  object-position: 50% 80%;
}

/* العناوين: إعدادات عامة */
.daynight-section .dn-tagline{
  position: absolute;
  left: 50%;
  width: min(92%, 980px);
  margin: 0 !important;
  z-index: 5;
  pointer-events: none;
  opacity: 0;                 /* بتظهر حسب النوافذ */
  text-align: center;
  transform: translateX(-50%);
  line-height: 1.25 !important;
  white-space: normal !important;
}
.daynight-section .dn-tagline .elementor-heading-title{
  color: #fff;
  font-size: clamp(20px, 3vw, 42px);
  line-height: 1.25 !important;
  text-shadow: 0 2px 20px rgba(0,0,0,.6);
}

/* الجملة 1 — تظهر مع بداية الليل وتبقى */
.daynight-section .dn-tagline--1{
top: 50%;
transform: translate(-50%, calc(124% + 16px * (1 - clamp(0, (var(--p) - 0.40) / 0.15, 1))));
opacity: clamp(0, (var(--p) - 0.87) / 0.15, 1);

}

/* الجملة 2 — تحت الأولى بمسافة صغيرة (Option C) */
.daynight-section .dn-tagline--2{
  top: 50%;
  transform: translate(-50%, calc(-42% + 16px * (1 - clamp(0, (var(--p) - 0.70) / 0.18, 1))));
  opacity: calc(
    clamp(0, (var(--p) - 0.70) / 0.18, 1) *
    clamp(0, (1.02 - var(--p)) / 0.14, 1)
  );
}

/* موبايل: تبسيط */
@media (max-width: 767px){
  .daynight-section{ --p: 1; }
  .daynight-section .dn-viewport{ position: relative; height: 100vh; }
  .daynight-section .dn-tagline{
    opacity: 1; transform: translate(-50%, -50%);
  }
}/* End custom CSS */