/*
 * استديو أوكتاف – قالب المدونة 5.7.1
 */

/* حذف سيكشن الحجز كاملًا داخل المدونة والمقالات فقط */
html body.uebt-archive-active .uebt-booking-section-removed,
html body.uebt-single-active .uebt-booking-section-removed{
  display:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* تنظيف المساحات المحيطة بقالب المدونة والمقال */
html body.uebt-archive-active #content,
html body.uebt-single-active #content,
html body.uebt-archive-active .site-content,
html body.uebt-single-active .site-content,
html body.uebt-archive-active #primary,
html body.uebt-single-active #primary,
html body.uebt-archive-active .site-main,
html body.uebt-single-active .site-main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

/* هيرو المدونة */
html body.uebt-archive-active main.uebt-archive-page{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

html body.uebt-archive-active .uebt-archive-hero{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100vw!important;
  max-width:100vw!important;
  min-height:330px!important;
  margin:-1px calc(50% - 50vw) 0!important;
  padding:70px 22px!important;
  overflow:hidden!important;
  color:#fff!important;
  text-align:center!important;
  background:linear-gradient(
    135deg,
    #080808 0%,
    #0a0a0a 55%,
    #0b0b0b 100%
  )!important;
  transform:none!important;
  isolation:isolate!important;
}

html body.uebt-archive-active .uebt-archive-hero > .uebt-shell,
html body.uebt-archive-active .uebt-archive-hero__content{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  max-width:900px!important;
  margin:0 auto!important;
  padding:0!important;
}

html body.uebt-archive-active .uebt-archive-hero h1{
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:48px!important;
  font-weight:900!important;
  line-height:1.4!important;
}

html body.uebt-archive-active .uebt-archive-hero__line{
  display:block!important;
  width:90px!important;
  height:4px!important;
  margin:20px auto!important;
  border-radius:99px!important;
  background:#f2c700!important;
}

html body.uebt-archive-active .uebt-description{
  max-width:820px!important;
  margin:0 auto!important;
  color:#f8f8f8!important;
  font-size:18px!important;
  line-height:2!important;
}

/* صفحة المقال والصورة البارزة */
html body.uebt-single-active main.uebt-single-page,
html body.uebt-single-active .uebt-single-shell{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}

html body.uebt-single-active .uebt-breadcrumb,
html body.uebt-single-active .uebt-breadcrumb-empty{
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}

html body.uebt-single-active .uebt-single-card,
html body.uebt-single-active .uebt-single-featured,
html body.uebt-single-active .uebt-single-featured img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border-top:0!important;
  border-radius:0!important;
}

/* حذف تاريخ النشر */
html body.uebt-archive-active .uebt-date,
html body.uebt-single-active .uebt-date,
html body.uebt-single-active .uebt-meta,
html body.uebt-single-active .uebt-related-card time,
html body.uebt-archive-active .entry-date,
html body.uebt-single-active .entry-date,
html body.uebt-archive-active .posted-on,
html body.uebt-single-active .posted-on,
html body.uebt-archive-active .post-date,
html body.uebt-single-active .post-date,
html body.uebt-archive-active .published,
html body.uebt-single-active .published{
  display:none!important;
}

@media screen and (max-width:767px){

  html body.uebt-archive-active .uebt-archive-hero{
    min-height:285px!important;
    padding:
      50px
      max(20px,env(safe-area-inset-right))
      54px
      max(20px,env(safe-area-inset-left))!important;
  }

  html body.uebt-archive-active .uebt-archive-hero h1{
    font-size:34px!important;
  }

  html body.uebt-archive-active .uebt-archive-hero__line{
    width:76px!important;
    margin:16px auto 20px!important;
  }

  html body.uebt-archive-active .uebt-description{
    font-size:15px!important;
    line-height:1.95!important;
  }

  html body.uebt-single-active .uebt-single-featured img{
    min-height:220px!important;
    max-height:390px!important;
    object-fit:cover!important;
  }
}


/* =====================================================
   الإصدار 5.3: حذف كتلة الحجز داخل قالب الفوتر العام
===================================================== */

html body.uebt-archive-active .uebt-global-booking-hidden,
html body.uebt-single-active .uebt-global-booking-hidden{
  display:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}


/* =====================================================
   الإصدار 5.4: نسخة الموبايل من الحجز والصورة البارزة
===================================================== */

/* تأكيد إخفاء كل نسخ الحجز على الديسكتوب والموبايل */
html body.uebt-archive-active .uebt-global-booking-hidden,
html body.uebt-single-active .uebt-global-booking-hidden,
html body.uebt-archive-active .uebt-global-booking-hidden[hidden],
html body.uebt-single-active .uebt-global-booking-hidden[hidden]{
  display:none!important;
  position:absolute!important;
  left:-99999px!important;
  top:-99999px!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/*
 * إعادة شكل الصورة البارزة السابق:
 * بدون فراغ أعلى المقال، لكن بحواف دائرية ناعمة.
 */
html body.uebt-single-active .uebt-single-shell{
  width:min(calc(100% - 40px),1450px)!important;
  max-width:1450px!important;
  margin:0 auto!important;
  padding:0!important;
}

html body.uebt-single-active .uebt-single-card{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  overflow:hidden!important;
  border-radius:28px!important;
}

html body.uebt-single-active .uebt-single-featured{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:28px 28px 0 0!important;
}

html body.uebt-single-active .uebt-single-featured img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border-radius:28px 28px 0 0!important;
  object-fit:cover!important;
}

/* تأكيد عدم عودة المسافة أعلى الصورة */
html body.uebt-single-active main.uebt-single-page,
html body.uebt-single-active .uebt-single-shell,
html body.uebt-single-active .uebt-single-card,
html body.uebt-single-active .uebt-single-featured{
  margin-top:0!important;
  padding-top:0!important;
}

@media screen and (max-width:767px){

  html body.uebt-archive-active .uebt-global-booking-hidden,
  html body.uebt-single-active .uebt-global-booking-hidden,
  html body.uebt-archive-active .uebt-global-booking-hidden[hidden],
  html body.uebt-single-active .uebt-global-booking-hidden[hidden]{
    display:none!important;
    position:absolute!important;
    left:-99999px!important;
    top:-99999px!important;
    width:0!important;
    height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  html body.uebt-single-active .uebt-single-shell{
    width:calc(100% - 18px)!important;
    max-width:none!important;
    margin:0 auto!important;
  }

  html body.uebt-single-active .uebt-single-card{
    border-radius:19px!important;
  }

  html body.uebt-single-active .uebt-single-featured,
  html body.uebt-single-active .uebt-single-featured img{
    border-radius:19px 19px 0 0!important;
  }
}


/* =====================================================
   الإصدار 5.5: حذف نسخة الموبايل بصورة مستقلة
===================================================== */

html body.uebt-archive-active .uebt-mobile-booking-removed,
html body.uebt-single-active .uebt-mobile-booking-removed{
  display:none!important;
  position:absolute!important;
  left:-99999px!important;
  top:-99999px!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* الصورة البارزة بحواف ناعمة كما كانت */
html body.uebt-single-active .uebt-single-card{
  overflow:hidden!important;
  border-radius:28px!important;
}

html body.uebt-single-active .uebt-single-featured,
html body.uebt-single-active .uebt-single-featured img{
  overflow:hidden!important;
  border-radius:28px 28px 0 0!important;
}

@media screen and (max-width:767px){

  html body.uebt-archive-active .uebt-mobile-booking-removed,
  html body.uebt-single-active .uebt-mobile-booking-removed{
    display:none!important;
    position:absolute!important;
    left:-99999px!important;
    top:-99999px!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
  }

  html body.uebt-single-active .uebt-single-card{
    border-radius:19px!important;
  }

  html body.uebt-single-active .uebt-single-featured,
  html body.uebt-single-active .uebt-single-featured img{
    border-radius:19px 19px 0 0!important;
  }
}


/* =====================================================
   الإصدار 5.6: تأكيد شكل الصورة البارزة
===================================================== */

html body.uebt-single-active .uebt-single-shell{
  width:min(calc(100% - 40px),1450px)!important;
  max-width:1450px!important;
  margin:0 auto!important;
  padding-top:0!important;
}

html body.uebt-single-active .uebt-single-card{
  margin-top:0!important;
  overflow:hidden!important;
  border-radius:28px!important;
}

html body.uebt-single-active .uebt-single-featured,
html body.uebt-single-active .uebt-single-featured img{
  margin-top:0!important;
  overflow:hidden!important;
  border-radius:28px 28px 0 0!important;
}

@media screen and (max-width:767px){
  html body.uebt-single-active .uebt-single-shell{
    width:calc(100% - 18px)!important;
    max-width:none!important;
    margin:0 auto!important;
  }

  html body.uebt-single-active .uebt-single-card{
    border-radius:19px!important;
  }

  html body.uebt-single-active .uebt-single-featured,
  html body.uebt-single-active .uebt-single-featured img{
    border-radius:19px 19px 0 0!important;
  }
}


/* =====================================================
   الإصدار 5.7: الصورة البارزة بنفس مقاس صورة الكارت
===================================================== */

/*
 * صور كروت المدونة تستخدم نسبة 16:9.
 * تطبيق النسبة نفسها داخل المقال يمنع قص جوانب الصورة أو اللوجو.
 */
html body.uebt-single-active .uebt-single-featured{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16 / 9!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f2f2f2!important;
  border-radius:28px 28px 0 0!important;
}

html body.uebt-single-active .uebt-single-featured picture{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}

html body.uebt-single-active .uebt-single-featured img,
html body.uebt-single-active .uebt-single-featured picture img,
html body.uebt-single-active .uebt-single-featured .wp-post-image{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:28px 28px 0 0!important;
  transform:none!important;
}

@media screen and (max-width:767px){

  html body.uebt-single-active .uebt-single-featured{
    width:100%!important;
    aspect-ratio:16 / 9!important;
    min-height:0!important;
    max-height:none!important;
    border-radius:19px 19px 0 0!important;
  }

  html body.uebt-single-active .uebt-single-featured img,
  html body.uebt-single-active .uebt-single-featured picture img,
  html body.uebt-single-active .uebt-single-featured .wp-post-image{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:19px 19px 0 0!important;
  }
}


/* =========================================================
   هيدر مدونة استديو أوكتاف – 5.7.1
========================================================= */
html body.uebt-archive-active .uebt-octave-blog-kicker{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  margin:0 auto 12px!important;
  color:#f5c800!important;
}
html body.uebt-archive-active .uebt-octave-blog-kicker span{
  display:block!important;
  width:34px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,#f5c800)!important;
}
html body.uebt-archive-active .uebt-octave-blog-kicker span:last-child{
  background:linear-gradient(90deg,#f5c800,transparent)!important;
}
html body.uebt-archive-active .uebt-octave-blog-kicker small{
  color:#f5c800!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:2.6px!important;
  direction:ltr!important;
}
html body.uebt-archive-active .uebt-archive-hero{
  background:
    radial-gradient(circle at 12% 15%,rgba(245,200,0,.16),transparent 27%),
    radial-gradient(circle at 88% 82%,rgba(245,200,0,.10),transparent 26%),
    linear-gradient(135deg,#050505 0%,#0a0a0a 55%,#101010 100%)!important;
}
html body.uebt-archive-active .uebt-archive-hero h1{
  letter-spacing:-.6px!important;
}
html body.uebt-archive-active .uebt-description{
  max-width:740px!important;
  color:rgba(255,255,255,.78)!important;
}
@media screen and (max-width:767px){
  html body.uebt-archive-active .uebt-octave-blog-kicker{
    gap:8px!important;
    margin-bottom:9px!important;
  }
  html body.uebt-archive-active .uebt-octave-blog-kicker span{
    width:23px!important;
  }
  html body.uebt-archive-active .uebt-octave-blog-kicker small{
    font-size:6px!important;
    letter-spacing:1.8px!important;
  }
}


/* =========================================================
   OCTAVE BLOG — CLEAN RESPONSIVE FIX 6.1.0
   مهم:
   - الديسكتوب: الهيرو يغطي خلف الهيدر الشفاف.
   - الموبايل: صفحة المدونة Full Width.
   - لا توجد أي قاعدة هنا تستهدف .oct-nav أو .oct-header أو زر القائمة.
========================================================= */


/* =========================================================
   DESKTOP ONLY
========================================================= */
@media screen and (min-width:1051px){

  html body.uebt-archive-active .uebt-archive-hero{
    --uebt-desktop-pull:0px;

    /*
     * الخلفية تتحرك لأعلى فقط بقدر الفراغ الحقيقي.
     */
    margin-top:
      calc(-1 * var(--uebt-desktop-pull))!important;

    /*
     * نعوض نفس المسافة داخل الهيرو حتى لا يصعد النص داخل القائمة.
     */
    padding-top:
      calc(145px + var(--uebt-desktop-pull))!important;

    padding-bottom:125px!important;

    min-height:
      calc(535px + var(--uebt-desktop-pull))!important;

    position:relative!important;
    z-index:0!important;

    overflow:hidden!important;
  }

  html body.uebt-archive-active .uebt-archive-hero > .uebt-shell,
  html body.uebt-archive-active .uebt-archive-hero__content{
    transform:none!important;
  }

  /*
   * هيدر الموقع شفاف أعلى صفحة المدونة،
   * لذلك تظهر خلفية هيدر المدونة تحته.
   */
  html body.uebt-archive-active .oct-header:not(.is-scrolled){
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}


/* =========================================================
   MOBILE + SMALL TABLET
   لا نلمس هيدر الموقع إطلاقًا.
========================================================= */
@media screen and (max-width:640px){

  html,
  html body.uebt-archive-active{
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  /*
   * دي أهم نقطة:
   * صفحة المدونة تخرج من Padding القالب وتأخذ عرض الشاشة الحقيقي.
   * لا نستخدم width:100% لأنها كانت تترك 16px يمين وشمال.
   */
  html body.uebt-archive-active main.uebt-archive-page,
  html body.uebt-archive-active .uebt-page{
    width:100vw!important;
    max-width:100vw!important;

    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    margin-inline:calc(50% - 50vw)!important;

    padding:0!important;

    top:auto!important;
    left:auto!important;
    right:auto!important;

    transform:none!important;

    position:relative!important;
    z-index:0!important;

    overflow:hidden!important;
  }

  /*
   * الخلفية السوداء نفسها من أول الشاشة لآخرها.
   */
  html body.uebt-archive-active .uebt-archive-hero{
    width:100%!important;
    max-width:100%!important;

    margin:0!important;

    padding:92px 0 62px!important;

    min-height:350px!important;

    border-radius:0!important;

    position:relative!important;
    z-index:0!important;

    overflow:hidden!important;
  }

  /*
   * المحتوى الداخلي فقط يأخذ مسافة آمنة،
   * أما الخلفية فتظل Full Width.
   */
  html body.uebt-archive-active .uebt-archive-hero > .uebt-shell{
    width:calc(100% - 28px)!important;
    max-width:none!important;

    margin:0 auto!important;
    padding:0!important;

    transform:none!important;
  }

  html body.uebt-archive-active .uebt-archive-hero__content{
    width:100%!important;
    max-width:100%!important;

    margin:0!important;

    transform:none!important;
  }

  html body.uebt-archive-active .uebt-archive-hero h1{
    font-size:clamp(32px,9.4vw,41px)!important;
    line-height:1.32!important;
  }

  html body.uebt-archive-active .uebt-description{
    max-width:100%!important;

    padding:0 2px!important;

    font-size:12.5px!important;
    line-height:1.9!important;
  }

  /*
   * خلفية قسم المقالات Full Width أيضًا،
   * والكروت فقط لها Margin بسيط.
   */
  html body.uebt-archive-active .uebt-archive-content{
    width:100%!important;
    max-width:100%!important;

    margin:0!important;
    padding:18px 0 48px!important;
  }

  html body.uebt-archive-active .uebt-archive-content > .uebt-shell{
    width:calc(100% - 20px)!important;
    max-width:none!important;

    margin:0 auto!important;
  }

  /*
   * نحترم سلوك هيدر أوكتاف الأصلي عند فتح القائمة.
   */
  html body.uebt-archive-active.oct-menu-open{
    overflow:hidden!important;
  }
}


/* =========================================================
   TABLET 641–1050
   بدون تغيير قائمة الموقع.
========================================================= */
@media screen and (min-width:641px) and (max-width:1050px){

  html body.uebt-archive-active .uebt-archive-hero{
    margin-top:0!important;
    min-height:430px!important;
    padding:116px 0 92px!important;
  }

  html body.uebt-archive-active .uebt-archive-hero > .uebt-shell{
    width:calc(100% - 32px)!important;
  }
}



/* =========================================================
   OCTAVE BLOG — MOBILE NO GAP 6.2.0
   نفس فكرة الديسكتوب:
   هيدر المدونة نفسه يطلع لأعلى ويغطي المساحة خلف هيدر الموقع الشفاف.
   لا نحرك هيدر الموقع ولا قائمة الموبايل.
========================================================= */

@media screen and (max-width:640px){

  html body.uebt-archive-active .uebt-archive-hero{
    --uebt-mobile-pull:0px;

    /*
     * إزالة المسافة البيضاء فوق هيدر المدونة.
     * القيمة يتم قياسها تلقائيًا بالـ JS.
     */
    margin-top:
      calc(-1 * var(--uebt-mobile-pull))!important;

    /*
     * نعوض نفس المسافة داخل الهيدر حتى يظل النص
     * تحت اللوجو وزر القائمة ولا يدخل داخلهم.
     */
    padding-top:
      calc(92px + var(--uebt-mobile-pull))!important;

    padding-bottom:62px!important;

    min-height:
      calc(350px + var(--uebt-mobile-pull))!important;

    width:100vw!important;
    max-width:100vw!important;

    margin-left:0!important;
    margin-right:0!important;

    position:relative!important;
    z-index:0!important;

    overflow:hidden!important;

    border-radius:0!important;
  }

  html body.uebt-archive-active .uebt-archive-hero > .uebt-shell,
  html body.uebt-archive-active .uebt-archive-hero__content{
    transform:none!important;
  }
}


/* Tablet صغير */
@media screen and (min-width:641px) and (max-width:1050px){

  html body.uebt-archive-active .uebt-archive-hero{
    --uebt-mobile-pull:0px;

    margin-top:
      calc(-1 * var(--uebt-mobile-pull))!important;

    padding-top:
      calc(116px + var(--uebt-mobile-pull))!important;

    min-height:
      calc(430px + var(--uebt-mobile-pull))!important;
  }
}



/* =========================================================
   OCTAVE BLOG — MOBILE HERO BEHIND TRANSPARENT HEADER 6.3.0
   الهدف:
   أي مساحة بين أعلى الصفحة وهيدر المدونة تأخذ نفس خلفية الهيرو،
   فيظهر هيدر الموقع الشفاف فوق هيدر المدونة بدون أي شريط أبيض.
   لا نلمس كود القائمة أو عناصر الهيدر.
========================================================= */

@media screen and (max-width:640px){

  /*
   * نخلي خلفية أعلى الصفحة نفس خلفية هيدر المدونة.
   * الجزء السفلي يرجع للون محتوى المدونة بعد أول 520px.
   */
  html body.uebt-archive-active{
    background:
      linear-gradient(
        135deg,
        #080808 0%,
        #0a0a0a 55%,
        #0b0b0b 100%
      )
      top center / 100% 520px
      no-repeat,
      #f7f7f7!important;
  }

  /*
   * الحاويات دي كانت هي اللي بتظهر كشريط أبيض فوق الهيرو.
   * نخليها شفافة فقط على صفحة المدونة وعلى الموبايل.
   */
  html body.uebt-archive-active #page,
  html body.uebt-archive-active .site,
  html body.uebt-archive-active #content,
  html body.uebt-archive-active .site-content,
  html body.uebt-archive-active .site-content > .ast-container,
  html body.uebt-archive-active .ast-container,
  html body.uebt-archive-active #primary,
  html body.uebt-archive-active .content-area,
  html body.uebt-archive-active .site-main,
  html body.uebt-archive-active main.site-main{
    background:transparent!important;
  }

  /*
   * هيدر المدونة نفسه يظل Full Width وبنفس الخلفية،
   * وبالتالي المنطقة خلف اللوجو والهامبرجر امتداد طبيعي له.
   */
  html body.uebt-archive-active .uebt-archive-hero{
    background:
      linear-gradient(
        135deg,
        #080808 0%,
        #0a0a0a 55%,
        #0b0b0b 100%
      )!important;

    border-top:0!important;
    box-shadow:none!important;
  }

  /*
   * قسم المقالات يرجع لخلفيته الفاتحة الطبيعية
   * حتى لا تتأثر بقية الصفحة بالخلفية الداكنة.
   */
  html body.uebt-archive-active .uebt-archive-content{
    background:
      radial-gradient(
        circle at 5% 15%,
        rgba(245,200,0,.08),
        transparent 22%
      ),
      radial-gradient(
        circle at 95% 85%,
        rgba(245,200,0,.07),
        transparent 24%
      ),
      #f7f7f7!important;
  }

  /*
   * لا يوجد أي تعديل هنا على:
   * .oct-header
   * .oct-nav
   * .oct-menu-button
   * .oct-menu-overlay
   * علشان قائمة الموبايل تفضل شغالة بكودها الأصلي.
   */
}



/* =========================================================
   OCTAVE BLOG — NO DESKTOP FLASH 6.4.0
   إزالة رعشة الديسكتوب نهائيًا:
   - لا يعتمد الديسكتوب على JavaScript في تحريك الهيرو.
   - هيدر الموقع ارتفاعه 96px على الديسكتوب.
   - نستخدم القيمة من أول Paint مباشرة.
========================================================= */

@media screen and (min-width:1051px){

  html body.uebt-archive-active .uebt-archive-hero{
    /*
     * قيمة ثابتة تُطبق فور تحميل CSS،
     * لذلك لا يوجد فراغ يظهر ثم يختفي.
     */
    --uebt-desktop-pull:96px!important;

    margin-top:-96px!important;

    /*
     * نعوض الـ 96px داخل الهيرو حتى يظل النص
     * في نفس مكانه المظبوط تحت قائمة الموقع.
     */
    padding-top:241px!important;

    min-height:631px!important;
  }

  /*
   * لو المستخدم مسجل دخول في ووردبريس:
   * شريط الإدارة نفسه له مساحته المستقلة،
   * ولا نحتاج أي JS لإعادة القياس.
   */
  html body.admin-bar.uebt-archive-active .uebt-archive-hero{
    margin-top:-96px!important;
  }
}