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

.wd-popup.wd-promo-popup{
	background-color:rgb(255,255,255);
	background-image: url(https://watches-museum.com/wp-content/uploads/2021/09/glasses-popup.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.page-title-default{
	background-color:rgb(170,208,235);
	background-image: url(https://watches-museum.com/wp-content/uploads/2021/09/glasses-page-title.jpg);
	background-size:cover;
	background-position:center center;
}

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

:root{
--wd-text-font:"hkgroteskpro", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"hkgroteskpro", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"hkgroteskpro", 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%);
}
:root{
--wd-alternative-font:"Lato", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"hkgroteskpro", 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;
}
:root{
--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:16px;
}
:root{
--wd-primary-color:rgb(243,180,130);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
.page .main-page-wrapper{
	background-color:rgb(241,242,245);
	background-image: none;
}

:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:rgb(170,208,235);
}
:root{
--btn-accented-bgcolor-hover:rgb(155,190,214);
}
: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: 1px;
		
					--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-brd-radius: 0px;
				--btn-accented-box-shadow: none;
				--btn-accented-box-shadow-hover: none;
				--btn-accented-box-shadow-active: none;
				--btn-accented-bottom: 0px;
			
			
			
					
							
					--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;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
@font-face {
	font-family: "hkgroteskpro";
	src: url("//watches-museum.com/wp-content/uploads/2021/09/hkgroteskpro-regular.woff2") format("woff2"), 
url("//watches-museum.com/wp-content/uploads/2021/09/hkgroteskpro-regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	src: url("//watches-museum.com/wp-content/uploads/2021/09/hkgroteskpro-semibold.woff2") format("woff2"), 
url("//watches-museum.com/wp-content/uploads/2021/09/hkgroteskpro-semibold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	font-weight: 500;
	font-style: normal;
}

/* إخفاء الـ Prefooter من صفحة المدونة والمقالات فقط */
body.blog .wd-prefooter,
body.blog .woodmart-prefooter,
body.single-post .wd-prefooter,
body.single-post .woodmart-prefooter {
    display: none !important;
}
span.wd-btn-text {
    font-size: 22px !important;
}
.cta-button{
 color: white !important;
 border-radius: 5px;
 padding: 10px 25px;
 background: transparent;
 cursor: pointer;
 transition: all 0.3s ease;
 position: relative;
 display: inline-block;
 box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
 outline: none;
}

.cta-button {
 background: rgb(6,14,131);
 background: linear-gradient(360deg, rgba(6, 14, 131, 1) 0%, rgb(4 16 149) 100%);
 border: none;
}

.cta-button:hover {
 background: rgb(0,3,255);
 background: linear-gradient(360deg, rgba(6, 14, 131, 1) 0%, rgb(69 85 255) 100%);;
}


/* ======================================================== */
/* تصميم كروت المنتجات المقسمة الشيك - متجر الساعات */
/* ======================================================== */

/* 1. الكارت الأساسي من الخارج */
.product-grid-item {
    background-color: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 12px !important;
    padding: 15px !important; 
    box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important; /* إجبار الكارت إنه ياخد الطول بالكامل */
}
.product-grid-item:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
    transform: translateY(-4px) !important;
    border-color: #0F2041 !important;
}

/* حل مشكلة القص للكاروسيل */
.elementor-widget-container,
.swiper-container,
.swiper-wrapper {
    padding-top: 10px !important;
    padding-bottom: 15px !important;
}

/* 2. منطقة الصورة (توحيد المساحة ومنع القص) */
.product-element-top {
    height: 260px !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 15px !important;
    position: relative !important;
}
.product-element-top img {
    max-height: 100% !important;
    width: auto !important;
    object-fit: contain !important;
}

/* ======================================================== */
/* تظبيط دوائر الخصم ونفدت الكمية (الحل الجذري الأكيد للقص وللكلمة) */
/* ======================================================== */

body .product-grid-item .product-labels,
.wd-product.product-grid-item .product-labels { 
    display: flex !important;
    flex-direction: column !important; 
    gap: 8px !important; 
    position: absolute !important;
    top: 10 !important; 
    right: 0 !important; 
    left: auto !important;
    align-items: center !important;
    z-index: 99 !important;
    /* المارجن ده هو اللي هيزق الدوائر لجوّه ويمنع إنها تتقص مهما كان القالب بيعاند */
    margin-top: 15px !important; 
    margin-right: 15px !important; 
    padding: 0 !important;
    transform: none !important; 
    width: 55px !important;
} 

body .product-grid-item .product-labels .product-label,
body .product-grid-item .product-labels .onsale,
body .product-grid-item .product-labels .out-of-stock {
    position: static !important; 
    width: 52px !important; 
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    border-radius: 50% !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.1 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-align: center !important;
    transform: none !important; 
    white-space: normal !important;
}

body .product-grid-item .product-labels .onsale {
    background-color: rgb(243,180,130) !important; 
    color: #ffffff !important;
}

/* تكسير الكلمة عشان تبقى SOLD فوق و OUT تحتها بالظبط */
body .product-grid-item .product-labels .out-of-stock {
    background-color: #0F2041 !important; 
    color: #ffffff !important;
    font-size: 11px !important; 
    word-break: break-all !important; /* بيجبر الكلمة الموصولة تتكسر */
    padding-left: 8px !important; /* بيضيق المساحة عشان تاخد 4 حروف بس في السطر */
    padding-right: 8px !important;
}

/* للموبايل: تصغير الدوائر */
@media (max-width: 768px) {
    body .product-grid-item .product-labels { 
        margin-top: 10px !important; 
        margin-right: 10px !important; 
        width: 45px !important; 
    }
    body .product-grid-item .product-labels .product-label,
    body .product-grid-item .product-labels .onsale,
    body .product-grid-item .product-labels .out-of-stock {
        width: 45px !important; height: 45px !important;
        min-width: 45px !important; min-height: 45px !important;
        max-width: 45px !important; max-height: 45px !important;
    }
    body .product-grid-item .product-labels .onsale { font-size: 11px !important; }
    body .product-grid-item .product-labels .out-of-stock { 
        font-size: 9px !important; 
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
/* 3. حاوية المعلومات */
.product-information {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: center !important;
    height: 100% !important;
}

/* توحيد ارتفاع العنوان والتصنيف */
.wd-entities-title { 
    font-size: 15px !important; 
    font-weight: 700 !important; 
    color: #0F2041 !important; 
    margin-bottom: 5px !important; 
    height: 48px !important; 
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.wd-product-cats { 
    font-size: 12px !important; 
    color: #888 !important; 
    margin-bottom: 15px !important; 
    height: 22px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* 4. زق الصناديق للأسفل */
.salla-card-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px; 
    width: 100%;
    margin-top: auto !important;
    text-align: right;
    direction: rtl;
}

/* صندوق السعر (الرمادي الفاتح) - تم تكبير الخطوط وتوضيحها */
.salla-price-box {
    background-color: #f6f8f9;
    border-radius: 8px;
    padding: 10px 12px;
    height: 120px !important; 
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.salla-box-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }

/* لون وحجم كلمة سعر المنتج */
.salla-label { color: #0F2041 !important; font-size: 15px !important; font-weight: 800 !important; }

/* بادج الخصم الكحلي اللي جوه الصندوق */
.salla-discount-badge {
    background-color: #0F2041 !important; 
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
}

.salla-main-price-wrap { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; flex-wrap: wrap; }
.salla-main-price { color: rgb(243,180,130); font-size: 22px; font-weight: 800; }
.salla-main-price .woocommerce-Price-currencySymbol { font-size: 16px; }
.salla-tax-note { color: #666; font-size: 12px; font-weight: 600; }

.salla-old-price-wrap { display: flex; align-items: center; gap: 10px; min-height: 20px; } 
.salla-old-price-wrap del { color: #999; font-size: 14px; font-weight: 600; }
.salla-save-note { color: #0F2041; font-size: 13px; font-weight: 800; }

/* 5. صندوق التقسيط */
.salla-installments-box {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    padding: 8px;
    text-align: center;
    height: 55px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.salla-install-title { display: block; color: #555; font-size: 11px; font-weight: 600; margin-bottom: 6px; }
.salla-install-logos { display: flex; justify-content: center; gap: 6px; }
.salla-install-logos img { height: 18px; object-fit: contain; }

/* 6. حالة المخزون السفلي */
.salla-stock-badge {
    border-radius: 6px;
    padding: 6px 0;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    margin-top: 2px;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.salla-stock-badge.in-stock {
    background-color: #f2fbf4;
    border: 1px solid #dcf2e1;
    color: #2b8a4a;
}
.salla-stock-badge.out-of-stock {
    background-color: #fdf3f3;
    border: 1px solid #f9dcdc;
    color: #d83b3b;
}

/* 7. إخفاء وتعديل عناصر وودمارت الافتراضية */
.wd-product-wrapper .wrap-price, .wd-product-wrapper .price { display: none !important; }

/* زر إضافة للسلة النهائي تحت الكارت */
.wd-add-btn { margin-top: 10px !important; width: 100% !important; }
.wd-add-btn .add_to_cart_button {
    background-color: #0F2041 !important; 
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 12px !important;
    font-weight: bold !important;
    font-size: 14px !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    background-image: none !important;
    box-shadow: none !important;
}
.wd-add-btn .add_to_cart_button:hover {
    background-color: rgb(243,180,130) !important; 
}

/* ======================================================== */
/* 📱 تظبيط الموبايل 📱 */
/* ======================================================== */
@media (max-width: 768px) {
    /* إخفاء أيقونات (المقارنة واللايك) في الموبايل فقط وتفضل ظاهرة في الديسكتوب */
    .product-grid-item .wd-buttons,
    .product-grid-item .wd-product-actions,
    .product-grid-item .wd-action-btn {
        display: none !important;
    }

    .product-element-top { height: 180px !important; }
    
    .wd-entities-title { font-size: 12px !important; height: 38px !important; }
    .wd-product-cats { font-size: 10px !important; height: 18px !important; }
    
    .salla-price-box { height: 110px !important; padding: 8px !important; }
    
    .salla-box-header { margin-bottom: 5px !important; }
    .salla-label { font-size: 13px !important; } /* خط كحلي واضح للموبايل */
    .salla-discount-badge { font-size: 11px !important; padding: 2px 4px !important; }
    
    .salla-main-price-wrap {
        display: flex !important;
        flex-direction: column !important; 
        align-items: flex-start !important;
        gap: 2px !important;
        margin-bottom: 6px !important;
    }
    .salla-main-price { font-size: 18px !important; line-height: 1 !important; }
    .salla-tax-note { font-size: 10px !important; line-height: 1 !important; }
    
    .salla-old-price-wrap { justify-content: space-between !important; min-height: 15px !important; }
    .salla-old-price-wrap del { font-size: 12px !important; }
    .salla-save-note { font-size: 11px !important; }
    
    .salla-installments-box { height: 50px !important; padding: 6px !important; }
    .salla-install-title { font-size: 9px !important; margin-bottom: 6px !important; font-weight: 700 !important; }
    
    /* تصغير دوائر الخصم في الموبايل عشان تلم الكلام المقطوع */
    .product-labels .product-label,
    .product-labels .onsale,
    .product-labels .out-of-stock {
        min-width: 40px !important;
        min-height: 40px !important;
        font-size: 9px !important;
        padding: 0 !important;
    }
}@media (min-width: 1025px) {
	.main-footer ul{
	text-align : center !important
}

.main-footer h5{
	text-align : center !important
}
}