.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5097 .elementor-element.elementor-element-933692b{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5097 .elementor-element.elementor-element-9f6ce60{--display:flex;--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-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5097 .elementor-element.elementor-element-9bc5fdc{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E9E9E9;}.elementor-5097 .elementor-element.elementor-element-b0c82be{--display:flex;--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-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 .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-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-5097 .elementor-element.elementor-element-013c923{--grid-columns:4;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-5097 .elementor-element.elementor-element-013c923 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-5097 .elementor-element.elementor-element-013c923 .e-loop-item > .elementor-section, .elementor-5097 .elementor-element.elementor-element-013c923 .e-loop-item > .elementor-section > .elementor-container, .elementor-5097 .elementor-element.elementor-element-013c923 .e-loop-item > .e-con, .elementor-5097 .elementor-element.elementor-element-013c923 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-5097 .elementor-element.elementor-element-013c923 .elementor-pagination{text-align:center;font-family:"Roboto Slab", Sans-serif;font-weight:400;margin-top:37px;}.elementor-5097 .elementor-element.elementor-element-013c923 .elementor-pagination .page-numbers:not(.dots){color:#0C0000;}.elementor-5097 .elementor-element.elementor-element-013c923 .elementor-pagination a.page-numbers:hover{color:#747474;}.elementor-5097 .elementor-element.elementor-element-013c923 .elementor-pagination .page-numbers.current{color:#4DAEFF;}body:not(.rtl) .elementor-5097 .elementor-element.elementor-element-013c923 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-5097 .elementor-element.elementor-element-013c923 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-5097 .elementor-element.elementor-element-013c923 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-5097 .elementor-element.elementor-element-013c923 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:768px){.elementor-5097 .elementor-element.elementor-element-9f6ce60{--width:25%;}.elementor-5097 .elementor-element.elementor-element-b0c82be{--width:75%;}}@media(max-width:1024px){.elementor-5097 .elementor-element.elementor-element-013c923{--grid-columns:2;}}@media(max-width:767px){.elementor-5097 .elementor-element.elementor-element-013c923{--grid-columns:2;}}/* Start custom CSS for shortcode, class: .elementor-element-9bc5fdc *//* ========================================================= */
/* 💥 V48: Sitopic Styling with Cairo Font & Font Size 💥 */
/* ========================================================= */

/* تطبيق خط Cairo وحجم الخط على كل النصوص داخل حاوية الفلتر */
.woof_redraw_zone,
.woof_redraw_zone * {
    font-family: 'Cairo', sans-serif !important; 
    font-size: 14px !important; /* <--- 🎯 هنا تحكمنا في حجم الخط */
}

/* 1. تصميم حاوية الفلتر الرئيسية (الخلفية والمساحة الداخلية) */
.woof_redraw_zone {
    /* تطبيق خلفية Sitopic الأوف وايت بلمسة لافندر خفيفة */
    background-color: #FFFFFF !important; 
    /* إضافة مساحة داخلية (Padding) */
    padding: 15px !important; 
    border-radius: 8px; /* حواف دائرية خفيفة */
    box-shadow: none !important;
}

/* 2. تخصيص العناوين والخطوط */
/* (استثنينا h4 من Font-size هنا عشان ممكن يكون عايزها أكبر من النصوص العادية) */
.woof_container_inner label {
    color: #333333 !important; 
    font-weight: 400; /* ممكن نخلي الـ label عادي عشان العناوين تكون أوضح */
}

.woof_container_inner h4 {
    color: #333333 !important; 
    font-weight: 700; /* العناوين الرئيسية تكون bold */
    font-size: 18px !important; /* ممكن تكون أكبر من حجم الخط الأساسي */
}

/* 3. تطبيق الأزرق الكهربائي على عناصر التحديد (Checkbox/Radio) */
.woof_checkbox_label input[type=checkbox]:checked + span:before,
.woof_radio_label input[type=radio]:checked + span:before {
    background-color: #00BFFF !important; 
    border-color: #00BFFF !important; 
}

/* 4. تخصيص فلتر السعر (Range Slider) */
.woof_price_filter_slider .ui-slider-range {
    background: #00BFFF !important; 
}

/* 5. تخصيص زرار "Filter" (لو بتستخدمه) */
.woof_submit_search_form {
    background-color: #00BFFF !important; 
    color: #FFFFFF !important; 
    border-radius: 5px;
}

/* 1. استهداف حاوية زرار/* ========================================================= */
/* 💥 V55: تصميم زرار تصفية الموبايل (WOOF Mobile) - تصميم Sitopic الجديد 💥 */
/* ========================================================= */

.woof_show_mobile_filter {
    /* 1. إزالة الخلفية والحدود */
    background-color: transparent !important; /* خلفية شفافة */
    border: none !important; /* إزالة الحدود */
    box-shadow: none !important; 
    
    /* 2. المحاذاة لليمين (بداية الـ RTL) */
    width: auto !important; /* نضمن إنه مياخدش عرض الـ 100% */
    margin-right: 5px !important; /* ده اللي هيجبره يروح لليمين في الـ RTL */
    margin-left: 0 !important; 
    
    /* إعداد الـ Flex لضمان تنسيق الأيقونة والنص */
    display: flex; 
    flex-direction: row; 
    align-items: center;
    justify-content: flex-start; /* عشان يكون النص والأيقونة في البداية */
    
    padding: 0 !important; /* إزالة الـ Padding الزائد */
    cursor: pointer;
}

/* 3. تخصيص النص (الخط والحجم واللون) */
.woof_show_mobile_filter a,
.woof_show_mobile_filter span {
    color: #00BFFF !important; /* الأزرق الكهربائي للنص */
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important; /* حجم خط أصغر */
    font-weight: 600 !important; 
    text-decoration: none !important; 
    padding: 0 5px; /* مسافة بسيطة بين النص والأيقونة */
}

/* 4. تخصيص الأيقونة (لو الإضافة بتستخدم أيقونة SVG/Font) */
/* نطبق عليها نفس اللون الأزرق */
.woof_mobile_filter_btn_icon svg, 
.woof_mobile_filter_btn_icon:before { 
    fill: #00BFFF !important; 
    color: #00BFFF !important; 
    font-size: 18px !important; /* حجم الأيقونة أكبر قليلاً من الخط */
}/* End custom CSS */