/*
 * استديو أوكتاف – قالب المدونة 7.2.26
 * إصلاح نهائي لعرض المقال + CTA إلزامي + مسافة الصورة البارزة.
 */

:root{
  --uebt-v72-page-gutter:20px;
  --uebt-v72-mobile-gutter:6px;
}

/* =========================================================
   1) كسر أي حاويات ضيقة من القالب أو Elementor
========================================================= */
html body.uebt-single-active,
html body.uebt-single-active #page,
html body.uebt-single-active .site,
html body.uebt-single-active #content,
html body.uebt-single-active .site-content,
html body.uebt-single-active #primary,
html body.uebt-single-active .content-area,
html body.uebt-single-active .site-main{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

html body.uebt-single-active main.uebt-single-page{
  position:relative!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:0 0 74px!important;
  overflow:visible!important;
}

/* المقال بعرض الصفحة فعليًا مع هامش بسيط فقط من الجانبين */
html body.uebt-single-active main.uebt-single-page > .uebt-single-shell{
  position:relative!important;
  width:calc(100vw - (var(--uebt-v72-page-gutter) * 2))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:42px 0 0!important;
  box-sizing:border-box!important;
}

html body.uebt-single-active .uebt-single-card,
html body.uebt-single-active .uebt-single-header,
html body.uebt-single-active .uebt-content,
html body.uebt-single-active .uebt-single-footer,
html body.uebt-single-active .uebt-post-nav,
html body.uebt-single-active .uebt-related,
html body.uebt-single-active .comments-area,
html body.uebt-single-active #comments{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

/* منع أي max-width قادم من Gutenberg أو القالب من تضييق نص المقال */
html body.uebt-single-active .uebt-content > p,
html body.uebt-single-active .uebt-content > h1,
html body.uebt-single-active .uebt-content > h2,
html body.uebt-single-active .uebt-content > h3,
html body.uebt-single-active .uebt-content > h4,
html body.uebt-single-active .uebt-content > h5,
html body.uebt-single-active .uebt-content > h6,
html body.uebt-single-active .uebt-content > ul,
html body.uebt-single-active .uebt-content > ol,
html body.uebt-single-active .uebt-content > blockquote,
html body.uebt-single-active .uebt-content > figure,
html body.uebt-single-active .uebt-content > table,
html body.uebt-single-active .uebt-content > .wp-block-table,
html body.uebt-single-active .uebt-content > .wp-block-group,
html body.uebt-single-active .uebt-content > .wp-block-columns,
html body.uebt-single-active .uebt-content > .wp-block-media-text,
html body.uebt-single-active .uebt-content > .alignwide,
html body.uebt-single-active .uebt-content > .alignfull{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

html body.uebt-single-active .uebt-content{
  padding:48px clamp(24px,2.6vw,50px) 44px!important;
}

/* =========================================================
   2) إنزال الصورة البارزة قليلًا تحت الهيدر
========================================================= */
html body.uebt-single-active .uebt-single-featured{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  aspect-ratio:16/9!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;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* =========================================================
   3) CTA إلزامي في نهاية المقال
========================================================= */
html body.uebt-single-active .uebt-mandatory-end-cta{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:50px 0 0!important;
  padding:0!important;
  clear:both!important;
}

html body.uebt-single-active .uebt-mandatory-end-cta > .uebt-inline-cta--octave{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

/* لا نسمح لقواعد الصور العامة داخل المقال بالتأثير على أيقونات CTA */
html body.uebt-single-active .uebt-mandatory-end-cta svg,
html body.uebt-single-active .uebt-inline-cta--octave svg{
  box-shadow:none!important;
  border-radius:0!important;
  margin:0!important;
}

/* =========================================================
   4) الموبايل
========================================================= */
@media screen and (max-width:767px){
  html body.uebt-single-active main.uebt-single-page{
    padding:0 0 48px!important;
  }

  html body.uebt-single-active main.uebt-single-page > .uebt-single-shell{
    width:calc(100vw - (var(--uebt-v72-mobile-gutter) * 2))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-top:20px!important;
  }

  html body.uebt-single-active .uebt-content{
    width:100%!important;
    max-width:none!important;
    padding:30px 14px 30px!important;
  }

  html body.uebt-single-active .uebt-single-header{
    width:100%!important;
    max-width:none!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }

  html body.uebt-single-active .uebt-single-footer{
    width:100%!important;
    max-width:none!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }

  html body.uebt-single-active .uebt-mandatory-end-cta{
    margin-top:34px!important;
  }
}

@media screen and (min-width:768px) and (max-width:1100px){
  html body.uebt-single-active main.uebt-single-page > .uebt-single-shell{
    width:calc(100vw - 28px)!important;
    padding-top:30px!important;
  }
}

/* العنوان نفسه لا يظل محصورًا بعرض قديم */
html body.uebt-single-active .uebt-single-header h1{
  width:100%!important;
  max-width:none!important;
}


/* =========================================================
   5) إخفاء سطر OCTAVE STUDIO وتقوية زر معرض الأعمال
========================================================= */
html body.uebt-single-active .uebt-inline-cta--octave .uebt-inline-cta__eyebrow{
  display:none!important;
}

html body.uebt-single-active .uebt-inline-cta--octave .uebt-inline-cta__copy{
  margin-bottom:22px!important;
}

html body.uebt-single-active .uebt-inline-cta--octave a.uebt-inline-cta__button--portfolio{
  background:linear-gradient(135deg,#f5c800 0%,#ffd94d 100%)!important;
  border-color:#d3aa00!important;
  color:#151515!important;
  box-shadow:0 14px 30px rgba(245,200,0,.28)!important;
}

html body.uebt-single-active .uebt-inline-cta--octave a.uebt-inline-cta__button--portfolio:hover,
html body.uebt-single-active .uebt-inline-cta--octave a.uebt-inline-cta__button--portfolio:focus-visible{
  box-shadow:0 18px 34px rgba(245,200,0,.34)!important;
  filter:saturate(1.05)!important;
}

html body.uebt-single-active .uebt-inline-cta--octave .uebt-inline-cta__button--portfolio .uebt-inline-cta__button-label,
html body.uebt-single-active .uebt-inline-cta--octave .uebt-inline-cta__button--portfolio .uebt-inline-cta__icon{
  color:#151515!important;
  stroke:#151515!important;
}


/* =========================================================
   6) إنزال الصورة البارزة أسفل الهيدر بوضوح – 7.2.26
========================================================= */
html body.uebt-single-active main.uebt-single-page > .uebt-single-shell{
  padding-top:92px!important;
}

@media screen and (max-width:767px){
  html body.uebt-single-active main.uebt-single-page > .uebt-single-shell{
    padding-top:60px!important;
  }
}

@media screen and (min-width:768px) and (max-width:1100px){
  html body.uebt-single-active main.uebt-single-page > .uebt-single-shell{
    padding-top:74px!important;
  }
}


/* =========================================================
   6) تحسين هيدر المدونة والمظهر الخارجي على الموبايل – 7.2.26
========================================================= */
@media screen and (max-width:640px){
  html body.uebt-archive-active main.uebt-archive-page{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    overflow:hidden!important;
  }

  html body.uebt-archive-active .uebt-archive-hero{
    padding-top:132px!important;
    padding-bottom:74px!important;
    min-height:390px!important;
  }

  html body.admin-bar.uebt-archive-active .uebt-archive-hero{
    padding-top:148px!important;
    min-height:406px!important;
  }

  html body.uebt-archive-active .uebt-archive-hero > .uebt-shell,
  html body.uebt-archive-active .uebt-archive-hero__content{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  html body.uebt-archive-active .uebt-archive-content{
    width:100%!important;
    max-width:100%!important;
    padding:18px 0 44px!important;
    overflow:hidden!important;
  }

  html body.uebt-archive-active .uebt-archive-content > .uebt-shell{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  html body.uebt-archive-active .uebt-archive-content .uebt-grid{
    gap:18px!important;
  }

  html body.uebt-archive-active .uebt-archive-content article.uebt-card{
    border-radius:26px!important;
    overflow:hidden!important;
  }

  html body.uebt-archive-active .uebt-archive-content .uebt-card-body{
    padding:18px 18px 22px!important;
  }
}


/* =========================================================
   7) موبايل 7.2.26 — إنزال الصورة + هيرو مطابق للديسكتوب
========================================================= */
@media screen and (max-width:767px){
  /* إنزال بداية الصورة البارزة داخل المقال قليلًا أكثر تحت الهيدر */
  html body.uebt-single-active main.uebt-single-page > .uebt-single-shell{
    padding-top:82px!important;
  }
}

@media screen and (max-width:640px){
  /* نفس روح وخلفية هيرو الديسكتوب بدل الأسود السادة */
  html body.uebt-archive-active .uebt-archive-hero{
    background:
      radial-gradient(circle at 12% 12%,rgba(245,200,0,.24),transparent 26%),
      radial-gradient(circle at 88% 86%,rgba(245,200,0,.34),transparent 28%),
      linear-gradient(135deg,#050505 0%,#0a0a0a 52%,#171717 100%)!important;
    background-color:#080808!important;
  }

  /* نخلي أعلى الصفحة امتداد طبيعي لنفس الهيرو خلف الهيدر */
  html body.uebt-archive-active{
    background:
      radial-gradient(circle at 12% 8%,rgba(245,200,0,.20),transparent 24%),
      radial-gradient(circle at 88% 34%,rgba(245,200,0,.22),transparent 26%),
      linear-gradient(135deg,#050505 0%,#0a0a0a 52%,#171717 100%)
      top center / 100% 560px no-repeat,
      #f7f7f7!important;
  }

  html body.uebt-archive-active .uebt-archive-hero::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    z-index:0!important;
    background:
      linear-gradient(115deg,transparent 0%,rgba(245,200,0,.035) 42%,transparent 63%)!important;
  }

  html body.uebt-archive-active .uebt-archive-hero > .uebt-shell{
    position:relative!important;
    z-index:1!important;
  }
}


/* =========================================================
   8) 7.2.26 — عنوان المقال فوق الصورة البارزة وفي المنتصف
========================================================= */
html body.uebt-archive-active .uebt-card-image,\nhtml body.uebt-single-active .uebt-single-featured,\nhtml body.uebt-single-active .uebt-related-image{\n  position:relative!important;\n  isolation:isolate!important;\n}\n\nhtml body.uebt-archive-active .uebt-card-image::after,\nhtml body.uebt-single-active .uebt-single-featured::after,\nhtml body.uebt-single-active .uebt-related-image::after{\n  content:""!important;\n  position:absolute!important;\n  inset:0!important;\n  z-index:2!important;\n  pointer-events:none!important;\n  background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.34) 48%,rgba(0,0,0,.62) 100%)!important;\n}\n\nhtml body .uebt-featured-title{\n  position:absolute!important;\n  z-index:4!important;\n  top:50%!important;\n  left:50%!important;\n  width:calc(100% - 42px)!important;\n  max-width:1100px!important;\n  margin:0!important;\n  padding:0!important;\n  transform:translate(-50%,-50%)!important;\n  color:#fff!important;\n  font-family:'Alexandria',Arial,sans-serif!important;\n  font-weight:900!important;\n  line-height:1.5!important;\n  text-align:center!important;\n  text-shadow:0 3px 16px rgba(0,0,0,.72)!important;\n  white-space:normal!important;\n  overflow-wrap:anywhere!important;\n  pointer-events:none!important;\n}\n\nhtml body.uebt-archive-active .uebt-featured-title--archive{\n  font-size:clamp(20px,1.75vw,30px)!important;\n}\n\nhtml body.uebt-single-active .uebt-featured-title--single{\n  font-size:clamp(30px,4vw,58px)!important;\n  width:min(calc(100% - 72px),1200px)!important;\n}\n\nhtml body.uebt-single-active .uebt-featured-title--related{\n  font-size:clamp(16px,1.5vw,22px)!important;\n  width:calc(100% - 28px)!important;\n}\n\n/* العنوان أصبح داخل الصورة في كروت المدونة، لذلك نختصر جسم الكارت */\nhtml body.uebt-archive-active .uebt-archive-content .uebt-card-body{\n  min-height:210px!important;\n}\n\n@media screen and (max-width:767px){\n  html body .uebt-featured-title{\n    width:calc(100% - 28px)!important;\n    line-height:1.55!important;\n  }\n\n  html body.uebt-archive-active .uebt-featured-title--archive{\n    font-size:22px!important;\n  }\n\n  html body.uebt-single-active .uebt-featured-title--single{\n    width:calc(100% - 30px)!important;\n    font-size:clamp(24px,7vw,34px)!important;\n  }\n\n  html body.uebt-single-active .uebt-featured-title--related{\n    font-size:18px!important;\n  }\n\n  html body.uebt-archive-active .uebt-archive-content .uebt-card-body{\n    min-height:190px!important;\n    text-align:center!important;\n  }\n\n  html body.uebt-archive-active .uebt-archive-content .uebt-excerpt{\n    text-align:center!important;\n  }\n}\n

/* =========================================================
   9) 7.2.26 — كروت المدونة مثل المرجع مع هوية أوكتاف
   العنوان يبقى فوق الصورة + يبقى موجود أسفلها أيضًا
========================================================= */
html body.uebt-archive-active .uebt-card-image{
  border-radius:22px 22px 0 0!important;
  overflow:hidden!important;
}

html body.uebt-archive-active .uebt-card-image::after{
  background:
    linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.15) 42%,rgba(0,0,0,.82) 100%)!important;
}

/* خط أوكتاف الذهبي أسفل الصورة */
html body.uebt-archive-active .uebt-card-image::before{
  content:""!important;
  position:absolute!important;
  z-index:5!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  height:4px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,#f5c800 0%,#ffe36a 50%,#cda600 100%)!important;
}

/* العنوان فوق الصورة: في المنتصف وباتجاه واضح */
html body.uebt-archive-active .uebt-featured-title--archive{
  top:auto!important;
  bottom:24px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:calc(100% - 34px)!important;
  max-width:none!important;
  padding:0 4px!important;
  color:#fff!important;
  font-size:clamp(19px,1.55vw,27px)!important;
  line-height:1.45!important;
  text-align:center!important;
  text-shadow:0 3px 12px rgba(0,0,0,.9)!important;
}

/* التصنيف بألوان أوكتاف */
html body.uebt-archive-active .uebt-card-image .uebt-category{
  z-index:6!important;
  background:rgba(8,8,8,.82)!important;
  color:#f5c800!important;
  border:1px solid rgba(245,200,0,.62)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(6px)!important;
}

/* إعادة عنوان الكارت الأساسي أسفل الصورة وعدم إخفائه */
html body.uebt-archive-active .uebt-archive-content .uebt-card-body{
  min-height:0!important;
  padding:24px 22px 24px!important;
  text-align:center!important;
}

html body.uebt-archive-active .uebt-archive-content .uebt-card-body h2{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 14px!important;
  padding:0!important;
  text-align:center!important;
}

html body.uebt-archive-active .uebt-archive-content .uebt-card-body h2 a{
  display:block!important;
  color:#111!important;
  text-decoration:none!important;
  font-weight:900!important;
  line-height:1.55!important;
}

html body.uebt-archive-active .uebt-archive-content .uebt-excerpt{
  text-align:center!important;
}

@media screen and (max-width:767px){
  html body.uebt-archive-active .uebt-featured-title--archive{
    bottom:18px!important;
    width:calc(100% - 24px)!important;
    font-size:20px!important;
  }

  html body.uebt-archive-active .uebt-archive-content .uebt-card-body{
    min-height:0!important;
    padding:20px 16px 22px!important;
  }

  html body.uebt-archive-active .uebt-archive-content .uebt-card-body h2{
    margin-bottom:12px!important;
  }
}


/* =========================================================
   10) 7.2.26 — كارت مطابق لمرجع الصورة بهوية أوكتاف
========================================================= */
html body.uebt-archive-active .uebt-archive-content article.uebt-card{
  background:#fff!important;
  border:1px solid rgba(14,14,14,.07)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  box-shadow:0 12px 32px rgba(0,0,0,.08)!important;
}

html body.uebt-archive-active .uebt-card-image{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:1.76/1!important;
  min-height:0!important;
  border-radius:22px 22px 0 0!important;
  overflow:hidden!important;
  background:#111!important;
}

html body.uebt-archive-active .uebt-card-image img,
html body.uebt-archive-active .uebt-card-image picture,
html body.uebt-archive-active .uebt-card-image picture img,
html body.uebt-archive-active .uebt-card-image .wp-post-image{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* طبقة داكنة تبدأ من منتصف الصورة وتصبح قوية خلف العنوان */
html body.uebt-archive-active .uebt-card-image::after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.03) 0%,
    rgba(0,0,0,.05) 38%,
    rgba(0,0,0,.32) 62%,
    rgba(0,0,0,.88) 100%
  )!important;
}

/* شريط أوكتاف أسفل الصورة بنفس فكرة المرجع */
html body.uebt-archive-active .uebt-card-image::before{
  content:""!important;
  position:absolute!important;
  z-index:7!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  height:5px!important;
  pointer-events:none!important;
  background:linear-gradient(
    90deg,
    #f4c400 0%,
    #f4c400 61%,
    #fff 61%,
    #fff 75%,
    #161616 75%,
    #161616 100%
  )!important;
}

/* شارة أوكتاف أعلى الصورة */
html body.uebt-archive-active .uebt-card-brand{
  position:absolute!important;
  z-index:6!important;
  top:14px!important;
  right:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:27px!important;
  margin:0!important;
  padding:5px 11px!important;
  border:1px solid rgba(244,196,0,.82)!important;
  border-radius:999px!important;
  background:rgba(9,9,9,.76)!important;
  color:#f4c400!important;
  font-family:'Alexandria',Arial,sans-serif!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
  backdrop-filter:blur(7px)!important;
  box-shadow:0 5px 15px rgba(0,0,0,.2)!important;
}

/* إخفاء أي تصنيف قديم داخل الصورة حتى يبقى شكلها مطابقًا */
html body.uebt-archive-active .uebt-card-image .uebt-category{
  display:none!important;
}

/* العنوان فوق الصورة — الجزء السفلي ومحاذاة وسط */
html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{
  position:absolute!important;
  z-index:6!important;
  top:auto!important;
  right:20px!important;
  bottom:24px!important;
  left:20px!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  color:#fff!important;
  font-family:'Alexandria',Arial,sans-serif!important;
  font-size:clamp(18px,1.45vw,27px)!important;
  font-weight:900!important;
  line-height:1.42!important;
  text-align:center!important;
  text-shadow:0 3px 12px rgba(0,0,0,.88)!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  pointer-events:none!important;
}

/* العنوان الثاني أسفل الصورة مثل المرجع */
html body.uebt-archive-active .uebt-archive-content .uebt-card-body{
  min-height:0!important;
  padding:27px 22px 24px!important;
  background:#fff!important;
  text-align:center!important;
}

html body.uebt-archive-active .uebt-archive-content .uebt-card-body h2{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 15px!important;
  padding:0!important;
  text-align:center!important;
}

html body.uebt-archive-active .uebt-archive-content .uebt-card-body h2 a{
  display:block!important;
  color:#101010!important;
  font-family:'Alexandria',Arial,sans-serif!important;
  font-size:clamp(18px,1.28vw,24px)!important;
  font-weight:900!important;
  line-height:1.55!important;
  text-align:center!important;
  text-decoration:none!important;
}

@media screen and (max-width:767px){
  html body.uebt-archive-active .uebt-archive-content article.uebt-card{
    border-radius:20px!important;
  }

  html body.uebt-archive-active .uebt-card-image{
    border-radius:20px 20px 0 0!important;
    aspect-ratio:1.55/1!important;
  }

  html body.uebt-archive-active .uebt-card-brand{
    top:12px!important;
    right:12px!important;
    min-height:25px!important;
    padding:5px 10px!important;
    font-size:8px!important;
  }

  html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{
    right:16px!important;
    bottom:21px!important;
    left:16px!important;
    font-size:20px!important;
    line-height:1.48!important;
  }

  html body.uebt-archive-active .uebt-archive-content .uebt-card-body{
    padding:23px 16px 22px!important;
  }

  html body.uebt-archive-active .uebt-archive-content .uebt-card-body h2 a{
    font-size:19px!important;
    line-height:1.6!important;
  }
}


/* =========================================================
   11) 7.2.26 — صورة الكارت والصورة البارزة بهوية أوكتاف المطلوبة
   لوجو أعلى اليسار + دومين أسفل المنتصف + ذهبي واحد فقط
========================================================= */
html body.uebt-archive-active .uebt-card-image,
html body.uebt-single-active .uebt-single-featured{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}

html body.uebt-archive-active .uebt-card-image::after,
html body.uebt-single-active .uebt-single-featured::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.18) 46%,rgba(0,0,0,.78) 100%)!important;
}

html body.uebt-archive-active .uebt-card-image::before,
html body.uebt-single-active .uebt-single-featured::before{
  content:""!important;
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  z-index:8!important;
  height:4px!important;
  pointer-events:none!important;
  background:#f4c400!important;
}

html body .uebt-card-brand{
  display:none!important;
}

html body .uebt-media-logo{
  position:absolute!important;
  z-index:7!important;
  top:16px!important;
  left:16px!important;
  display:block!important;
  width:80px!important;
  max-width:26%!important;
  pointer-events:none!important;
}

html body .uebt-media-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.22))!important;
}

html body .uebt-media-domain{
  position:absolute!important;
  z-index:7!important;
  bottom:13px!important;
  left:50%!important;
  display:block!important;
  width:calc(100% - 34px)!important;
  margin:0!important;
  padding:0!important;
  transform:translateX(-50%)!important;
  color:#f4c400!important;
  font-family:'Alexandria',Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:.08em!important;
  text-align:center!important;
  text-shadow:0 2px 10px rgba(0,0,0,.88)!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{
  position:absolute!important;
  z-index:6!important;
  top:auto!important;
  right:18px!important;
  bottom:40px!important;
  left:18px!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  color:#fff!important;
  font-family:'Alexandria',Arial,sans-serif!important;
  font-size:clamp(18px,1.45vw,26px)!important;
  font-weight:900!important;
  line-height:1.45!important;
  text-align:center!important;
  text-shadow:0 3px 16px rgba(0,0,0,.92)!important;
}

html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single{
  position:absolute!important;
  z-index:6!important;
  top:auto!important;
  right:34px!important;
  bottom:52px!important;
  left:34px!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  color:#fff!important;
  font-family:'Alexandria',Arial,sans-serif!important;
  font-size:clamp(28px,3.9vw,54px)!important;
  font-weight:900!important;
  line-height:1.42!important;
  text-align:center!important;
  text-shadow:0 4px 18px rgba(0,0,0,.94)!important;
}

html body.uebt-archive-active .uebt-card-image .uebt-category{
  display:none!important;
}

@media screen and (max-width:767px){
  html body .uebt-media-logo{
    top:12px!important;
    left:12px!important;
    width:62px!important;
    max-width:30%!important;
  }

  html body .uebt-media-domain{
    bottom:11px!important;
    width:calc(100% - 20px)!important;
    font-size:10px!important;
    letter-spacing:.05em!important;
  }

  html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{
    right:14px!important;
    bottom:34px!important;
    left:14px!important;
    font-size:18px!important;
    line-height:1.45!important;
  }

  html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single{
    right:18px!important;
    bottom:39px!important;
    left:18px!important;
    font-size:clamp(22px,6.6vw,32px)!important;
    line-height:1.45!important;
  }
}


/* =========================================================
   12) 7.2.26 — إصلاح ظهور لوجو الصور + أيقونة ويب بجوار الدومين
========================================================= */
html body .uebt-media-logo{
  position:absolute!important;
  z-index:9!important;
  top:16px!important;
  left:16px!important;
  right:auto!important;
  bottom:auto!important;
  display:block!important;
  width:78px!important;
  max-width:26%!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  pointer-events:none!important;
}

html body .uebt-media-logo img{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:left top!important;
  opacity:1!important;
  visibility:visible!important;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.24))!important;
}

html body .uebt-media-domain{
  position:absolute!important;
  z-index:9!important;
  bottom:12px!important;
  left:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:auto!important;
  max-width:calc(100% - 30px)!important;
  margin:0!important;
  padding:0 6px!important;
  transform:translateX(-50%)!important;
  color:#f4c400!important;
  font-family:'Alexandria',Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.04em!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-shadow:0 2px 10px rgba(0,0,0,.9)!important;
  pointer-events:none!important;
}

html body .uebt-media-domain__icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
}

html body .uebt-media-domain__icon svg{
  display:block!important;
  width:14px!important;
  height:14px!important;
  fill:none!important;
  stroke:#f4c400!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html body .uebt-media-domain__text{
  display:block!important;
  color:#f4c400!important;
}

@media screen and (max-width:767px){
  html body .uebt-media-logo{
    top:12px!important;
    left:12px!important;
    width:60px!important;
    max-width:28%!important;
  }

  html body .uebt-media-domain{
    bottom:10px!important;
    gap:6px!important;
    font-size:10px!important;
    letter-spacing:.03em!important;
  }

  html body .uebt-media-domain__icon,
  html body .uebt-media-domain__icon svg{
    width:12px!important;
    height:12px!important;
    flex-basis:12px!important;
  }
}


/* =========================================================
   13) 7.2.26 — تثبيت اللوجو محليًا + أيقونة الموقع على الشمال
========================================================= */
html body.uebt-archive-active .uebt-card-image .uebt-media-logo,
html body.uebt-single-active .uebt-single-featured .uebt-media-logo{
  position:absolute!important;
  z-index:12!important;
  top:16px!important;
  left:16px!important;
  right:auto!important;
  bottom:auto!important;
  display:block!important;
  width:92px!important;
  height:42px!important;
  max-width:28%!important;
  margin:0!important;
  padding:0!important;
  background-image:url("octave-logo.png")!important;
  background-position:left top!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  opacity:1!important;
  visibility:visible!important;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.35))!important;
  pointer-events:none!important;
}

/* أي img قديم داخل اللوجو لا يؤثر لو بقي بسبب الكاش */
html body.uebt-archive-active .uebt-card-image .uebt-media-logo img,
html body.uebt-single-active .uebt-single-featured .uebt-media-logo img{
  display:none!important;
}

html body.uebt-archive-active .uebt-card-image .uebt-media-domain,
html body.uebt-single-active .uebt-single-featured .uebt-media-domain{
  direction:ltr!important;
  flex-direction:row!important;
  justify-content:center!important;
  align-items:center!important;
  gap:7px!important;
}

html body .uebt-media-domain__icon{
  order:0!important;
  margin:0!important;
}

html body .uebt-media-domain__text{
  order:1!important;
  margin:0!important;
}

@media screen and (max-width:767px){
  html body.uebt-archive-active .uebt-card-image .uebt-media-logo,
  html body.uebt-single-active .uebt-single-featured .uebt-media-logo{
    top:12px!important;
    left:12px!important;
    width:76px!important;
    height:36px!important;
    max-width:30%!important;
  }
}


/* =========================================================
   14) 7.2.26 — تكبير اللوجو فعليًا بعد قص المساحات الشفافة
========================================================= */
html body.uebt-archive-active .uebt-card-image .uebt-media-logo,
html body.uebt-single-active .uebt-single-featured .uebt-media-logo{
  top:16px!important;
  left:18px!important;
  width:64px!important;
  height:94px!important;
  max-width:none!important;
  background-size:contain!important;
  background-position:left top!important;
}

@media screen and (max-width:767px){
  html body.uebt-archive-active .uebt-card-image .uebt-media-logo,
  html body.uebt-single-active .uebt-single-featured .uebt-media-logo{
    top:12px!important;
    left:14px!important;
    width:52px!important;
    height:76px!important;
    max-width:none!important;
  }
}


/* =========================================================
   15) 7.2.26 — لوجو أكبر + عنوان الهيرو سطر واحد + خط الصور مثل الهيرو
========================================================= */

/* خط الصور بنفس خط الهيرو: قصير، ذهبي، مستدير وفي المنتصف */
html body.uebt-archive-active .uebt-card-image::before,
html body.uebt-single-active .uebt-single-featured::before{
  content:""!important;
  position:absolute!important;
  z-index:10!important;
  right:auto!important;
  left:50%!important;
  bottom:30px!important;
  width:90px!important;
  height:4px!important;
  transform:translateX(-50%)!important;
  border-radius:99px!important;
  background:#f2c700!important;
  pointer-events:none!important;
}

/* الدومين أسفل الخط مباشرة */
html body.uebt-archive-active .uebt-card-image .uebt-media-domain,
html body.uebt-single-active .uebt-single-featured .uebt-media-domain{
  bottom:9px!important;
}

/* نرفع TOV قليلًا حتى لا يلامس الخط والدومين */
html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{
  bottom:50px!important;
}

html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single{
  bottom:58px!important;
}

/* تكبير اللوجو بشكل ملحوظ على كروت المدونة */
html body.uebt-archive-active .uebt-card-image .uebt-media-logo{
  top:14px!important;
  left:16px!important;
  width:86px!important;
  height:126px!important;
  max-width:none!important;
  background-size:contain!important;
  background-position:left top!important;
}

/* الصورة البارزة داخل المقال أكبر أكثر */
html body.uebt-single-active .uebt-single-featured .uebt-media-logo{
  top:20px!important;
  left:24px!important;
  width:118px!important;
  height:172px!important;
  max-width:none!important;
  background-size:contain!important;
  background-position:left top!important;
}

@media screen and (max-width:767px){
  /* "مدونة استديو أوكتاف" سطر واحد على الهاتف */
  html body.uebt-archive-active .uebt-archive-hero h1#uebtArchiveTitle{
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:clamp(22px,7vw,28px)!important;
    line-height:1.35!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    text-align:center!important;
  }

  html body.uebt-archive-active .uebt-card-image::before,
  html body.uebt-single-active .uebt-single-featured::before{
    bottom:27px!important;
    width:76px!important;
    height:4px!important;
  }

  html body.uebt-archive-active .uebt-card-image .uebt-media-domain,
  html body.uebt-single-active .uebt-single-featured .uebt-media-domain{
    bottom:8px!important;
  }

  html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{
    bottom:45px!important;
  }

  html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single{
    bottom:49px!important;
  }

  html body.uebt-archive-active .uebt-card-image .uebt-media-logo{
    top:12px!important;
    left:13px!important;
    width:76px!important;
    height:111px!important;
    max-width:none!important;
  }

  html body.uebt-single-active .uebt-single-featured .uebt-media-logo{
    top:15px!important;
    left:16px!important;
    width:92px!important;
    height:134px!important;
    max-width:none!important;
  }
}
\n\n/* =========================================================\n   16) 7.2.26 — اللوجو بالحجم المرجعي + خط ذهبي كامل في آخر الصورة\n========================================================= */\n\n/* نعتمد صورة اللوجو المحلية نفسها بدل الخلفية لضمان الحجم والوضوح */\nhtml body.uebt-archive-active .uebt-card-image .uebt-media-logo,\nhtml body.uebt-single-active .uebt-single-featured .uebt-media-logo{\n  position:absolute!important;\n  z-index:14!important;\n  right:auto!important;\n  bottom:auto!important;\n  display:block!important;\n  height:auto!important;\n  max-width:none!important;\n  margin:0!important;\n  padding:0!important;\n  background:none!important;\n  background-image:none!important;\n  filter:none!important;\n  opacity:1!important;\n  visibility:visible!important;\n  pointer-events:none!important;\n}\n\nhtml body.uebt-archive-active .uebt-card-image .uebt-media-logo{\n  top:18px!important;\n  left:22px!important;\n  width:112px!important;\n}\n\nhtml body.uebt-single-active .uebt-single-featured .uebt-media-logo{\n  top:34px!important;\n  left:52px!important;\n  width:168px!important;\n}\n\nhtml body.uebt-archive-active .uebt-card-image .uebt-media-logo img,\nhtml body.uebt-single-active .uebt-single-featured .uebt-media-logo img{\n  position:static!important;\n  inset:auto!important;\n  display:block!important;\n  width:100%!important;\n  height:auto!important;\n  min-width:0!important;\n  min-height:0!important;\n  max-width:100%!important;\n  max-height:none!important;\n  margin:0!important;\n  padding:0!important;\n  object-fit:contain!important;\n  object-position:left top!important;\n  opacity:1!important;\n  visibility:visible!important;\n  filter:drop-shadow(0 3px 10px rgba(0,0,0,.28))!important;\n}\n\n/* الخط المطلوب: ذهبي واحد، رفيع، ممتد بعرض الصورة بالكامل في آخرها */\nhtml body.uebt-archive-active .uebt-card-image::before,\nhtml body.uebt-single-active .uebt-single-featured::before{\n  content:""!important;\n  position:absolute!important;\n  z-index:13!important;\n  right:0!important;\n  bottom:0!important;\n  left:0!important;\n  width:100%!important;\n  height:2px!important;\n  transform:none!important;\n  border-radius:0!important;\n  background:#c9a600!important;\n  box-shadow:0 -1px 8px rgba(201,166,0,.16)!important;\n  pointer-events:none!important;\n}\n\n/* الدومين يظل في آخر الصورة فوق الخط مباشرة */\nhtml body.uebt-archive-active .uebt-card-image .uebt-media-domain,\nhtml body.uebt-single-active .uebt-single-featured .uebt-media-domain{\n  bottom:12px!important;\n}\n\nhtml body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{\n  bottom:42px!important;\n}\n\nhtml body.uebt-single-active .uebt-single-featured .uebt-featured-title--single{\n  bottom:48px!important;\n}\n\n@media screen and (max-width:767px){\n  html body.uebt-archive-active .uebt-card-image .uebt-media-logo{\n    top:14px!important;\n    left:16px!important;\n    width:88px!important;\n  }\n\n  html body.uebt-single-active .uebt-single-featured .uebt-media-logo{\n    top:18px!important;\n    left:18px!important;\n    width:112px!important;\n  }\n\n  html body.uebt-archive-active .uebt-card-image::before,\n  html body.uebt-single-active .uebt-single-featured::before{\n    height:2px!important;\n  }\n\n  html body.uebt-archive-active .uebt-card-image .uebt-media-domain,\n  html body.uebt-single-active .uebt-single-featured .uebt-media-domain{\n    bottom:10px!important;\n  }\n\n  html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{\n    bottom:36px!important;\n  }\n\n  html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single{\n    bottom:39px!important;\n  }\n}\n

/* =========================================================
   17) 7.2.26 — تكبير فعلي وواضح للوجو + أيقونة الويب على الشمال
========================================================= */
html body.uebt-archive-active .uebt-card-image .uebt-media-logo,
html body.uebt-single-active .uebt-single-featured .uebt-media-logo{
  position:absolute!important;
  z-index:30!important;
  top:16px!important;
  left:18px!important;
  right:auto!important;
  bottom:auto!important;
  display:block!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
}

html body.uebt-archive-active .uebt-card-image .uebt-media-logo{
  width:150px!important;
  max-width:42%!important;
}

html body.uebt-single-active .uebt-single-featured .uebt-media-logo{
  width:230px!important;
  max-width:34%!important;
  top:26px!important;
  left:28px!important;
}

html body.uebt-archive-active .uebt-card-image .uebt-media-logo img,
html body.uebt-single-active .uebt-single-featured .uebt-media-logo img{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:left top!important;
  opacity:1!important;
  visibility:visible!important;
  filter:drop-shadow(0 3px 12px rgba(0,0,0,.30))!important;
}

html body.uebt-archive-active .uebt-card-image .uebt-media-domain,
html body.uebt-single-active .uebt-single-featured .uebt-media-domain{
  position:absolute!important;
  z-index:31!important;
  left:50%!important;
  bottom:10px!important;
  transform:translateX(-50%)!important;
  display:inline-flex!important;
  flex-direction:row!important;
  direction:ltr!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  white-space:nowrap!important;
}

html body.uebt-archive-active .uebt-card-image .uebt-media-domain__icon,
html body.uebt-single-active .uebt-single-featured .uebt-media-domain__icon{
  order:1!important;
}

html body.uebt-archive-active .uebt-card-image .uebt-media-domain__text,
html body.uebt-single-active .uebt-single-featured .uebt-media-domain__text{
  order:2!important;
}

html body.uebt-archive-active .uebt-card-image::before,
html body.uebt-single-active .uebt-single-featured::before{
  content:""!important;
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  z-index:29!important;
  width:100%!important;
  height:2px!important;
  background:#caa400!important;
  border-radius:0!important;
  box-shadow:0 0 0 transparent!important;
  pointer-events:none!important;
}

html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{
  bottom:34px!important;
}

html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single{
  bottom:38px!important;
}

@media screen and (max-width:767px){
  html body.uebt-archive-active .uebt-card-image .uebt-media-logo{
    width:112px!important;
    max-width:44%!important;
    top:12px!important;
    left:14px!important;
  }

  html body.uebt-single-active .uebt-single-featured .uebt-media-logo{
    width:140px!important;
    max-width:42%!important;
    top:14px!important;
    left:14px!important;
  }

  html body.uebt-archive-active .uebt-card-image .uebt-media-domain,
  html body.uebt-single-active .uebt-single-featured .uebt-media-domain{
    bottom:8px!important;
    gap:6px!important;
    font-size:10px!important;
  }

  html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{
    bottom:30px!important;
  }

  html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single{
    bottom:32px!important;
  }
}


/* =========================================================
   18) 7.2.26 — إصلاح نهائي للوجو + صور الكروت بدون قص + عنوان/وصف قد يهمك
========================================================= */
html body.uebt-archive-active .uebt-card-image .uebt-media-logo,
html body.uebt-single-active .uebt-single-featured .uebt-media-logo{
  position:absolute!important;
  z-index:40!important;
  top:16px!important;
  left:18px!important;
  right:auto!important;
  bottom:auto!important;
  display:block!important;
  width:150px!important;
  height:72px!important;
  max-width:44%!important;
  margin:0!important;
  padding:0!important;
  background:url('./octave-logo-large.png') no-repeat left top / contain!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
}

html body.uebt-single-active .uebt-single-featured .uebt-media-logo{
  top:24px!important;
  left:28px!important;
  width:220px!important;
  height:106px!important;
  max-width:35%!important;
}

html body .uebt-media-logo img{
  display:none!important;
}

/* صور كروت المدونة بدون قص */
html body.uebt-archive-active .uebt-card-image{
  background:#111!important;
}

html body.uebt-archive-active .uebt-card-image img,
html body.uebt-archive-active .uebt-card-image picture img,
html body.uebt-archive-active .uebt-card-image .wp-post-image{
  object-fit:contain!important;
  object-position:center center!important;
  background:#111!important;
}

/* صور المقالات المقترحة أيضًا بدون قص */
html body.uebt-single-active .uebt-related-image{
  position:relative!important;
  display:block!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  background:#111!important;
}

html body.uebt-single-active .uebt-related-image img,
html body.uebt-single-active .uebt-related-image picture img,
html body.uebt-single-active .uebt-related-image .wp-post-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#111!important;
}

/* قد يهمك أيضًا: عنوان ووصف */
html body.uebt-single-active .uebt-related-card{
  display:flex!important;
  flex-direction:column!important;
}

html body.uebt-single-active .uebt-related-body{
  display:block!important;
  padding:18px 18px 20px!important;
  background:#fff!important;
}

html body.uebt-single-active .uebt-related-body h3{
  margin:0 0 10px!important;
  font-family:'Alexandria',Arial,sans-serif!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1.5!important;
  text-align:center!important;
}

html body.uebt-single-active .uebt-related-body h3 a{
  color:#111!important;
  text-decoration:none!important;
}

html body.uebt-single-active .uebt-related-excerpt{
  color:#555!important;
  font-size:14px!important;
  line-height:1.9!important;
  text-align:center!important;
}

/* الدومين: الأيقونة على الشمال فعليًا */
html body.uebt-archive-active .uebt-card-image .uebt-media-domain,
html body.uebt-single-active .uebt-single-featured .uebt-media-domain{
  direction:ltr!important;
  flex-direction:row!important;
  gap:8px!important;
}

/* مسافات العنوان حتى لا يصطدم بالدومين */
html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{
  bottom:36px!important;
}

html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single{
  bottom:40px!important;
}

@media screen and (max-width:767px){
  html body.uebt-archive-active .uebt-card-image .uebt-media-logo{
    top:12px!important;
    left:14px!important;
    width:110px!important;
    height:54px!important;
    max-width:46%!important;
  }

  html body.uebt-single-active .uebt-single-featured .uebt-media-logo{
    top:16px!important;
    left:16px!important;
    width:132px!important;
    height:64px!important;
    max-width:46%!important;
  }

  html body.uebt-single-active .uebt-related-body{
    padding:16px 14px 18px!important;
  }

  html body.uebt-single-active .uebt-related-body h3{
    font-size:18px!important;
  }

  html body.uebt-single-active .uebt-related-excerpt{
    font-size:13px!important;
    line-height:1.8!important;
  }
}


/* =========================================================
   19) 7.2.26 — إصلاح تناسب اللوجو + إزالة الفراغات حول الصور
========================================================= */
/* اللوجو: نفس نسبة أبعاده الحقيقية لكي لا يظهر صغيرًا أو مبكسلًا */
html body.uebt-archive-active .uebt-card-image .uebt-media-logo,
html body.uebt-single-active .uebt-single-featured .uebt-media-logo{
  position:absolute!important;
  z-index:50!important;
  top:16px!important;
  left:18px!important;
  right:auto!important;
  bottom:auto!important;
  display:block!important;
  width:78px!important;
  height:114px!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  background-image:url('./octave-logo-large.png')!important;
  background-repeat:no-repeat!important;
  background-position:left top!important;
  background-size:100% 100%!important;
  opacity:1!important;
  visibility:visible!important;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.22))!important;
  pointer-events:none!important;
}

html body.uebt-single-active .uebt-single-featured .uebt-media-logo{
  top:24px!important;
  left:26px!important;
  width:112px!important;
  height:164px!important;
}

html body .uebt-media-logo img{
  display:none!important;
}

/* إزالة أي مسافات/هوامش حول صور الكروت */
html body.uebt-archive-active .uebt-archive-content article.uebt-card{
  padding:0!important;
}

html body.uebt-archive-active .uebt-card-image,
html body.uebt-single-active .uebt-related-image{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  background:#111!important;
  overflow:hidden!important;
}

html body.uebt-archive-active .uebt-card-image{
  border-radius:22px 22px 0 0!important;
  aspect-ratio:16/9!important;
}

html body.uebt-single-active .uebt-related-image{
  border-radius:18px 18px 0 0!important;
  aspect-ratio:16/9!important;
}

/* نلغي contain الذي سبب فراغات، ونملأ الكادر بالكامل */
html body.uebt-archive-active .uebt-card-image img,
html body.uebt-archive-active .uebt-card-image picture img,
html body.uebt-archive-active .uebt-card-image .wp-post-image,
html body.uebt-single-active .uebt-related-image img,
html body.uebt-single-active .uebt-related-image picture img,
html body.uebt-single-active .uebt-related-image .wp-post-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:transparent!important;
}

/* الصورة البارزة داخل المقال بدون حواف أو فراغات إضافية */
html body.uebt-single-active .uebt-single-featured{
  margin:0!important;
  padding:0!important;
  border-radius:24px!important;
  overflow:hidden!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{
  object-fit:cover!important;
  object-position:center center!important;
}

/* الدومين والأيقونة في آخر الصورة بدون تأثر بالـRTL */
html body.uebt-archive-active .uebt-card-image .uebt-media-domain,
html body.uebt-single-active .uebt-single-featured .uebt-media-domain{
  direction:ltr!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  bottom:10px!important;
}

/* تقليل الفراغ بين الصورة والعنوان داخل الكارت */
html body.uebt-archive-active .uebt-archive-content .uebt-card-body{
  padding:18px 18px 20px!important;
}

/* قد يهمك أيضًا: تأكيد ظهور العنوان والوصف */
html body.uebt-single-active .uebt-related-body{
  display:block!important;
  padding:18px 16px 20px!important;
  background:#fff!important;
}

html body.uebt-single-active .uebt-related-body h3{
  display:block!important;
  margin:0 0 10px!important;
  text-align:center!important;
}

html body.uebt-single-active .uebt-related-excerpt{
  display:block!important;
  text-align:center!important;
}

@media screen and (max-width:767px){
  html body.uebt-archive-active .uebt-card-image .uebt-media-logo{
    top:12px!important;
    left:14px!important;
    width:62px!important;
    height:91px!important;
  }

  html body.uebt-single-active .uebt-single-featured .uebt-media-logo{
    top:16px!important;
    left:16px!important;
    width:88px!important;
    height:128px!important;
  }

  html body.uebt-archive-active .uebt-card-image{
    border-radius:20px 20px 0 0!important;
  }

  html body.uebt-archive-active .uebt-archive-content .uebt-card-body{
    padding:16px 14px 18px!important;
  }
}


/* =========================================================
   20) 7.2.26 — بدون لوجو + TOV سطر واحد + CTA ذهبي
========================================================= */
html body .uebt-media-logo,
html body.uebt-archive-active .uebt-card-image .uebt-media-logo,
html body.uebt-single-active .uebt-single-featured .uebt-media-logo{
  display:none!important;
  background:none!important;
  background-image:none!important;
}

html body .uebt-featured-title,
html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive,
html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single,
html body.uebt-single-active .uebt-related-image .uebt-featured-title--related{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-align:center!important;
}

html body .uebt-featured-title .uebt-tov-main{
  color:#fff!important;
}

html body .uebt-featured-title .uebt-tov-cta,
html body .uebt-featured-title .uebt-tov-separator{
  color:#f4c400!important;
}

html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{
  right:12px!important;
  left:12px!important;
  width:auto!important;
  max-width:none!important;
  font-size:clamp(13px,1.35vw,24px)!important;
  line-height:1.3!important;
}

html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single{
  right:20px!important;
  left:20px!important;
  width:auto!important;
  max-width:none!important;
  font-size:clamp(18px,2.6vw,42px)!important;
  line-height:1.3!important;
}

html body.uebt-single-active .uebt-related-image .uebt-featured-title--related{
  right:10px!important;
  left:10px!important;
  width:auto!important;
  max-width:none!important;
  font-size:clamp(12px,1.15vw,18px)!important;
  line-height:1.25!important;
}

@media screen and (max-width:767px){
  html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{
    right:8px!important;
    left:8px!important;
    font-size:clamp(11px,3.15vw,15px)!important;
  }

  html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single{
    right:10px!important;
    left:10px!important;
    font-size:clamp(13px,3.7vw,20px)!important;
  }

  html body.uebt-single-active .uebt-related-image .uebt-featured-title--related{
    right:8px!important;
    left:8px!important;
    font-size:clamp(11px,3vw,14px)!important;
  }
}


/* =========================================================
   21) 7.2.26 — TOV كامل في المنتصف مع هوامش يمين/شمال
========================================================= */
html body .uebt-featured-title,
html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive,
html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single,
html body.uebt-single-active .uebt-related-image .uebt-featured-title--related{
  right:5%!important;
  left:5%!important;
  width:90%!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
  text-align:center!important;
  box-sizing:border-box!important;
}

html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{
  bottom:38px!important;
  font-size:clamp(14px,1.45vw,26px)!important;
}

html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single{
  bottom:42px!important;
  font-size:clamp(20px,2.8vw,42px)!important;
}

html body.uebt-single-active .uebt-related-image .uebt-featured-title--related{
  bottom:24px!important;
  font-size:clamp(12px,1.15vw,18px)!important;
}

@media screen and (max-width:767px){
  html body .uebt-featured-title,
  html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive,
  html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single,
  html body.uebt-single-active .uebt-related-image .uebt-featured-title--related{
    right:6%!important;
    left:6%!important;
    width:88%!important;
  }

  html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{
    bottom:36px!important;
    font-size:clamp(11px,3.5vw,18px)!important;
  }

  html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single{
    bottom:38px!important;
    font-size:clamp(13px,4.6vw,22px)!important;
  }

  html body.uebt-single-active .uebt-related-image .uebt-featured-title--related{
    bottom:22px!important;
    font-size:clamp(10px,3vw,15px)!important;
  }
}


/* =========================================================
   22) 7.2.26 — تصغير TOV والدومين + أيقونة ويب بيضاء وأقرب
========================================================= */
html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{
  right:7%!important;
  left:7%!important;
  width:86%!important;
  bottom:39px!important;
  font-size:clamp(12px,1.28vw,23px)!important;
  line-height:1.25!important;
  text-align:center!important;
}

html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single{
  right:7%!important;
  left:7%!important;
  width:86%!important;
  bottom:43px!important;
  font-size:clamp(18px,2.4vw,36px)!important;
  line-height:1.25!important;
  text-align:center!important;
}

html body.uebt-single-active .uebt-related-image .uebt-featured-title--related{
  right:7%!important;
  left:7%!important;
  width:86%!important;
  font-size:clamp(11px,1vw,16px)!important;
}

html body.uebt-archive-active .uebt-card-image .uebt-media-domain,
html body.uebt-single-active .uebt-single-featured .uebt-media-domain{
  gap:3px!important;
  font-size:11px!important;
  letter-spacing:.02em!important;
}

html body .uebt-media-domain__icon,
html body .uebt-media-domain__icon svg{
  width:12px!important;
  height:12px!important;
  flex-basis:12px!important;
}

html body .uebt-media-domain__icon svg{
  stroke:#fff!important;
}

html body .uebt-media-domain__text{
  color:#f4c400!important;
}

@media screen and (max-width:767px){
  html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{
    right:8%!important;
    left:8%!important;
    width:84%!important;
    bottom:34px!important;
    font-size:clamp(10px,3.05vw,16px)!important;
  }

  html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single{
    right:8%!important;
    left:8%!important;
    width:84%!important;
    bottom:37px!important;
    font-size:clamp(12px,4vw,19px)!important;
  }

  html body.uebt-single-active .uebt-related-image .uebt-featured-title--related{
    right:8%!important;
    left:8%!important;
    width:84%!important;
    font-size:clamp(9px,2.7vw,13px)!important;
  }

  html body.uebt-archive-active .uebt-card-image .uebt-media-domain,
  html body.uebt-single-active .uebt-single-featured .uebt-media-domain{
    gap:2px!important;
    font-size:9px!important;
  }

  html body .uebt-media-domain__icon,
  html body .uebt-media-domain__icon svg{
    width:10px!important;
    height:10px!important;
    flex-basis:10px!important;
  }
}


/* =========================================================
   23) 7.2.26 — TOV بخط Zain
========================================================= */
html body .uebt-featured-title,
html body .uebt-featured-title .uebt-tov-main,
html body .uebt-featured-title .uebt-tov-cta,
html body .uebt-featured-title .uebt-tov-separator,
html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive,
html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single,
html body.uebt-single-active .uebt-related-image .uebt-featured-title--related{
  font-family:'Zain','Alexandria',Tahoma,Arial,sans-serif!important;
  font-weight:800!important;
  letter-spacing:0!important;
}

html body .uebt-featured-title .uebt-tov-main{
  font-weight:800!important;
}

html body .uebt-featured-title .uebt-tov-cta{
  font-weight:900!important;
}


/* =========================================================
   24) 7.2.26 — إجبار TOV على خط Zain الحقيقي فقط
========================================================= */
html body .uebt-featured-title,
html body .uebt-featured-title *,
html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive,
html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single,
html body.uebt-single-active .uebt-related-image .uebt-featured-title--related{
  font-family:'Zain',sans-serif!important;
  font-style:normal!important;
  letter-spacing:0!important;
}

html body .uebt-featured-title .uebt-tov-main{
  font-family:'Zain',sans-serif!important;
  font-weight:800!important;
}

html body .uebt-featured-title .uebt-tov-cta,
html body .uebt-featured-title .uebt-tov-separator{
  font-family:'Zain',sans-serif!important;
  font-weight:900!important;
}


/* =========================================================
   24) 7.2.26 — رفع TOV والدومين على الديسكتوب وتكبير الدومين
========================================================= */
@media screen and (min-width:768px){
  html body.uebt-archive-active .uebt-card-image .uebt-featured-title--archive{
    bottom:52px!important;
  }

  html body.uebt-single-active .uebt-single-featured .uebt-featured-title--single{
    bottom:58px!important;
  }

  html body.uebt-single-active .uebt-related-image .uebt-featured-title--related{
    bottom:46px!important;
  }

  html body.uebt-archive-active .uebt-card-image .uebt-media-domain,
  html body.uebt-single-active .uebt-single-featured .uebt-media-domain,
  html body.uebt-single-active .uebt-related-image .uebt-media-domain{
    bottom:18px!important;
    font-size:15px!important;
    gap:7px!important;
  }

  html body.uebt-archive-active .uebt-card-image .uebt-media-domain__icon,
  html body.uebt-single-active .uebt-single-featured .uebt-media-domain__icon,
  html body.uebt-single-active .uebt-related-image .uebt-media-domain__icon{
    width:15px!important;
    height:15px!important;
    flex:0 0 15px!important;
  }

  html body.uebt-archive-active .uebt-card-image .uebt-media-domain__icon svg,
  html body.uebt-single-active .uebt-single-featured .uebt-media-domain__icon svg,
  html body.uebt-single-active .uebt-related-image .uebt-media-domain__icon svg{
    width:15px!important;
    height:15px!important;
  }
}


/* =========================================================
   25) 7.2.26 — القوائم داخل المقال بدون شكل زرار
========================================================= */
html body.uebt-single-active .uebt-content ul,
html body.uebt-single-active .uebt-content ol,
html body.uebt-single-active .uebt-content .wp-block-list{
  margin:20px 0 28px!important;
  padding:0 24px 0 0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  list-style-position:outside!important;
}

html body.uebt-single-active .uebt-content li{
  margin:0 0 14px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  line-height:2!important;
}

html body.uebt-single-active .uebt-content li:last-child{
  margin-bottom:0!important;
}

@media screen and (max-width:767px){
  html body.uebt-single-active .uebt-content ul,
  html body.uebt-single-active .uebt-content ol,
  html body.uebt-single-active .uebt-content .wp-block-list{
    padding-right:20px!important;
  }
}


/* =========================================================
   26) 7.2.26 — الروابط الداخلية داخل نص المقال بالذهبي
========================================================= */
html body.uebt-single-active .uebt-content a[href^="/"],
html body.uebt-single-active .uebt-content a[href^="./"],
html body.uebt-single-active .uebt-content a[href^="../"],
html body.uebt-single-active .uebt-content a[href*="octavestudio.sa"]{
  color:#f4c400!important;
  text-decoration:none!important;
  text-decoration-thickness:1.5px!important;
  text-underline-offset:3px!important;
  font-weight:700!important;
  transition:color .18s ease,text-decoration-color .18s ease!important;
}

/* استثناء أزرار CTA وأي أزرار وظيفية داخل المحتوى */
html body.uebt-single-active .uebt-content a.uebt-inline-cta__button,
html body.uebt-single-active .uebt-content .uebt-inline-cta a,
html body.uebt-single-active .uebt-content a.button,
html body.uebt-single-active .uebt-content a.wp-element-button{
  text-decoration:none!important;
}

html body.uebt-single-active .uebt-content a[href^="/"]:not(.uebt-inline-cta__button):hover,
html body.uebt-single-active .uebt-content a[href^="./"]:not(.uebt-inline-cta__button):hover,
html body.uebt-single-active .uebt-content a[href^="../"]:not(.uebt-inline-cta__button):hover,
html body.uebt-single-active .uebt-content a[href*="octavestudio.sa"]:not(.uebt-inline-cta__button):hover{
  color:#caa400!important;
  text-decoration:underline!important;
  text-decoration-color:currentColor!important;
}


/* =========================================================
   26) 7.2.26 — كروت «قد يهمك أيضًا» بنفس كروت صفحة المدونة
========================================================= */
html body.uebt-single-active .uebt-related-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

html body.uebt-single-active .uebt-related article.uebt-related-card.uebt-card{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(14,14,14,.07)!important;
  border-radius:22px!important;
  box-shadow:0 12px 32px rgba(0,0,0,.08)!important;
}

html body.uebt-single-active .uebt-related .uebt-related-image.uebt-card-image{
  position:relative!important;
  isolation:isolate!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:22px 22px 0 0!important;
  background:#111!important;
  line-height:0!important;
}

html body.uebt-single-active .uebt-related .uebt-related-image.uebt-card-image img,
html body.uebt-single-active .uebt-related .uebt-related-image.uebt-card-image picture img,
html body.uebt-single-active .uebt-related .uebt-related-image.uebt-card-image .wp-post-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
}

html body.uebt-single-active .uebt-related .uebt-related-image.uebt-card-image::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.05) 38%,rgba(0,0,0,.32) 62%,rgba(0,0,0,.88) 100%)!important;
}

html body.uebt-single-active .uebt-related .uebt-related-image.uebt-card-image::before{
  content:""!important;
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  z-index:8!important;
  width:100%!important;
  height:2px!important;
  background:#caa400!important;
  pointer-events:none!important;
}

html body.uebt-single-active .uebt-related .uebt-featured-title--related{
  position:absolute!important;
  z-index:6!important;
  top:auto!important;
  right:18px!important;
  bottom:44px!important;
  left:18px!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  overflow:hidden!important;
  color:#fff!important;
  font-family:'Zain',sans-serif!important;
  font-size:clamp(18px,1.35vw,24px)!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-shadow:0 3px 14px rgba(0,0,0,.9)!important;
  pointer-events:none!important;
}

html body.uebt-single-active .uebt-related .uebt-featured-title--related .uebt-tov-cta,
html body.uebt-single-active .uebt-related .uebt-featured-title--related .uebt-tov-separator{
  color:#f5c800!important;
}

html body.uebt-single-active .uebt-related .uebt-media-domain{
  position:absolute!important;
  z-index:7!important;
  left:50%!important;
  bottom:12px!important;
  display:inline-flex!important;
  direction:ltr!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  transform:translateX(-50%)!important;
  color:#f5c800!important;
  font-family:'Alexandria',Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-shadow:0 2px 9px rgba(0,0,0,.9)!important;
  pointer-events:none!important;
}

html body.uebt-single-active .uebt-related .uebt-media-domain__icon,
html body.uebt-single-active .uebt-related .uebt-media-domain__icon svg{
  width:12px!important;
  height:12px!important;
  flex:0 0 12px!important;
}

html body.uebt-single-active .uebt-related .uebt-media-domain__icon svg{
  fill:none!important;
  stroke:#fff!important;
  stroke-width:1.8!important;
}

html body.uebt-single-active .uebt-related .uebt-related-body.uebt-card-body{
  display:flex!important;
  flex:1!important;
  flex-direction:column!important;
  min-height:0!important;
  padding:27px 22px 24px!important;
  background:#fff!important;
  text-align:center!important;
}

html body.uebt-single-active .uebt-related .uebt-related-body h2{
  display:block!important;
  width:100%!important;
  margin:0 0 14px!important;
  padding:0!important;
  font-family:'Alexandria',Arial,sans-serif!important;
  font-size:clamp(18px,1.28vw,24px)!important;
  font-weight:900!important;
  line-height:1.55!important;
  text-align:center!important;
}

html body.uebt-single-active .uebt-related .uebt-related-body h2 a{
  display:block!important;
  color:#101010!important;
  text-decoration:none!important;
}

html body.uebt-single-active .uebt-related .uebt-related-excerpt{
  flex:1!important;
  margin:0 0 18px!important;
  color:#59616d!important;
  font-size:13px!important;
  line-height:1.95!important;
  text-align:center!important;
}

html body.uebt-single-active .uebt-related .uebt-read{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  width:auto!important;
  min-height:46px!important;
  margin-top:auto!important;
  padding:10px 20px!important;
  border-radius:12px!important;
  background:#111!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

html body.uebt-single-active .uebt-related .uebt-read:hover{
  background:#f5c800!important;
  color:#111!important;
}

@media screen and (min-width:641px) and (max-width:1050px){
  html body.uebt-single-active .uebt-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }
}

@media screen and (max-width:640px){
  html body.uebt-single-active .uebt-related-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

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

  html body.uebt-single-active .uebt-related .uebt-related-image.uebt-card-image{
    border-radius:20px 20px 0 0!important;
  }

  html body.uebt-single-active .uebt-related .uebt-featured-title--related{
    right:14px!important;
    bottom:38px!important;
    left:14px!important;
    font-size:18px!important;
  }

  html body.uebt-single-active .uebt-related .uebt-media-domain{
    bottom:10px!important;
    font-size:10px!important;
  }

  html body.uebt-single-active .uebt-related .uebt-related-body.uebt-card-body{
    padding:22px 16px 20px!important;
  }

  html body.uebt-single-active .uebt-related .uebt-related-body h2{
    font-size:19px!important;
  }
}


/* =========================================================
   27) 7.2.27 — CTA صحيح حسب موضوع المقال + عنوان CTA سطر واحد بالموبايل
========================================================= */
@media screen and (max-width:767px){
  html body.uebt-single-active .uebt-content .uebt-inline-cta--octave .uebt-inline-cta__title{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:clamp(13px,4vw,18px)!important;
    line-height:1.35!important;
    letter-spacing:-.015em!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}


/* =========================================================
   26) 7.3.2 — عناصر القوائم ورؤوس الجداول في سطر واحد
========================================================= */
html body.uebt-single-active .uebt-content ul,
html body.uebt-single-active .uebt-content ol,
html body.uebt-single-active .uebt-content .wp-block-list{
  overflow-x:auto!important;
  overflow-y:hidden!important;
}

html body.uebt-single-active .uebt-content li{
  white-space:nowrap!important;
  width:max-content!important;
  max-width:none!important;
}

html body.uebt-single-active .uebt-content table thead th,
html body.uebt-single-active .uebt-content table thead td,
html body.uebt-single-active .uebt-content table tr:first-child > th,
html body.uebt-single-active .uebt-content table tr:first-child > td,
html body.uebt-single-active .uebt-content table.uebt-styled-table .uebt-table-head-cell{
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}

html body.uebt-single-active .uebt-content .uebt-table-scroll,
html body.uebt-single-active .uebt-content .wp-block-table{
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}


/* 7.3.2 — لا خطوط تحت عناصر القوائم + رؤوس جداول سليمة على الموبايل */
html body.uebt-single-active .uebt-content li,
html body.uebt-single-active .uebt-content li a{
  border-bottom:0!important;
  box-shadow:none!important;
  background-image:none!important;
}
html body.uebt-single-active .uebt-content li a{
  text-decoration:none!important;
}
html body.uebt-single-active .uebt-table-scroll,
html body.uebt-single-active .wp-block-table{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
html body.uebt-single-active .uebt-content table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
html body.uebt-single-active .uebt-content table th,
html body.uebt-single-active .uebt-content table thead td,
html body.uebt-single-active .uebt-content table tr:first-child th,
html body.uebt-single-active .uebt-content table tr:first-child td,
html body.uebt-single-active .uebt-table-head-cell{
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  line-height:1.4!important;
}
@media(max-width:767px){
  html body.uebt-single-active .uebt-content table{
    min-width:760px!important;
    width:760px!important;
  }
  html body.uebt-single-active .uebt-content table th,
  html body.uebt-single-active .uebt-content table thead td,
  html body.uebt-single-active .uebt-content table tr:first-child th,
  html body.uebt-single-active .uebt-content table tr:first-child td,
  html body.uebt-single-active .uebt-table-head-cell{
    font-size:14px!important;
    padding:14px 16px!important;
  }
}

/* =========================================================
   31) 7.3.3 — رؤوس الجداول سطر واحد + الربط الداخلي
========================================================= */
html body.uebt-single-active .uebt-prev-article-link{
  margin:10px 0 24px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#333!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.8!important;
}
html body.uebt-single-active .uebt-prev-article-link span{color:#333!important}
html body.uebt-single-active .uebt-prev-article-link a{
  color:#c9a600!important;
  font-weight:900!important;
  text-decoration:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body.uebt-single-active .uebt-prev-article-link a:hover{
  color:#9f8400!important;
  text-decoration:underline!important;
}

@media screen and (max-width:767px){
  html body.uebt-single-active .uebt-content .uebt-table-scroll,
  html body.uebt-single-active .uebt-content .wp-block-table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }

  html body.uebt-single-active .uebt-content table.uebt-styled-table{
    width:max-content!important;
    min-width:100%!important;
    max-width:none!important;
    table-layout:auto!important;
  }

  html body.uebt-single-active .uebt-content table.uebt-styled-table tr.uebt-table-head-row > th,
  html body.uebt-single-active .uebt-content table.uebt-styled-table tr.uebt-table-head-row > td,
  html body.uebt-single-active .uebt-content table.uebt-styled-table .uebt-table-head-cell{
    min-width:175px!important;
    width:auto!important;
    padding:14px 14px!important;
    font-size:13px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }

  html body.uebt-single-active .uebt-content table.uebt-styled-table tr:not(.uebt-table-head-row) > td,
  html body.uebt-single-active .uebt-content table.uebt-styled-table tr:not(.uebt-table-head-row) > th{
    min-width:175px!important;
  }

  html body.uebt-single-active .uebt-prev-article-link{
    margin:8px 0 20px!important;
    font-size:13px!important;
    line-height:1.75!important;
  }
}


/* =========================================================
   30) 7.3.5 — جدول كامل على الموبايل + نقاط ذهبية متوهجة
========================================================= */
html body.uebt-single-active .uebt-content .uebt-table-scroll::after,
html body.uebt-single-active .uebt-content .wp-block-table::after{
  content:none!important;display:none!important;
}

/* القوائم: نقطة ذهبية بتوهج خفيف بدون أي خط أسفل العنصر */
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery){
  list-style:none!important;
  padding-right:0!important;
}
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li{
  position:relative!important;
  padding-right:24px!important;
  border:0!important;border-bottom:0!important;box-shadow:none!important;
}
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li::before{
  content:""!important;position:absolute!important;right:2px!important;top:.92em!important;
  width:7px!important;height:7px!important;border-radius:50%!important;background:#f4c400!important;
  box-shadow:0 0 0 4px rgba(244,196,0,.13),0 0 12px rgba(244,196,0,.55)!important;
  transform:translateY(-50%)!important;
}
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li::after{content:none!important;display:none!important}

@media screen and (max-width:767px){
  html body.uebt-single-active .uebt-content .uebt-table-scroll,
  html body.uebt-single-active .uebt-content .wp-block-table,
  html body.uebt-single-active .uebt-content .uebt-table-wide{
    display:block!important;width:100%!important;max-width:100%!important;
    margin:22px 0!important;padding:0!important;overflow:visible!important;
    border-radius:13px!important;-webkit-overflow-scrolling:auto!important;
  }

  html body.uebt-single-active .uebt-content table,
  html body.uebt-single-active .uebt-content table.uebt-styled-table,
  html body.uebt-single-active .uebt-content .uebt-table-scroll table,
  html body.uebt-single-active .uebt-content .wp-block-table table,
  html body.uebt-single-active .uebt-content .uebt-table-wide table{
    display:table!important;width:100%!important;min-width:0!important;max-width:100%!important;
    table-layout:fixed!important;margin:0!important;border-spacing:0!important;
  }

  html body.uebt-single-active .uebt-content table.uebt-styled-table th,
  html body.uebt-single-active .uebt-content table.uebt-styled-table td{
    min-width:0!important;width:auto!important;max-width:none!important;
    padding:8px 4px!important;font-size:10px!important;line-height:1.45!important;
    word-break:normal!important;overflow-wrap:anywhere!important;hyphens:none!important;
  }

  html body.uebt-single-active .uebt-content table.uebt-styled-table tr.uebt-table-head-row>th,
  html body.uebt-single-active .uebt-content table.uebt-styled-table tr.uebt-table-head-row>td,
  html body.uebt-single-active .uebt-content table.uebt-styled-table .uebt-table-head-cell{
    min-width:0!important;width:auto!important;max-width:none!important;
    padding:9px 3px!important;font-size:9px!important;line-height:1.2!important;
    white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;
    letter-spacing:-.04em!important;
  }

  html body.uebt-single-active .uebt-content table[data-uebt-cols="4"] th,
  html body.uebt-single-active .uebt-content table[data-uebt-cols="4"] td{font-size:8.5px!important;padding-left:3px!important;padding-right:3px!important}
  html body.uebt-single-active .uebt-content table[data-uebt-cols="4"] .uebt-table-head-cell{font-size:7.5px!important}

  html body.uebt-single-active .uebt-content table[data-uebt-cols="5"] th,
  html body.uebt-single-active .uebt-content table[data-uebt-cols="5"] td,
  html body.uebt-single-active .uebt-content table[data-uebt-cols="6"] th,
  html body.uebt-single-active .uebt-content table[data-uebt-cols="6"] td{font-size:7.3px!important;padding:6px 2px!important}
  html body.uebt-single-active .uebt-content table[data-uebt-cols="5"] .uebt-table-head-cell,
  html body.uebt-single-active .uebt-content table[data-uebt-cols="6"] .uebt-table-head-cell{font-size:6.6px!important;padding:7px 1px!important}
}


/* =========================================================
   31) 7.3.5 — بدون أي خط تحت عناصر القوائم
========================================================= */
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li,
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li *,
html body.uebt-single-active .uebt-content ol>li,
html body.uebt-single-active .uebt-content ol>li *{
  border-bottom:0!important;
  box-shadow:none!important;
  background-image:none!important;
}
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li a,
html body.uebt-single-active .uebt-content ol>li a{
  text-decoration:none!important;
  text-underline-offset:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background-image:none!important;
}
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li::after,
html body.uebt-single-active .uebt-content ol>li::after{content:none!important;display:none!important;border:0!important}


/* =========================================================
   32) 7.3.8 — إزالة أي خط تحت عناصر القوائم نهائيًا
========================================================= */
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li,
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li *,
html body.uebt-single-active .uebt-content ol>li,
html body.uebt-single-active .uebt-content ol>li *{
  text-decoration:none!important;
  text-decoration-line:none!important;
  border-bottom:0!important;
  border-block-end:0!important;
  box-shadow:none!important;
  background-image:none!important;
}
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li a:any-link,
html body.uebt-single-active .uebt-content ol>li a:any-link,
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li a:any-link:hover,
html body.uebt-single-active .uebt-content ol>li a:any-link:hover,
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li a:any-link:focus,
html body.uebt-single-active .uebt-content ol>li a:any-link:focus{
  text-decoration:none!important;
  text-decoration-line:none!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background-image:none!important;
}
html body.uebt-single-active .uebt-content ul hr,
html body.uebt-single-active .uebt-content ol hr,
html body.uebt-single-active .uebt-content li hr,
html body.uebt-single-active .uebt-content ul .wp-block-separator,
html body.uebt-single-active .uebt-content ol .wp-block-separator,
html body.uebt-single-active .uebt-content li .wp-block-separator{
  display:none!important;
  border:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li::after,
html body.uebt-single-active .uebt-content ol>li::after{
  content:none!important;display:none!important;border:0!important;box-shadow:none!important;background:none!important;
}


/* =========================================================
   33) 7.3.8 — إزالة خطوط عناصر القوائم على الموبايل من كل المصادر
========================================================= */
@media screen and (max-width:767px){
  html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery),
  html body.uebt-single-active .uebt-content ol,
  html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li,
  html body.uebt-single-active .uebt-content ol>li,
  html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li *,
  html body.uebt-single-active .uebt-content ol>li *{
    text-decoration:none!important;text-decoration-line:none!important;text-decoration-style:solid!important;
    border-top:0!important;border-right:0!important;border-bottom:0!important;border-left:0!important;
    border-block:0!important;border-inline:0!important;box-shadow:none!important;background-image:none!important;
  }
  html body.uebt-single-active .uebt-content li a,
  html body.uebt-single-active .uebt-content li a:link,
  html body.uebt-single-active .uebt-content li a:visited,
  html body.uebt-single-active .uebt-content li a:hover,
  html body.uebt-single-active .uebt-content li a:focus,
  html body.uebt-single-active .uebt-content li u,
  html body.uebt-single-active .uebt-content li ins,
  html body.uebt-single-active .uebt-content li [style*="text-decoration"],
  html body.uebt-single-active .uebt-content li [style*="border-bottom"]{
    text-decoration:none!important;text-decoration-line:none!important;border:0!important;border-bottom:0!important;box-shadow:none!important;background-image:none!important;
  }
  html body.uebt-single-active .uebt-content li a::before,
  html body.uebt-single-active .uebt-content li a::after,
  html body.uebt-single-active .uebt-content li u::before,
  html body.uebt-single-active .uebt-content li u::after,
  html body.uebt-single-active .uebt-content li ins::before,
  html body.uebt-single-active .uebt-content li ins::after{border:0!important;border-bottom:0!important;box-shadow:none!important;text-decoration:none!important;background-image:none!important}
  html body.uebt-single-active .uebt-content hr,
  html body.uebt-single-active .uebt-content .wp-block-separator{display:none!important;height:0!important;border:0!important;margin:0!important;padding:0!important}
}


/* =========================================================
   33) 7.3.8 — إزالة الخطوط تحت عناصر القوائم من المصدر البصري
========================================================= */
html body.uebt-single-active .uebt-content hr,
html body.uebt-single-active .uebt-content .wp-block-separator,
html body.uebt-single-active .uebt-content [class*="separator"]{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:none!important;
}
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li,
html body.uebt-single-active .uebt-content ol>li,
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li>*,
html body.uebt-single-active .uebt-content ol>li>*{
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  border-block:0!important;
  outline:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  background-image:none!important;
}
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li>*::before,
html body.uebt-single-active .uebt-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery)>li>*::after,
html body.uebt-single-active .uebt-content ol>li>*::before,
html body.uebt-single-active .uebt-content ol>li>*::after,
html body.uebt-single-active .uebt-content li a::before,
html body.uebt-single-active .uebt-content li a::after{
  content:none!important;
  display:none!important;
  border:0!important;
  box-shadow:none!important;
  background:none!important;
}
html body.uebt-single-active .uebt-content li a:any-link,
html body.uebt-single-active .uebt-content li a:any-link:hover,
html body.uebt-single-active .uebt-content li a:any-link:focus,
html body.uebt-single-active .uebt-content li u,
html body.uebt-single-active .uebt-content li ins{
  text-decoration:none!important;
  text-decoration-line:none!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background-image:none!important;
}


/* =========================================================
   34) 7.3.9 — لا خطوط تحت عناصر القوائم إطلاقًا
========================================================= */
html body.uebt-single-active .uebt-content li,
html body.uebt-single-active .uebt-content li *,
html body.uebt-single-active .uebt-content li a,
html body.uebt-single-active .uebt-content li a:hover,
html body.uebt-single-active .uebt-content li a:focus,
html body.uebt-single-active .uebt-content li u,
html body.uebt-single-active .uebt-content li ins{
  text-decoration:none!important;
  text-decoration-line:none!important;
  text-decoration-style:none!important;
  border-bottom:0!important;
  border-block-end:0!important;
  box-shadow:none!important;
  background-image:none!important;
}
html body.uebt-single-active .uebt-content li::after,
html body.uebt-single-active .uebt-content li *::after{
  border-bottom:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  background-image:none!important;
}
html body.uebt-single-active .uebt-content hr,
html body.uebt-single-active .uebt-content .wp-block-separator,
html body.uebt-single-active .uebt-content [class*="separator"]{display:none!important}


/* =========================================================
   36) 7.3.20 — لا خط تحت العناصر: إخفاء Scrollbar العناصر الطويلة
========================================================= */
html body.uebt-single-active .uebt-content ul,
html body.uebt-single-active .uebt-content ol,
html body.uebt-single-active .uebt-content .wp-block-list{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
html body.uebt-single-active .uebt-content ul::-webkit-scrollbar,
html body.uebt-single-active .uebt-content ol::-webkit-scrollbar,
html body.uebt-single-active .uebt-content .wp-block-list::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
  background:transparent!important;
}
html body.uebt-single-active .uebt-content li,
html body.uebt-single-active .uebt-content li *,
html body.uebt-single-active .uebt-content li a[href],
html body.uebt-single-active .uebt-content li a[href]:hover,
html body.uebt-single-active .uebt-content li a[href]:focus,
html body.uebt-single-active .uebt-content li a[href]:active{
  text-decoration:none!important;
  text-decoration-line:none!important;
  border-bottom:0!important;
  border-block-end:0!important;
  box-shadow:none!important;
  background-image:none!important;
}
@media(max-width:767px){
  html body.uebt-single-active .uebt-content ul,
  html body.uebt-single-active .uebt-content ol,
  html body.uebt-single-active .uebt-content .wp-block-list{
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
}
\n\n/* =========================================================\n   7.3.28 — «اقرأ المزيد عن» داخل نهاية نفس الفقرة\n========================================================= */\nhtml body.uebt-single-active .uebt-content p > .uebt-prev-article-link{\n  display:inline!important;\n  margin:0 8px 0 0!important;\n  padding:0!important;\n  background:transparent!important;\n  border:0!important;\n  box-shadow:none!important;\n  white-space:normal!important;\n  color:#333!important;\n  font-size:.92em!important;\n  font-weight:700!important;\n  line-height:inherit!important;\n}\nhtml body.uebt-single-active .uebt-content p > .uebt-prev-article-link a{\n  display:inline!important;\n  color:#c9a600!important;\n  font-weight:900!important;\n  text-decoration:none!important;\n  border:0!important;\n  box-shadow:none!important;\n}\nhtml body.uebt-single-active .uebt-content p > .uebt-prev-article-link a:hover{\n  color:#9f8400!important;\n  text-decoration:none!important;\n}\n@media(max-width:767px){\n  html body.uebt-single-active .uebt-content p > .uebt-prev-article-link{\n    margin-right:6px!important;\n    font-size:.9em!important;\n  }\n}\n