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

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//www.lecmoiraq.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//www.lecmoiraq.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//www.lecmoiraq.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//www.lecmoiraq.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//www.lecmoiraq.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//www.lecmoiraq.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//www.lecmoiraq.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//www.lecmoiraq.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "El Messiri", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "El Messiri", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "El Messiri", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "El Messiri", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "El Messiri", 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: 14px;
	--wd-header-el-font: "El Messiri", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(171,140,103);
	--wd-alternative-color: rgb(43,62,105);
	--btn-default-font-family: "El Messiri", Arial, Helvetica, sans-serif;
	--btn-default-bgcolor: rgb(77,93,138);
	--btn-default-bgcolor-hover: rgb(171,140,103);
	--btn-accented-font-family: "El Messiri", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: rgb(171,140,103);
	--btn-accented-bgcolor-hover: rgb(77,93,138);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(171,140,103);
	--notices-success-color: #fff;
	--notices-warning-bg: rgba(221,51,51,0.8);
	--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: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(243,243,243);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(243,243,243);
	background-image: none;
}
.product-labels .product-label.onsale {
	background-color: rgb(77,93,138);
	color: rgb(242,242,242);
}
.product-labels .product-label.new {
	background-color: rgb(171,140,103);
	color: rgb(242,242,242);
}
.product-labels .product-label.featured {
	background-color: rgba(221,51,51,0.94);
	color: rgb(244,244,244);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--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: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(239,227,217);
}

/* ////////////info-box-draw/////حركة للايقونات  لماذا نحن//////////*/



/* 1. إخفاء المربع الخلفي الوهمي فقط (الذي لا يحتوي على إطار stroke) */
.info-box-draw .elementor-icon svg rect:not([stroke]) {
    display: none !important;
}

/* 2. تجهيز كل الخطوط للرسم (أضفنا المربعات الأساسية rect[stroke] للقائمة) */
.info-box-draw .elementor-icon svg path,
.info-box-draw .elementor-icon svg polygon,
.info-box-draw .elementor-icon svg line,
.info-box-draw .elementor-icon svg circle,
.info-box-draw .elementor-icon svg rect[stroke] {
    stroke-dasharray: 1500; /* زدنا الرقم لضمان رسم الأشكال الكبيرة بالكامل */
    stroke-dashoffset: 1500;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 6px !important;
}

/* 3. تشغيل الرسم المتكرر (5 ثواني) لما الشاشة توصل للأيقونة */
.info-box-draw.animated .elementor-icon svg path,
.info-box-draw.animated .elementor-icon svg polygon,
.info-box-draw.animated .elementor-icon svg line,
.info-box-draw.animated .elementor-icon svg circle,
.info-box-draw.animated .elementor-icon svg rect[stroke] {
    animation: lecomoDrawingLoop 5s ease-in-out infinite; 
}

/* 4. هندسة الحركة: رسم -> ثبات 2.5 ثانية -> مسح */
@keyframes lecomoDrawingLoop {
    0% { stroke-dashoffset: 1500; }
    35% { stroke-dashoffset: 0; }
    85% { stroke-dashoffset: 0; }
    100% { stroke-dashoffset: 1500; }
}

/* 5. ضبط حجم الأيقونة */
.info-box-draw .elementor-icon svg {
    width: 50px !important;
    height: 50px !important;
    overflow: visible;
}


/* ////////////lecomo-bg/////كتابة لكلمة lecomo في خلفية العنوان//////////*/




/* إعداد حاوية النص للحفاظ على التوسيط */
.lecomo-bg .wd-text-block p {
    display: inline-block;
    /* الحركة مدتها الإجمالية 5 ثواني لضبط التوقيت بالملي */
    animation: lecomoCleanWrite 5s ease-in-out infinite; 
}

/* هندسة الحركة (دخول 1.25ث، ثبات 2.5ث، تراجع 1.25ث، إعادة فورية) */
@keyframes lecomoCleanWrite {
    0% { clip-path: inset(0 100% 0 0); }   /* البداية: النص مخفي ويبدأ بالظهور فورا */
    25% { clip-path: inset(0 0 0 0); }     /* يكتمل الظهور خلال 1.25 ثانية */
    75% { clip-path: inset(0 0 0 0); }     /* يثبت لمدة 2.5 ثانية بالضبط (من 25% إلى 75%) */
    100% { clip-path: inset(0 100% 0 0); } /* يتراجع خلال 1.25 ثانية ويعيد الحركة مباشرة بدون أي انتظار */
}





/* ///////////light-sweep-title//light sweep  متحرك للعنوان //////////////*/


.light-sweep-title h3.title {
    display: inline-block;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    
    /* اللمعان الشفاف والرقيق */
    background-image: linear-gradient(45deg, 
        currentColor 45%, 
        rgba(255, 255, 255, 0.2) 50%, 
        currentColor 55%);
    
    background-size: 400% 100%;
    
    /* المدة الإجمالية 6.5 ثانية (عبور 4ث + انتظار 2.5ث) */
    animation: lecomoFinalTiming 6.5s linear infinite;
}

@keyframes lecomoFinalTiming {
    /* 1. مرحلة العبور (تستغرق 4 ثوانٍ) */
    0% { background-position: 150% 0; }
    61.53% { background-position: -50% 0; } /* (4 / 6.5) * 100 ≈ 61.53% */
    
    /* 2. مرحلة الانتظار (تستغرق 2.5 ثانية بالضبط) */
    100% { background-position: -50% 0; } 

}


/* ///////////light-sweep-g//light sweep متحرك وعام //////////////*/


.light-sweep-g * {
    /* إلغاء الـ inline-block اللي بيعمل سماكة وهمية */
    display: inline; 
    
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    
    background-image: linear-gradient(45deg, 
        currentColor 45%, 
        rgba(255, 255, 255, 0.5) 50%, 
        currentColor 55%) !important;
    
    background-size: 400% 100% !important;
    
    /* تقليل حدة الأنميشن للنصوص الطويلة */
    animation: lecomoFinalTiming 6.5s linear infinite !important;
}



/* ///////////light-sweep-h-bg//light sweep hover لخلفية الكرت //////////////*/




/* 1. الحاوية الأساسية للكرت */
.light-sweep-h-bg {
    position: relative;
}

/* 2. تجهيز اللمعة كطبقة فوق الخلفية فقط */
.light-sweep-h-bg::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    border-radius: inherit;
    z-index: 1; /* اللمعة في الطبقة رقم 1 (تحت المحتوى) */
    pointer-events: none;

    background: linear-gradient(
        115deg, 
        transparent 0%, 
        transparent 40%, 
        rgba(255, 255, 255, 0.4) 50%, 
        transparent 60%, 
        transparent 100%
    );
    background-size: 300% 100%;
    
    /* اللمعة مخفية على اليمين */
    background-position: 100% 0;
    
    /* الحل السحري: سرعة الرجوع 0 ثانية (تختفي فوراً عند سحب الماوس) */
    transition: background-position 0s;
}

/* 3. حركة اللمعة للأمام فقط عند الهوفر */
.light-sweep-h-bg:hover::after {
    background-position: 0% 0;
    /* سرعة الذهاب 0.8 ثانية وتعمل فقط والماوس فوق الكرت */
    transition: background-position 0.8s ease-in-out;
}

/* 4. حماية المحتوى: رفع الزجاجة والنصوص والأزرار لتكون دائماً فوق اللمعة */
.light-sweep-h-bg .elementor-widget {
    z-index: 10 !important;
}



/* ///////////lecmo-parallax////////parallax //////////////*/




.lecmo-parallax {
    animation: moveVertical linear;
    animation-timeline: scroll();
    will-change: transform;
}

/* تحكم خاص بالجوال (زدنا المسافة لتبين الحركة) */
@media (max-width: 1024px) {
    @keyframes moveVertical {
        from { 
            transform: translateY(120px); /* يبدأ من مسافة بعيدة تحت */
        }
        to { 
            transform: translateY(-120px); /* يرتفع لمسافة واضحة فوق */
        }
    }
}

/* تحكم الكمبيوتر (متوازن) */
@media (min-width: 1025px) {
    @keyframes moveVertical {
        from { transform: translateY(150px); }
        to { transform: translateY(-150px); }
    }
}




/* ///////////lecmo-wave-animate//////// كلاس تحريك مقسم الشكل عرضياً لمتجر Lecmo //////////////*/




/* --- حركة أمواج شاملة مع الحفاظ على تحكم المنتور بالعرض --- */

.lecmo-wave-animate .elementor-shape-top,
.lecmo-wave-animate .elementor-shape-bottom {
    overflow: hidden !important; 
}

/* تطبيق الحركة على الـ SVG بدون التدخل بالعرض */
.lecmo-wave-animate .elementor-shape-top svg,
.lecmo-wave-animate .elementor-shape-bottom svg {
    /* تم حذف سطر الـ width ليعود التحكم للمنتور 100% */
    max-width: none !important;
    animation: lecmoOceanWave 3s ease-in-out infinite alternate !important; 
}

/* مسافة الانتقال (80 بكسل) مع الحفاظ على تمركز المنتور */
@keyframes lecmoOceanWave {
    0% { transform: translateX(calc(-50% - 80px)); }
    100% { transform: translateX(calc(-50% + 80px)); }
}

/* ///////////png////////  تعطيل تفاعل الماوس مع الحاوية الشفافة للصور ذات كلاس png //////////////*/

.png {
    pointer-events: none !important;
}







/* /////////////////// تصميم السمات في صفحة المنتج //////////////*/