.elementor-118 .elementor-element.elementor-element-f8c4c87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-118 .elementor-element.elementor-element-ed938b5{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:initial;--e-filter-item-width:100%;--e-filter-item-flex-grow:1;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-space-between:50px;--e-filter-normal-text-color:#111111;--e-filter-hover-text-color:#E65133;--e-filter-active-text-color:#962F0D;}.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item{font-size:18px;font-weight:500;text-transform:uppercase;}.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:none;}.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item:hover:not( [aria-pressed=true] ){border-style:none;}.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item[aria-pressed="true"]{border-style:solid;border-width:0px 0px 4px 0px;border-color:#962F0D;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-118 .elementor-element.elementor-element-6c34552{--grid-columns:3;--load-more-button-align:center;}.elementor-118 .elementor-element.elementor-element-6c34552 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-118 .elementor-element.elementor-element-6c34552 .e-loop-item > .elementor-section, .elementor-118 .elementor-element.elementor-element-6c34552 .e-loop-item > .elementor-section > .elementor-container, .elementor-118 .elementor-element.elementor-element-6c34552 .e-loop-item > .e-con, .elementor-118 .elementor-element.elementor-element-6c34552 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-118 .elementor-element.elementor-element-f8c4c87{--content-width:1300px;}}@media(max-width:1024px){.elementor-118 .elementor-element.elementor-element-ed938b5{--e-filter-justify-content:initial;--e-filter-item-width:100%;--e-filter-item-flex-grow:1;--e-filter-space-between:10px;}.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item{font-size:16px;}.elementor-118 .elementor-element.elementor-element-6c34552{--grid-columns:2;}}@media(max-width:767px){.elementor-118 .elementor-element.elementor-element-ed938b5{--e-filter-justify-content:initial;--e-filter-item-width:100%;--e-filter-item-flex-grow:1;--e-filter-space-between:8px;}.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item{font-size:13px;}.elementor-118 .elementor-element.elementor-element-6c34552{--grid-columns:1;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-ed938b5 *//* 1. تحويل تخطيط الفلتر لعرض الأيقونة فوق النص */
.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px; /* المسافة بين الأيقونة والنص */
    min-width: 80px; /* يضمن مساحة كافية لكل عنصر */
}

/* 2. الإعدادات العامة للقناع (Mask) بمقاسات موحدة */
.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item::before {
    content: '';
    /* تم تغيير المقاس هنا ليكون ثابتاً وموحداً */
    width: 35px; 
    height: 35px;
    display: inline-block;
    background-color: #ef9928;
    
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center; /* لضمان تمركز الأيقونة */
    mask-position: center;
    
    transition: background-color 0.3s ease;
}

/* 3. تعيين الصور لكل عنصر بناءً على الترتيب */

/* Appetizers */
.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item:nth-child(1)::before {
    -webkit-mask-image: url('https://remalalrafidain.com/wp-content/uploads/2026/04/appetizers.svg');
    mask-image: url('https://remalalrafidain.com/wp-content/uploads/2026/04/appetizers.svg');
}

/* Drink */
.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item:nth-child(2)::before {
    -webkit-mask-image: url('https://remalalrafidain.com/wp-content/uploads/2026/04/drinks.svg');
    mask-image: url('https://remalalrafidain.com/wp-content/uploads/2026/04/drinks.svg');
}

/* Grilled Meats */
.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item:nth-child(3)::before {
    -webkit-mask-image: url('https://remalalrafidain.com/wp-content/uploads/2026/04/grill.svg');
    mask-image: url('https://remalalrafidain.com/wp-content/uploads/2026/04/grill.svg');
}

/* Oven Tray */
.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item:nth-child(4)::before {
    -webkit-mask-image: url('https://remalalrafidain.com/wp-content/uploads/2026/04/oven.svg');
    mask-image: url('https://remalalrafidain.com/wp-content/uploads/2026/04/oven.svg');
}

/* Sandwiches */
.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item:nth-child(5)::before {
    -webkit-mask-image: url('https://remalalrafidain.com/wp-content/uploads/2026/04/sandwich.svg');
    mask-image: url('https://remalalrafidain.com/wp-content/uploads/2026/04/sandwich.svg');
}

/* ALL */
.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item:nth-child(6)::before {
    -webkit-mask-image: url('https://remalalrafidain.com/wp-content/uploads/2026/04/all.svg');
    mask-image: url('https://remalalrafidain.com/wp-content/uploads/2026/04/all.svg');
}

/* 4. تغيير اللون عند الـ Hover والحالة النشطة */
.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item:hover::before,
.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item.e-active::before {
    background-color: #962f0d;
}

/* تحسين لون النص أيضاً عند التفعيل */
.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item:hover,
.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item.e-active {
    color: #962f0d !important;
}

/* تغيير لون النص أيضاً عند التفعيل ليتماشى مع الأيقونة */
.elementor-118 .elementor-element.elementor-element-ed938b5 .e-filter-item.e-active {
    color: #FFF !important;
    font-weight: bold; /* اختياري: لجعل النص بارزاً عند التفعيل */
}/* End custom CSS */