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

:root {
	--wd-text-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,49,102);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #0a2a57;
	--btn-default-bgcolor-hover: rgb(19,66,122);
	--btn-accented-bgcolor: rgb(0,49,102);
	--btn-accented-bgcolor-hover: rgb(19,60,122);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(0,49,102);
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(30,115,190);
	background-image: url(https://kiswatalfakhama.com/wp-content/uploads/2025/09/popup_background_navy.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 650px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	background-repeat: no-repeat;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(0,49,102);
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-family: "Tajawal", Arial, Helvetica, sans-serif;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

@media (min-width: 1600px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(0,102,191);
}

@font-face{font-family:'Tajawal';src:url('/wp-content/themes/your-theme/fonts/tajawal-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Tajawal';src:url('/wp-content/themes/your-theme/fonts/tajawal-medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Tajawal';src:url('/wp-content/themes/your-theme/fonts/tajawal-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--kf-footer-text-rgb:255,255,255}
footer .kf-footer-tagline{font-size:clamp(13px,.9rem + .2vw,15px);line-height:1.7;color:rgba(var(--kf-footer-text-rgb),.95);margin-block-start:.5rem;margin-block-end:0;text-align:end;overflow-wrap:anywhere;font-family:'Tajawal',sans-serif}
@media(max-width:767px){footer .kf-footer-tagline{text-align:center}}
@media(prefers-contrast:more){footer .kf-footer-tagline{color:rgb(var(--kf-footer-text-rgb))}}
html[dir=ltr] footer .kf-footer-tagline{text-align:left}
html[dir=rtl] footer .kf-footer-tagline{text-align:right}
/***************/
/* تقريب الشعار من العبارة في الفوتر */
.footer-columns img {
  display: block;
  margin: 0 auto 3px auto; /* 3px فقط مسافة صغيرة */
  max-width: 160px; /* يمكن تعديلها حسب الحجم الذي يناسبك */
  height: auto;
}
.footer-columns p.kf-footer-tagline {
  text-align: center;
  margin-top: 2px !important; /* يقلل المسافة بين النص والصورة */
  font-size: 14px;
  line-height: 1.6;
  color: #f2f2f2;
}
footer .kf-contact {
  color:#f2f2f2;
  line-height:1.9;
  font-size:14px;
  margin-bottom:10px;
}
footer .kf-contact a {
  color:#f2f2f2;
  text-decoration:none;
  border-bottom:1px dotted rgba(255,255,255,.25);
}
footer .kf-contact a:hover {
  border-bottom-color: rgba(255,255,255,.6);
}
footer .kf-socials {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:10px;
}
footer .kf-socials .kf-social-btn {
  display:inline-block;
  padding:8px 14px;
  border-radius:999px;
  background:#1b3c5c;
  color:#fff;
  font-size:13px;
  text-decoration:none;
  transition:transform .15s ease, background .15s ease, opacity .15s ease;
}
footer .kf-socials .kf-social-btn:hover {
  transform:translateY(-1px);
  background:#224a73;
  opacity:.95;
}
footer h4 {
  text-align:center;
  color:#fff;
  font-weight:700;
  font-size:15px;
}
.close-side-widget a {
    font-size: 0;
    background-color: rgb(0, 49, 102);
    padding-right: 7px;
    border-radius: 20px;
    padding-bottom: 5px;
    color: white;
}
.close-side-widget a::before {
  content: "×"; /* Add X symbol */
  font-size: 24px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}
/*****footer*****/
/* إعادة ترتيب عناصر الفوتر */
.Copyrights-custom {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px; /* المسافة بين العناصر */
}
/* صورة طرق الدفع */
.Copyrights-custom > img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
width: 30%;
}
/* قسم VAT والهيئة جنب بعض */
.v-m {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 40px; /* المسافة بين الصورتين */
}
/* تكبير الصور قليلاً مع الحفاظ على التناسق */
.v-m img {
  width: 40px;
  height: auto;
}
/* النص الأخير */
.Copyrights-custom small {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 1.8;
  color: #fff;
}
/* تعديل الهوامش العامة للفوتر */
.wd-copyrights {
  background-color: #002b64; /* تأكد أنه نفس اللون الحالي للفوتر */
  padding: 30px 0;
}
/* جعل النص والعناصر في المنتصف على الشاشات الصغيرة */
@media (max-width: 768px) {
  .v-m {
    flex-direction: row;
    gap: 20px;
  }
  .Copyrights-custom small {
    font-size: 13px;
  }
}
.footer-sidebar {
    padding-block-end: 10px;
}
/**** footer***/
/*** footer image ***/
.kf-footer {
  text-align: right;
  color: #fff;
  padding: 0px 20px;
  border-radius: 12px;
  width: fit-content;
  margin: 0 auto;
}
.kf-logo {
  display: block;
  margin: 0 auto 10px;
}
.kf-title {
  font-size: 22px;
  margin: 0;
  text-align: right;
  font-weight: bold;
}
.kf-tagline {
  font-size: 15px;
  color: #d1d1d1;
  margin-bottom: 15px;
  text-align: right;
}
.kf-contact p {
  margin: 5px 0;
  font-size: 15px;
}
.kf-contact a {
  color: #fff;
  text-decoration: none;
}
.kf-contact a:hover {
  text-decoration: underline;
}
.kf-socials {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 15px;
}
.kf-socials a {
  color: #fff;
  background-color: #003875;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  transition: all 0.3s ease;
}
.kf-socials a:hover {
  background-color: #1E76CF;
  color: #fff;
  transform: scale(1.1);
}
@media (max-width: 768px) {
  .kf-footer {
    text-align: center;
  }
  .kf-socials {
    justify-content: center;
  }
}
/*** footer image**/


/*-------------------------------------------------------------*/
/* تنسيق الحاوية الأساسية */
.elementor-element-1da5462,
.elementor-element-c5b937b,
.elementor-element-453463af,
.elementor-element-788a1ab {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    /* تأكد من وجود مساحة كافية في الأسفل للزر */
    padding-bottom: 80px !important; 
    overflow: visible !important;
}

/* تحديد موضع الأزرار على الديسكتوب */
.elementor-element-d054392,
.elementor-element-3996de5,
.elementor-element-15ef48a,
.elementor-element-dc4c4ba {
    position: absolute !important;
    /* اجعل الزر يلتصق بأسفل الحاوية تماماً */
    bottom: 10px !important; 
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 85% !important;
    z-index: 10 !important;
    margin: 0 auto !important;
}

/* ضبط شكل الزر الداخلي */
.elementor-element-d054392 .elementor-button,
.elementor-element-3996de5 .elementor-button,
.elementor-element-15ef48a .elementor-button,
.elementor-element-dc4c4ba .elementor-button {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* تعديلات الجوال (Mobile) تبقى كما هي تقريباً مع ضبط بسيط */
@media (max-width: 767px) {
    .elementor-element-d054392,
    .elementor-element-3996de5,
    .elementor-element-15ef48a,
    .elementor-element-dc4c4ba {
        bottom: 5px !important;
        width: 90% !important;
    }
}
/*-------------------*/
   .mobile-nav .wd-heading {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important; /* توزيع العناصر على الأطراف */
            flex-direction: row-reverse !important; /* عكس الاتجاه لوضع الشعار يميناً والإغلاق يساراً */
            padding: 10px 15px !important;
            width: 100% !important;
        }

        /* تنسيق حاوية الشعار */
        .mobile-nav-logo {
            display: flex;
            align-items: center;
            margin-left: auto; /* يضمن دفع الشعار لأقصى اليمين */
        }

        /* لضمان عدم تداخل الشعار مع زر الإغلاق */
        .wd-heading .close-side-widget {
            position: static !important; /* إلغاء التموضع المطلق إذا وجد */
            margin-right: 0 !important;
        }
	
/*-------------------صور الوان المنتجات الرئيسية----------------------*/
/* --- تكبير الخيارات في صفحة المنتج الفردية --- */
.wd-swatches-product.wd-swatches-single .wd-swatch {
    width: 65px !important;  /* حجم أكبر للوضوح التام */
    height: 65px !important;
    margin: 6px !important;
}

/* تحسين الصورة داخل الدائرة */
.wd-swatches-single .wd-swatch-bg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

/* تمييز الخيار المختار في الصفحة الفردية */
.wd-swatches-single .wd-swatch.wd-active {
    border: 2.5px solid #000 !important;
    transform: scale(1.1);
}

/* --- ضبط الخيارات في شبكة المنتجات (المتجر) --- 
.wd-swatches-product.wd-swatches-grid .wd-swatch {
    width: 45px !important;  /* حجم أصغر قليلاً ليناسب بطاقة المنتج 
    height: 45px !important;
    margin: 3px !important;
}

/* تحسين الصورة داخل الشبكة 
.wd-swatches-grid .wd-swatch-bg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

/* تمييز الخيار المختار في الشبكة 
.wd-swatches-grid .wd-swatch.wd-active {
    border: 2px solid #000 !important;
}
*/


@media (min-width: 1025px) {
		/* --- إصلاح توزيع أعمدة الفوتر أفقياً لمتجر كسوة الفخامة --- */
@media (min-width: 992px) {
    /* استهداف الحاوية مباشرة وتعطيل متغيرات القالب الداخلية */
    aside.footer-sidebar.wd-grid-g {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 30px !important;
        width: 100% !important;
        /* تصفير متغيرات القالب التي تسبب المشكلة */
        --wd-col-lg: 3 !important; 
    }

    /* إجبار كل عمود على أخذ مساحة الربع (25%) ومنع التمدد */
    aside.footer-sidebar.wd-grid-g > .footer-column.wd-grid-col {
        flex: 1 1 25% !important;
        max-width: 25% !important;
        width: 25% !important;
        min-width: 0 !important;
        float: none !important;
        margin-bottom: 0 !important;
    }
}

/* --- إصلاح ظهور القوائم المحتجزة --- */
.footer-column .wd-widget-collapse .menu,
.footer-column [class*="menu-"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* محاذاة العناوين والنصوص لليمين */
.footer-column {
    text-align: right !important;
}

/*------------------------------*/

/* إخفاء الأيقونات في الديسكتوب */
.social-mobile-box {
    display: none !important;
}

/* إظهارها في الجوال فقط */
@media (max-width: 767px) {
    .social-mobile-box {
        display: flex !important;
    }
}
}

@media (max-width: 576px) {
	body{font-size:15px;line-height:1.6;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{line-height:1.3;word-break:break-word}img,video{max-width:100%;height:auto}button,.button,.woocommerce button{font-size:14px;padding:10px 16px;border-radius:6px}input,select,textarea{font-size:14px;padding:10px;width:100%;box-sizing:border-box}footer .kf-footer-tagline{font-size:13px;text-align:center;line-height:1.5;margin:8px 0}

.joinchat__button {
    bottom: 49px !important;
}


/* إظهار أيقونات التواصل الاجتماعي المثبتة في الجوال 
@media (max-width: 767px) {
    .wd-sticky-social {
        display: flex !important; /* إجبارها على الظهور 
        flex-direction: row; /* ترتيب الأيقونات افقيا 
        position: fixed !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 9999 !important; /* لضمان ظهورها فوق كل شيء
    }

    /* تصغير حجم الأيقونات قليلاً لكي لا تأخذ مساحة كبيرة من الشاشة 
    .wd-sticky-social .wd-social-icon {
        width: 35px !important;
        height: 35px !important;
        line-height: 35px !important;
    }

    /* إخفاء أسماء المنصات (X، انستجرام، إلخ) ليبقى الرمز فقط 
    .wd-sticky-social .wd-icon-name {
        display: none !important;
    }

    /* ضبط الحواف والمكان في الجهة اليسرى 
    .wd-sticky-social-left {
        left: 0 !important;
    }
}*/

/* 1. الإخفاء التام في الديسكتوب (لأي عنصر يحمل هذا الكلاس) */
/* إخفاء الصندوق في الديسكتوب */
.social-mobile-box {
    display: none !important;
}

/* إعدادات الجوال فقط */
@media (max-width: 767px) {
    .social-mobile-box {
        display: flex !important;
        flex-direction: row; /* جعلهم في سطر واحد */
        justify-content: center; /* توسيط السطر بالكامل */
        align-items: center; /* محاذاة الكلمة مع وسط الأيقونات */
        gap: 10px; /* المسافة بين الأيقونات والكلمة */
        margin-top: 15px;
    }

    .icons-row {
        display: flex;
        gap: 8px; /* المسافة بين كل أيقونة وأخرى */
    }

    .icons-row a {
        color: #d1d1d1;
        font-size: 20px; /* حجم الأيقونات */
        text-decoration: none;
    }

    .follow-us-text {
        color: #b0b0b0;
        font-size: 13px;
        white-space: nowrap; /* منع انقسام الكلمة */
    }
}
}