.elementor-15500 .elementor-element.elementor-element-e5da2fe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-15500 .elementor-element.elementor-element-a0aa849{--display:flex;}@media(min-width:769px){.elementor-15500 .elementor-element.elementor-element-a0aa849{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-e5da2fe *//* ==================================================
   AMARACO - LIGHT MEGA MENU
   تسوّق حسب احتياجك
   ================================================== */

#menu-item-28985{
    --amara-red: #ff0000;
    --amara-black: #111;
    --amara-border: #e8e8e8;
    --amara-bg: #f8f8f8;
}


/* Mega menu box
   لا نغيّر width / height / position الخاصة بـ Woodmart
-------------------------------------------------- */

#menu-item-28985 > .wd-dropdown-menu{
    background: #fff !important;
    color: var(--amara-black) !important;

    border: 1px solid #e9e9e9 !important;
    border-radius: 0 0 14px 14px !important;

    box-shadow: 0 12px 30px rgba(0,0,0,.07) !important;

    overflow: hidden;
}


/* إزالة أي مسافات زيادة */

#menu-item-28985 > .wd-dropdown-menu > .container{
    padding: 0 !important;
    max-width: 100% !important;
}


#menu-item-28985 .elementor-element-e5da2fe{
    padding: 0 !important;
}


#menu-item-28985 .elementor-element-e5da2fe > .e-con-inner{
    padding: 0 !important;
    max-width: 100% !important;
}


/* المحتوى الداخلي */

#menu-item-28985 .elementor-element-a0aa849{
    padding: 24px 28px !important;
    background: #fff !important;
}


/* إزالة إعدادات القوائم الافتراضية */

#menu-item-28985 .mega-menu-list,
#menu-item-28985 .sub-sub-menu{
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}


/* ==================================================
   العنوان
   ================================================== */

#menu-item-28985 .mega-menu-list > li > a{
    display: flex !important;
    align-items: center;

    margin-bottom: 18px !important;
    padding: 0 0 14px !important;

    color: #111 !important;

    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.4;

    border-bottom: 1px solid var(--amara-border) !important;
}


/* الخط الأحمر بجانب العنوان */

#menu-item-28985 .mega-menu-list > li > a::before{
    content: "";

    width: 4px;
    height: 24px;

    margin-left: 10px;

    background: var(--amara-red);

    border-radius: 4px;

    flex: 0 0 auto;
}


/* ==================================================
   العناصر
   ================================================== */

#menu-item-28985 .sub-sub-menu{
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 8px 12px !important;
}


#menu-item-28985 .sub-sub-menu > li{
    margin: 0 !important;
    padding: 0 !important;
}


/* Link */

#menu-item-28985 .sub-sub-menu > li > a{
    position: relative;

    display: flex !important;
    align-items: center;

    min-height: 48px;

    padding: 11px 14px !important;

    background: #fafafa !important;

    color: #222 !important;

    border: 1px solid #ededed !important;
    border-radius: 9px !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease !important;
}


/* النقطة */

#menu-item-28985 .sub-sub-menu > li > a::before{
    content: "";

    width: 6px;
    height: 6px;

    margin-left: 10px;

    background: var(--amara-red);

    border-radius: 50%;

    flex: 0 0 auto;
}


/* Hover بسيط جدًا */

#menu-item-28985 .sub-sub-menu > li > a:hover{
    background: #fff5f5 !important;

    color: var(--amara-red) !important;

    border-color: rgba(255,0,0,.22) !important;
}


/* ==================================================
   رابط القائمة الأساسي في الهيدر
   ================================================== */

#menu-item-28985 > .woodmart-nav-link{
    font-weight: 700 !important;
}


#menu-item-28985:hover > .woodmart-nav-link,
#menu-item-28985.wd-opened > .woodmart-nav-link{
    color: var(--amara-red) !important;
}


/* ==================================================
   Tablet
   ================================================== */

@media (max-width: 1024px){

    #menu-item-28985 .elementor-element-a0aa849{
        padding: 20px !important;
    }

    #menu-item-28985 .sub-sub-menu{
        grid-template-columns: 1fr;
    }

}/* End custom CSS */