:root {
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Readex Pro", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Readex Pro", 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: var(--wd-text-font);
	--wd-widget-title-font: "Readex Pro", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Readex Pro", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(197,160,89);
	--wd-alternative-color: rgb(235,230,255);
	--btn-default-bgcolor: rgb(235,230,255);
	--btn-default-bgcolor-hover: rgb(214,209,232);
	--btn-accented-bgcolor: rgb(109,78,236);
	--btn-accented-bgcolor-hover: rgb(99,71,214);
	--btn-font-family: "Readex Pro", Arial, Helvetica, sans-serif;
	--btn-font-weight: 500;
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgba(255,255,255,0.9);
	--wd-link-color-hover: rgb(109,78,236);
}
.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: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
: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;
}
.wd-footer {
	background-color: rgb(16,30,79);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a {
	font-family: "Readex Pro", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: rgb(255,255,255);
}
html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a:hover, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a:hover, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu  li a:hover, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a:hover {
	color: rgb(109,78,236);
}
html table th {
	text-transform: none;
}
html .wd-checkout-steps {
	text-transform: capitalize;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(3,15,50);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(3,15,50);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(3,15,50);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(3,15,50);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(3,15,50);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(3,15,50);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(3,15,50);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	color: rgb(51,51,51);
	background: rgb(235, 230, 255);
}
html .btn.wd-buy-now-btn:hover {
	color: rgb(51,51,51);
	background: rgb(214,209,232);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(36,36,36);
}
.wd .product-label.onsale {
	background-color: rgb(36,36,36);
	color: rgb(255,255,255);
}
.wd .product-label.new {
	background-color: rgb(36,36,36);
	color: rgb(255,255,255);
}
.wd .product-label.featured {
	background-color: rgb(36,36,36);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1520px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

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


.wd-page-title {
background-color: rgba(151,151,151,0.11);
}

/* ==========================================================================
   1. تعريف التدرج الذهبي وتحريك النجوم وتعديل متغيرات القالب
   ========================================================================== */
.star-rating, 
.star-rating span:before,
.star-rating.wd-style-simple:after {
    background: linear-gradient(135deg, #FFE082 0%, #C5A059 50%, #9A7B36 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    display: inline-block;
    animation: starPulse 2.5s infinite ease-in-out;
}

@keyframes starPulse {
    0% { transform: scale(1); filter: drop-shadow(0 0 0px rgba(197, 160, 89, 0)); }
    50% { transform: scale(1.03); filter: drop-shadow(0 0 4px rgba(197, 160, 89, 0.45)); }
    100% { transform: scale(1); filter: drop-shadow(0 0 0px rgba(197, 160, 89, 0)); }
}

:root {
    --wd-star-color: #C5A059;
}

/* ==========================================================================
   2. تهيئة وتصميم الوميض الزجاجي الذهبي الفاخر على صور المنتجات
   ========================================================================== */
body:not(.single-product) .product-image-link {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
}

body:not(.single-product) .product-image-link::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -150% !important;
    width: 80% !important;
    height: 100% !important;
    background: linear-gradient(
        90deg, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.4) 30%, 
        rgba(197, 160, 89, 0.25) 50%, 
        rgba(255, 255, 255, 0.4) 70%, 
        rgba(255, 255, 255, 0) 100%
    ) !important;
    transform: skewX(-25deg) !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease !important;
    pointer-events: none !important;
    z-index: 3 !important;
}

body:not(.single-product) .product-grid-item:hover .product-image-link::after,
body:not(.single-product) .wd-product:hover .product-image-link::after,
body:not(.single-product) .product-list-item:hover .product-image-link::after,
body:not(.single-product) .product-image-link:hover::after {
    opacity: 1 !important;
    animation: glassFlashMove 0.85s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;
}

@keyframes glassFlashMove {
    0% { left: -150%; }
    100% { left: 150%; }
}

/* ==========================================================================
   3. حركات الأزرار (خلفية ذهبية عادية -> تأثير الألماس البراق عند الهوفر)
   ========================================================================== */
/* تم استهداف أزرار الميجا منيو والقوائم الترويجية هنا بشكل إجباري وصريح */
button:not([class*="search"]):not([id*="search"]):not(.search-submit):not(.wp-block-search__button):not(.elementor-search-form__submit), 
input[type="button"]:not([class*="search"]):not([id*="search"]), 
input[type="submit"]:not([class*="search"]):not([id*="search"]):not(.search-submit), 
.button:not([class*="search"]):not(.search-submit), 
.btn:not([class*="search"]), 
.elementor-button:not([class*="search"]), 
.woocommerce a.button:not([class*="search"]), 
.woocommerce button.button:not([class*="search"]),
.wd-dropdown-menu .promo-banner a,
.wd-dropdown-menu .promo-banner a.button,
.wd-nav-main .banner-btn-wrapper,
.wd-nav-main .promo-banner-btn {
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #C5A059 0%, #9A7B36 100%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.4s ease !important;
}

button:not([class*="search"]):not([id*="search"]):not(.search-submit):not(.wp-block-search__button):not(.elementor-search-form__submit)::after, 
input[type="button"]:not([class*="search"]):not([id*="search"])::after, 
input[type="submit"]:not([class*="search"]):not([id*="search"]):not(.search-submit)::after, 
.button:not([class*="search"]):not(.search-submit)::after, 
.btn:not([class*="search"])::after, 
.elementor-button:not([class*="search"])::after, 
.woocommerce a.button:not([class*="search"])::after, 
.woocommerce button.button:not([class*="search"])::after,
.wd-dropdown-menu .promo-banner a::after,
.wd-dropdown-menu .promo-banner a.button::after,
.wd-nav-main .banner-btn-wrapper::after,
.wd-nav-main .promo-banner-btn::after {
    content: "" !important;
    background: linear-gradient(135deg, #ffffff 0%, #e2f1f8 25%, #b0bec5 50%, #e2f1f8 75%, #ffffff 100%) !important; 
    position: absolute !important;
    z-index: -1 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: -20% !important;
    right: -20% !important;
    transform: skewX(-45deg) scaleX(0) !important;
    transform-origin: center !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

button:not([class*="search"]):not([id*="search"]):not(.search-submit):not(.wp-block-search__button):not(.elementor-search-form__submit):hover, 
input[type="button"]:not([class*="search"]):not([id*="search"]):hover, 
input[type="submit"]:not([class*="search"]):not([id*="search"]):not(.search-submit):hover, 
.button:not([class*="search"]):not(.search-submit):hover, 
.btn:not([class*="search"]):hover, 
.elementor-button:not([class*="search"]):hover, 
.woocommerce a.button:not([class*="search"]):hover, 
.woocommerce button.button:not([class*="search"]):hover,
.wd-dropdown-menu .promo-banner a:hover,
.wd-dropdown-menu .promo-banner a.button:hover,
.wd-nav-main .banner-btn-wrapper:hover,
.wd-nav-main .promo-banner-btn:hover {
    background: transparent !important;
    color: #111111 !important;
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.6)) !important;
}

button:not([class*="search"]):not([id*="search"]):not(.search-submit):not(.wp-block-search__button):not(.elementor-search-form__submit):hover::after, 
input[type="button"]:not([class*="search"]):not([id*="search"]):hover::after, 
input[type="submit"]:not([class*="search"]):not([id*="search"]):not(.search-submit):hover::after, 
.button:not([class*="search"]):not(.search-submit):hover::after, 
.btn:not([class*="search"]):hover::after, 
.elementor-button:not([class*="search"]):hover::after, 
.woocommerce a.button:not([class*="search"]):hover::after, 
.woocommerce button.button:not([class*="search"]):hover::after,
.wd-dropdown-menu .promo-banner a:hover::after,
.wd-dropdown-menu .promo-banner a.button:hover::after,
.wd-nav-main .banner-btn-wrapper:hover::after,
.wd-nav-main .promo-banner-btn:hover::after {
    transform: skewX(-45deg) scaleX(1) !important;
}

/* ==========================================================================
   4. تأثير النبض والبريق لملصقات المنتجات (Hot, Featured, Sale, New Labels)
   ========================================================================== */
.product-label.featured,
.product-label.hot {
    background: linear-gradient(135deg, #BF953F 0%, #FCF6BA 50%, #B38728 100%) !important;
    color: #111111 !important;
    animation: labelPulse 2s infinite ease-in-out;
    box-shadow: 0 0 0px rgba(197, 160, 89, 0);
    transition: all 0.3s ease;
}

@keyframes labelPulse {
    0% { transform: scale(1); box-shadow: 0 0 0px rgba(197, 160, 89, 0); }
    50% { transform: scale(1.05); box-shadow: 0 0 8px rgba(197, 160, 89, 0.7); }
    100% { transform: scale(1); box-shadow: 0 0 0px rgba(197, 160, 89, 0); }
}

.product-label.onsale,
.product-label.new {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #C5A059 0%, #9A7B36 100%) !important;
    color: #ffffff !important;
}

.product-label.onsale::after,
.product-label.new::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -60%;
    width: 30%;
    height: 200%;
    background: rgba(255, 255, 255, 0.5);
    transform: rotate(30deg);
    animation: labelShine 3.5s infinite ease-in-out;
}

@keyframes labelShine {
    0% { left: -60%; }
    15% { left: 130%; }
    100% { left: 130%; }
}

/* ==========================================================================
   5. تعديل ألوان الأسعار في كامل المتجر إلى درجات ذهبية فاخرة
   ========================================================================== */
.price, 
.price bdi, 
.price span,
.amount,
.wd-price-unit,
.summary-inner .price,
.summary-inner .price bdi,
.summary-inner .price .amount,
.widget_shopping_cart .total .amount,
.wd-header-cart .wd-cart-subtotal .amount,
.product_list_widget .price .amount {
    color: #D4AF37 !important;
}

ins .amount, 
ins bdi,
.price ins {
    color: #F3E5AB !important;
}

del .amount, 
del bdi,
.price del {
    color: rgba(197, 160, 89, 0.55) !important;
    text-decoration-color: #BA1A1A !important;
}

/* ==========================================================================
   6. التحكم في لون خط نصوص الأزرار (أبيض عادي، وداكن عند الهوفر)
   ========================================================================== */
button, 
input[type="submit"], 
input[type="button"], 
.btn, 
.button,
.wd-button,
.woocommerce .button,
.woocommerce .btn,
.woocommerce input.button,
.single_add_to_cart_button,
.wd-add-cart-btn a,
.added_to_cart,
.view-cart-button,
.woocommerce-mini-cart__buttons .button,
.checkout-button,
.place-order .button,
.actions .button,
.elementor-button,
.elementor-button .elementor-button-text,
.elementor-button-content-wrapper,
.wd-dropdown-menu .promo-banner a,
.wd-dropdown-menu .promo-banner a.button,
.wd-nav-main .banner-btn-wrapper,
.wd-nav-main .promo-banner-btn {
    color: #FFFFFF !important;
}

button:hover, 
input[type="submit"]:hover, 
input[type="button"]:hover, 
.btn:hover, 
.button:hover,
.wd-button:hover,
.woocommerce .button:hover,
.woocommerce .btn:hover,
.woocommerce input.button:hover,
.wd-dropdown-menu .promo-banner a:hover,
.wd-dropdown-menu .promo-banner a.button:hover,
.wd-nav-main .banner-btn-wrapper:hover,
.wd-nav-main .promo-banner-btn:hover {
    color: #111111 !important;
}

/* ==========================================================================
   7. تأثير الهيدر (أيقونات البحث، العربة، قائمة الرغبات، وحسابي بالذهبي والتوهج)
   ========================================================================== */
.wd-header-search .search-button > a,
.wd-search-form .searchsubmit,
.wd-header-search a i,
.wd-header-cart > a,
.wd-header-cart > a i,
.wd-header-wishlist > a,
.wd-header-wishlist > a i,
.wd-header-my-account > a,
.wd-header-my-account > a i {
    color: #C5A059 !important;
    background: transparent !important;
    -webkit-text-fill-color: initial !important;
    transition: all 0.3s ease-in-out !important;
}

.wd-cart-number,
.wd-wishlist-number {
    background-color: #C5A059 !important;
    color: #111111 !important;
    font-weight: bold !important;
}

.wd-header-search .search-button:hover > a,
.wd-search-form .searchsubmit:hover,
.wd-header-search a:hover i,
.wd-header-cart > a:hover,
.wd-header-cart > a:hover i,
.wd-header-wishlist > a:hover,
.wd-header-wishlist > a:hover i,
.wd-header-my-account > a:hover,
.wd-header-my-account > a:hover i {
    color: #FFE082 !important;
    filter: drop-shadow(0 0 6px rgba(255, 224, 130, 0.9)) !important;
    transform: scale(1.08);
}

.wd-header-cart > a:hover .wd-cart-number,
.wd-header-wishlist > a:hover .wd-wishlist-number {
    background-color: #FFE082 !important;
    color: #111111 !important;
    filter: drop-shadow(0 0 4px rgba(255, 224, 130, 0.8)) !important;
}

/* ==========================================================================
   8. الخطوط والأسماء والروابط (ذهبي عادي -> توهج نصي عند الهوفر مع استثناء الأزرار)
   ========================================================================== */
/* تأكيد استثناء أزرار القائمة تماماً من التوهج النصي لتأخذ تأثير الأزرار الرئيسي */
.wd-nav-main li a:not(.button):not(.btn):not(.banner-btn-wrapper):not(.promo-banner-btn), 
.wd-nav-main li a:not(.button):not(.btn):not(.banner-btn-wrapper):not(.promo-banner-btn) > span,
.wd-nav-aside li a, 
.wd-nav-aside li a > span,
.wd-nav-mobile li a, 
.wd-nav-mobile li a > span,
.widget_nav_menu .menu li a,
.product-title a,
.wd-entities-title a,
.wd-cat-title a,
a:not(.button):not(.btn):not(.elementor-button):not(.wd-button):not(.woocommerce-button):not(.banner-btn-wrapper):not(.promo-banner-btn):not([class*="promo-banner"]) {
    color: #C5A059 !important;
    transition: all 0.3s ease-in-out !important;
}

.wd-nav-arrow {
    color: #C5A059 !important;
}

.wd-nav-main li:not(.wd-btn-wrapper):hover > a:not(.button):not(.btn):not(.banner-btn-wrapper):not(.promo-banner-btn), 
.wd-nav-main li:not(.wd-btn-wrapper):hover > a > span,
.wd-nav-aside li:hover > a, 
.wd-nav-aside li:hover > a > span,
.wd-nav-mobile li:hover > a, 
.wd-nav-mobile li:hover > a > span,
.widget_nav_menu .menu li a:hover,
.product-title a:hover,
.category-grid-item:hover .wd-cat-title,
a:not(.button):not(.btn):not(.elementor-button):not(.wd-button):not(.woocommerce-button):not(.banner-btn-wrapper):not(.promo-banner-btn):not([class*="promo-banner"]):hover {
    color: #FFE082 !important;
    text-shadow: 0 0 8px rgba(255, 224, 130, 0.8), 
                 0 0 15px rgba(255, 224, 130, 0.4) !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

.wd-nav-item:hover > .wd-nav-link .wd-nav-arrow {
    color: #FFE082 !important;
    text-shadow: 0 0 8px rgba(255, 224, 130, 0.8) !important;
}



-------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------
الفوتر


/* ==========================================================================
   كود مخصص للفوتر فقط - ذهبي ثابت وعالي الوضوح (التوهج عند الهوفر فقط)
   ========================================================================== */

/* 1. الحالة العادية لجميع نصوص وعناصر الفوتر: لون ذهبي ملكي ثابت ومريح بدون توهج */
.footer-container, 
.wd-footer,
.main-footer,
.footer-container p,
.footer-container span,
.footer-container div,
.footer-container li,
.footer-container a,
.footer-container i,
.footer-container .widget-title {
    color: #C5A059 !important; /* لون ذهبي ملكي دافئ وثابت */
    text-shadow: none !important; /* إلغاء التوهج تماماً في الحالة العادية */
    transition: all 0.3s ease-in-out !important; /* انتقال ناعم عند تمرير الماوس */
}

/* 2. العناوين الرئيسية داخل الفوتر (درجة أفتح وثابتة لتمييز الأقسام) */
.footer-container .widget-title,
.footer-container .widgettitle,
.wd-footer .widget-title {
    color: #FFE082 !important; /* درجة ذهبية أفتح لتميز العناوين */
    text-shadow: none !important;
}

/* 3. تأثير تمرير الماوس (Hover): تفتيح الكلمة وتشغيل التوهج الذهبي الساطع فوراً */
.footer-container a:hover,
.footer-container li a:hover,
.footer-container .widget-title:hover {
    color: #FFE082 !important; /* يتحول لذهبي ساطع عند الهوفر */
    /* ظهور التوهج النصي الفخم فقط عند وضع المؤشر */
    text-shadow: 0 0 10px rgba(255, 224, 130, 0.8, 
                 0 0 20px rgba(255, 224, 130, 0.4) !important;
    padding-right: 3px !important; /* حركة إزاحة بسيطة جداً تعطي حيوية للرابط */
}

/* 4. الحالة العادية لأيقونات شبكات التواصل الاجتماعي (Social Icons) بالفوتر: ذهبي ثابت */
.footer-container .wd-social-icons a,
.footer-container .wd-social-icon i {
    color: #C5A059 !important;
    filter: none !important; /* بدون توهج افتراضي */
    transition: all 0.3s ease-in-out !important;
}

/* 5. تأثير تمرير الماوس (Hover) على أيقونات التواصل الاجتماعي: ظهور التوهج */
.footer-container .wd-social-icons a:hover i {
    color: #FFE082 !important;
    /* توهج ضوئي يحيط بالأيقونة عند الهوفر */
    filter: drop-shadow(0 0 8px rgba(255, 224, 130, 0.9)) !important;
}