.elementor-15 .elementor-element.elementor-element-34ab900{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:94px 94px 94px 94px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-34ab900:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-34ab900 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#166B46;}.elementor-15 .elementor-element.elementor-element-c7f4023{--spacer-size:8px;}.elementor-15 .elementor-element.elementor-element-b7d6550{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-b7d6550:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-b7d6550 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fafbfa;}.elementor-15 .elementor-element.elementor-element-2084971{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-2084971.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-15 .elementor-element.elementor-element-43acbbb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;box-shadow:0px 8px 7px -8px #005818;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-43acbbb:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-43acbbb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-43acbbb.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-15 .elementor-element.elementor-element-a0cce54 .menu-item a.hfe-menu-item{padding-left:14px;padding-right:14px;}.elementor-15 .elementor-element.elementor-element-a0cce54 .menu-item a.hfe-sub-menu-item{padding-left:calc( 14px + 20px );padding-right:14px;}.elementor-15 .elementor-element.elementor-element-a0cce54 .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 14px + 40px );padding-right:14px;}.elementor-15 .elementor-element.elementor-element-a0cce54 .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 14px + 60px );padding-right:14px;}.elementor-15 .elementor-element.elementor-element-a0cce54 .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 14px + 80px );padding-right:14px;}.elementor-15 .elementor-element.elementor-element-a0cce54 .menu-item a.hfe-menu-item, .elementor-15 .elementor-element.elementor-element-a0cce54 .menu-item a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-15 .elementor-element.elementor-element-a0cce54 .sub-menu{border-radius:13px 13px 13px 13px;}.elementor-15 .elementor-element.elementor-element-a0cce54 .sub-menu li.menu-item:first-child{border-top-left-radius:13px;border-top-right-radius:13px;overflow:hidden;}.elementor-15 .elementor-element.elementor-element-a0cce54 .sub-menu li.menu-item:last-child{border-bottom-right-radius:13px;border-bottom-left-radius:13px;overflow:hidden;}.elementor-15 .elementor-element.elementor-element-a0cce54 nav.hfe-dropdown{border-radius:13px 13px 13px 13px;}.elementor-15 .elementor-element.elementor-element-a0cce54 nav.hfe-dropdown li.menu-item:first-child{border-top-left-radius:13px;border-top-right-radius:13px;overflow:hidden;}.elementor-15 .elementor-element.elementor-element-a0cce54 nav.hfe-dropdown li.menu-item:last-child{border-bottom-right-radius:13px;border-bottom-left-radius:13px;overflow:hidden;}.elementor-15 .elementor-element.elementor-element-a0cce54 nav.hfe-dropdown-expandible{border-radius:13px 13px 13px 13px;}.elementor-15 .elementor-element.elementor-element-a0cce54 nav.hfe-dropdown-expandible li.menu-item:first-child{border-top-left-radius:13px;border-top-right-radius:13px;overflow:hidden;}.elementor-15 .elementor-element.elementor-element-a0cce54 nav.hfe-dropdown-expandible li.menu-item:last-child{border-bottom-right-radius:13px;border-bottom-left-radius:13px;overflow:hidden;}.elementor-15 .elementor-element.elementor-element-a0cce54 ul.sub-menu{width:220px;}.elementor-15 .elementor-element.elementor-element-a0cce54 .sub-menu a.hfe-sub-menu-item,
						 .elementor-15 .elementor-element.elementor-element-a0cce54 nav.hfe-dropdown li a.hfe-menu-item,
						 .elementor-15 .elementor-element.elementor-element-a0cce54 nav.hfe-dropdown li a.hfe-sub-menu-item,
						 .elementor-15 .elementor-element.elementor-element-a0cce54 nav.hfe-dropdown-expandible li a.hfe-menu-item,
						 .elementor-15 .elementor-element.elementor-element-a0cce54 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-15 .elementor-element.elementor-element-a0cce54{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-a0cce54 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-a0cce54.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-a0cce54 .hfe-nav-menu__toggle{margin-left:auto;}.elementor-15 .elementor-element.elementor-element-a0cce54 a.hfe-menu-item, .elementor-15 .elementor-element.elementor-element-a0cce54 a.hfe-sub-menu-item{font-family:"Noto Kufi Arabic", Sans-serif;font-size:13px;font-weight:600;}.elementor-15 .elementor-element.elementor-element-a0cce54 .menu-item a.hfe-menu-item, .elementor-15 .elementor-element.elementor-element-a0cce54 .sub-menu a.hfe-sub-menu-item{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-a0cce54 .menu-item a.hfe-menu-item:hover,
								.elementor-15 .elementor-element.elementor-element-a0cce54 .sub-menu a.hfe-sub-menu-item:hover,
								.elementor-15 .elementor-element.elementor-element-a0cce54 .menu-item.current-menu-item a.hfe-menu-item,
								.elementor-15 .elementor-element.elementor-element-a0cce54 .menu-item a.hfe-menu-item.highlighted,
								.elementor-15 .elementor-element.elementor-element-a0cce54 .menu-item a.hfe-menu-item:focus{color:#F2D37C;}.elementor-15 .elementor-element.elementor-element-a0cce54 .sub-menu,
								.elementor-15 .elementor-element.elementor-element-a0cce54 nav.hfe-dropdown,
								.elementor-15 .elementor-element.elementor-element-a0cce54 nav.hfe-dropdown-expandible,
								.elementor-15 .elementor-element.elementor-element-a0cce54 nav.hfe-dropdown .menu-item a.hfe-menu-item,
								.elementor-15 .elementor-element.elementor-element-a0cce54 nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:#2E1505;}.elementor-15 .elementor-element.elementor-element-a0cce54 .sub-menu li.menu-item:not(:last-child),
						.elementor-15 .elementor-element.elementor-element-a0cce54 nav.hfe-dropdown li.menu-item:not(:last-child),
						.elementor-15 .elementor-element.elementor-element-a0cce54 nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:double;border-bottom-color:#c4c4c4;border-bottom-width:1px;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-43acbbb{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:18px;--padding-bottom:18px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-34ab900{--content-width:1600px;}.elementor-15 .elementor-element.elementor-element-43acbbb{--content-width:1140px;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-43acbbb{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for navigation-menu, class: .elementor-element-a0cce54 *//* ===============================
   Quran Association – Header & Menu
================================ */
/* الحاوية العامة للهيدر */
.elementor-element-43acbbb,
.site-header {
  background: #47311d !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
  position: relative;
  z-index: 1000;
}

/* تهيئة عامة للقائمة */
.hfe-nav-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 6px;
  align-items: center;
}

/* عناصر القائمة - روابط */
.hfe-nav-menu > li > a.hfe-menu-item {
  display: inline-block;
  font-family: "Cairo", system-ui, sans-serif;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 700;
  padding: 12px 18px;
  border-radius: 14px;
  transition: all .28s ease;
  text-decoration: none;
  opacity: 0.95;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

/* تحويم - Desktop */
.hfe-nav-menu > li > a.hfe-menu-item:hover {
  background: rgba(255,255,255,0.14);
  color: #ffffff;
  transform: translateY(-1px);
}

/* عنصر الحالي */
.hfe-nav-menu li.current-menu-item > a.hfe-menu-item,
.hfe-nav-menu li.current_page_item > a.hfe-menu-item {
  background: #ffffff;
  color: #0f5a3f !important;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}

/* زر التبديل (الهامبرغر) */
.hfe-nav-menu__toggle {
  display: none; /* يظهر في الموبايل فقط */
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: none;
  background: rgba(255,255,255,0.12);
  padding: 10px;
  border-radius: 12px;
  cursor: pointer;
  transition: background .2s ease;
  color: #fff;
}
.hfe-nav-menu__toggle:hover {
  background: rgba(255,255,255,0.22);
}

/* أيقونة الهامبرغر */
.hfe-nav-menu-icon svg {
  width: 20px;
  height: 20px;
  fill: #ffffff;
  display: inline-block;
  vertical-align: middle;
}

/* ===== إصلاح: اجعل خلفية قائمة الموبايل خضراء (تدرج) — تجاوز قواعد القالب البيضاء ===== */
@media (max-width: 1024px) {

  /* اجعل العنصر الحاوي للقائمة المطوية شفافًا لتجنّب خلفيات بيضاء */
  .hfe-nav-menu__layout-horizontal,
  .hfe-nav-menu__layout-horizontal.open,
  .hfe-nav-menu__layout-horizontal .elementor-widget-container,
  .hfe-nav-menu__layout-horizontal .e-con-inner {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* الخلفية الفعلية للقائمة (ul) — تدرج أخضر مطابق للهيدر */
  .hfe-nav-menu__layout-horizontal.open .hfe-nav-menu {
    background: linear-gradient(180deg, rgba(15,90,63,0.98) 0%, rgba(31,127,86,0.98) 100%) !important;
    border-radius: 14px !important;
    padding: 14px !important;
    box-shadow: 0 20px 45px rgba(0,0,0,0.35) !important;
    -webkit-backdrop-filter: none !important; /* منع أي طمس أبيض خلفي */
    backdrop-filter: none !important;
  }

  /* تأكد أن روابط القائمة لا تحمل خلفية بيضاء */
  .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li > a.hfe-menu-item,
  .hfe-nav-menu__layout-horizontal .hfe-nav-menu li.current-menu-item > a.hfe-menu-item {
    background: transparent !important;
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.45) !important;
  }

  /* لكن اجعل العنصر الحالي واضحًا (اختياري) — إذا تفضّل العنصر الحالي أبيض */
  .hfe-nav-menu__layout-horizontal .hfe-nav-menu li.current-menu-item > a.hfe-menu-item,
  .hfe-nav-menu__layout-horizontal .hfe-nav-menu li.current_page_item > a.hfe-menu-item {
    /* إذا تريد العنصر الحالي أبيض اترك السطور تالياً */
    background: #ffffff !important;
    color: #2e1505 !important;
    font-weight: 900 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
  }

  /* إزالة أي حدود بيضاء رفيعة / خطوط تتداخل مع الحواف */
  .hfe-nav-menu__layout-horizontal.open .hfe-nav-menu,
  .hfe-nav-menu__layout-horizontal.open .hfe-nav-menu li,
  .hfe-nav-menu__layout-horizontal.open .hfe-nav-menu > li > a {
    border: none !important;
  }
}









/* ===== جعل القوائم المنسدلة تخرج باتجاه اليسار ===== */

/* عنصر القائمة الرئيسي */
.hfe-nav-menu > li {
  position: relative;
}

/* القائمة المنسدلة (المستوى الأول) */
.hfe-nav-menu .sub-menu,
.hfe-nav-menu .children {
  position: absolute !important;
  right: auto !important;
  left: 0 !important;        /* تخرج من الجهة اليسرى للعنصر */
  top: 100% !important;
  z-index: 9999 !important;
}

/* القوائم المتداخلة (المستوى الثاني وما بعده) */
.hfe-nav-menu .sub-menu .sub-menu,
.hfe-nav-menu .children .children {
  right: 100% !important;    /* تخرج إلى اليسار */
  left: auto !important;
  top: 0 !important;
}

/* دعم RTL (في حال Elementor أو القالب مفعّل RTL) */
.elementor-rtl .hfe-nav-menu .sub-menu,
.elementor-rtl .hfe-nav-menu .children {
  left: 0 !important;
  right: auto !important;
}

/* الموبايل: اجعل القوائم عمودية داخل القائمة */
@media (max-width: 1024px) {
  .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-menu,
  .hfe-nav-menu__layout-horizontal .hfe-nav-menu .children {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
  }
}/* End custom CSS */