@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//supportive-solutions-sa.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.2.5") format("woff2");
}

div.wd-popup.wd-age-verify{
	background-color:rgb(255,255,255);
	background-image: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-attachment:scroll;
	background-position:left center;
}

.wd-popup.wd-promo-popup{
	background-color:rgb(43,80,170);
	background-image: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-attachment:scroll;
	background-position:left center;
}

.page-title-default{
	background-color:rgb(0,0,0);
	background-image: url(https://supportive-solutions-sa.com/wp-content/uploads/2026/10/2222-1.jpeg);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.footer-container{
	background-color:rgb(255,255,255);
	background-image: none;
}

:root{
--wd-text-font:"Changa", Arial, Helvetica, sans-serif;
--wd-text-font-weight:500;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Changa", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:rgb(64,111,239);
}
:root{
--wd-entities-title-font:"Changa", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:rgb(30,115,190);
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Changa", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Changa", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:500;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Changa", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:500;
--wd-header-el-transform:none;
--wd-header-el-font-size:13px;
}
html .page-title > .container > .title{
	font-size: 32px;line-height: 36px;
}

@media (max-width: 1024px){
html .page-title > .container > .title{
	font-size: 24px;line-height: 26px;
}

}
@media (max-width: 767px){
html .page-title > .container > .title{
	font-size: 14px;line-height: 16px;
}

}
:root{
--wd-primary-color:rgb(209,44,44);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:rgb(209,44,44);
}
:root{
--btn-accented-bgcolor-hover:rgb(191,40,40);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
									--btn-default-brd-radius: 0px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
				--btn-default-box-shadow-active: none;
				--btn-default-bottom: 0px;
			
			
			
					
					
							--btn-accented-bottom-active: -1px;
				--btn-accented-brd-radius: 0px;
				--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
				--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
			
			
					
							
					--wd-brd-radius: 0px;
			}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1192px;
			}
		}

		.container {
			max-width: 1222px;
		}

		:root{
			--wd-container-w: 1222px;
		}
	
			@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
			div.wd-popup.wd-promo-popup {
			max-width: 800px;
		}
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
}/* منع التفاف القائمة واحتواء كافة الفئات على سطر واحد */
.wd-nav-main,
ul.menu {
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    width: 100% !important;
}

/* ضبط حجم وحواف العناصر لتدخل جميعها بنفس السطر */
.wd-nav-main > li,
ul.menu > li {
    padding-left: 2px !important;
    padding-right: 2px !important;
    flex-shrink: 1 !important;
}

/* تقريب وموازنة أعمدة الفوتر في المنتصف */
.footer-container .row,
.footer-sidebar {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 40px !important; /* يمكنك تقليل الرقم لتقريبها أكثر */
    text-align: center !important;
}

/* ضبط عرض الأعمدة لتكون متناسقة */
.footer-column,
.footer-sidebar .widget-col {
    flex: 0 1 auto !important;
    min-width: 150px !important;
}
/* جعل الترتيب رأسياً والخطوط متناسبة */
.wd-nav-main > li > a,
.woodmart-navigation .menu-item-design-default > a,
ul.menu > li > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 10px !important; /* حجم خط مناسب للاحتواء */
    padding: 5px 2px !important;
    white-space: nowrap !important;
}

/* حجم الأيقونات الدائرية */
.whb-header img,
.wd-nav-main img,
.wd-nav-img,
ul.menu img,
.category-icon img {
    width: 65px !important;            /* حجم متناسق للسطر الواحد */
    height: 65px !important;
    max-width: 65px !important;
    max-height: 65px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin-left: 0 !important;
    margin-bottom: 12px !important;
}

/* ارتفاع الشريط الأخضر */
.whb-general-header,
.whb-secondary-menu,
.whb-row {
    height: auto !important;
    min-height: 95px !important;
}

/* تطبيق اللون الأزرق على شريط المنتجات والأقسام السفلي فقط */
.whb-secondary-menu,
.whb-row:last-child {
    background-color: #2b50aa !important;
}

/* تقريب وموازنة أعمدة الفوتر في المنتصف */
.footer-container .row,
.footer-sidebar {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 30px !important; /* يمكنك تقليل الرقم لتقريبها أكثر */
    text-align: center !important;
}

/* تقريب أعمدة الفوتر وجعل المسافات بينها صغيرة ومتساوية */
.site-footer .footer-column, 
.site-footer .widget-col,
.footer-main .row > div {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 25px !important;
    margin-right: 25px !important;
}

/* ضبط عرض وحجم أعمدة الفوتر وجعل المسافات بينها متساوية */
.site-footer .footer-column, 
.site-footer .widget-col,
.footer-main .row > div {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* توسيط محتوى الفوتر بالكامل وجعله متناسقاً */
.site-footer .row, 
.footer-main .row {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    text-align: center !important;
}

/* تغيير خلفية الهيدر الثابت بالكامل إلى اللون الأبيض */
.whb-sticky-header,
.whb-sticky-header .whb-general-header,
.whb-sticky-header .whb-bottom-header,
.whb-sticky-header .whb-row,
.whb-clone,
.whb-sticked {
    background-color: #ffffff !important;
}

/* التأكد من أن نصوص القوائم والأيقونات تبقى باللون الداكن وواضحة */
.whb-sticky-header .wd-nav > li > a,
.whb-sticky-header .wd-tools-element > a {
    color: #242424 !important;
}

/* تضييق ارتفاع الهيدر الرئيسي الأبيض */
.whb-general-header {
    max-height: 70px !important;
    min-height: 70px !important;
    height: 70px !important;
}

/* محاذاة عناصر الهيدر عمودياً لتتناسب مع الارتفاع الجديد */
.whb-general-header .whb-flex-row {
    height: 70px !important;
    max-height: 70px !important;
}

/* إلغاء القص الدائري وتكبير شعار الهيدر مع البروز خارج الهوامش */
.whb-header .site-logo,
.whb-header .woodmart-logo-wrap {
    overflow: visible !important;
}

/* إلغاء القص الدائري وتكبير شعار الهيدر مع البروز خارج الهوامش */
.whb-header .site-logo,
.whb-header .woodmart-logo-wrap {
    overflow: visible !important;
}

.whb-header .site-logo img,
.whb-header .woodmart-logo-wrap img {
    border-radius: 0 !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
    object-fit: contain !important;
    max-height: 68px !important;
    height: 68px !important;
    width: auto !important;
    max-width: none !important;
}

/* توحيد ارتفاع صور المنتجات في أقسام WoodMart وWooCommerce */
.product-element-top img,
.products .product img {
    height: 250px !important;
    object-fit: contain !important;
    width: 100% !important;
}

/* تقليص ارتفاع السلايدر بالكامل (الصورة والنص معاً) */
.home .wd-slider, 
.home .wd-slide,
.home .owl-carousel .owl-stage-outer,
.home .owl-carousel .owl-stage {
    height: 400px !important; /* يمكنك تعديل هذه القيمة لزيادة أو تقليل الارتفاع العام */
    min-height: unset !important;
}

/* ضبط صورة الخلفية لتتلاءم مع الارتفاع الجديد دون تشوه */
.home .wd-slide {
    background-size: cover !important;
    background-position: center center !important;
}

/* ضبط تمركز وتناسب النصوص داخل السلايد لتصغر وترتفع معه */
.home .wd-slide-content,
.home .wd-slide-inner {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* تقليص حجم عناوين النصوص داخل السلايد لتتناسب مع الارتفاع الجديد */
.home .wd-slide-title {
    font-size: 24px !important;
    line-height: 1.3 !important;
}

/* 1. إجبار السكشن الذي يحمل المعرف على إلغاء الهوامش السفلية للودجت بالكامل */
#section-fix-space,
#section-fix-space .elementor-widget-wp-widget-woocommerce-product-categories,
#section-fix-space .wd-carousel,
#section-fix-space .owl-carousel {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 2. استهداف الغلاف أو الحاوية التي تفصل بين الصور والنقاط وتقليص مساحتها */
#section-fix-space .wd-carousel-inner,
#section-fix-space .owl-stage-outer,
#section-fix-space .slick-list {
    margin-bottom: -40px !important;
    padding-bottom: 0 !important;
}

/* 3. رفع نقاط التنقل وجعلها تلتصق تماماً أسفل الصور */
#section-fix-space .owl-dots,
#section-fix-space .slick-dots,
#section-fix-space .swiper-pagination,
#section-fix-space .wd-carousel-container .owl-dots {
    margin-top: -100px !important;
    margin-bottom: 0 !important;
    position: relative !important;
    z-index: 99 !important;
    display: flex !important;
    justify-content: center !important;
}

/* --- تعديلات مسافة نقاط التنقل لنسخة الديسك توب --- */

#desktop-fix-space {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

#desktop-fix-space .elementor-widget-wp-widget-woocommerce-product-categories,
#desktop-fix-space .wd-carousel,
#desktop-fix-space .owl-carousel {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#desktop-fix-space .wd-carousel-inner,
#desktop-fix-space .owl-stage-outer,
#desktop-fix-space .slick-list {
    margin-bottom: -20px !important;
    padding-bottom: 0 !important;
}

/* رفع النقاط للديسك توب (يمكنك تعديل الرقم بالسالب لو احتجت لرفعها أو خفضها قليلاً) */
#desktop-fix-space .owl-dots,
#desktop-fix-space .slick-dots,
#desktop-fix-space .swiper-pagination,
#desktop-fix-space .wd-carousel-container .owl-dots {
    margin-top: -190px !important;
    margin-bottom:0 !important;
    position: relative !important;
    z-index: 99 !important;
    display: flex !important;
    justify-content: center !important;
}@media (max-width: 576px) {
	h5.widget-title 
{
    text-align : right !important;
}
.joinchat__button{
	display:none;
}
}