:root {
	--wd-cat-brd-radius: 50%;
	--wd-text-font: "sst arabic meduim", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 16px;
	--wd-title-font: "sst arabic meduim", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: "sst arabic meduim", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: rgb(0,0,0);
	--wd-entities-title-color-hover: rgb(0, 0, 0);
	--wd-alternative-font: "sst arabic meduim", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "sst arabic meduim", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "sst arabic meduim", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 16px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(220,38,38);
	--wd-alternative-color: rgb(220,38,38);
	--btn-default-transform: none;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(220,38,38);
	--btn-accented-bgcolor-hover: rgba(220,38,38,0.83);
	--btn-transform: none;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(245,154,87);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 480px;
	--wd-popup-padding: 0px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
: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 top;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
.whb-top-bar .wd-nav.wd-nav-secondary > li > a {
	font-family: "Work Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 18px;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
html .btn.wd-buy-now-btn {
	color: rgb(255,255,255);
	background: rgba(16,16,16,0.9);
}
html .btn.wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(51,51,51);
}
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-color: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119)7;
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-bg-act: rgb(221,12,25);
	--wd-pagin-brd-color: rgb(221,12,25);
	--wd-pagin-brd-color-hover: rgb(221,12,25);
	--wd-pagin-brd-color-act: rgb(221,12,25);
	--wd-pagin-brd-width: 1px;
	--wd-pagin-brd-style: solid;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 20px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 10px;
	}

}
:root{
--wd-container-w: 1600px;
--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;
}

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


.wd-page-title {
background-color: rgb(72,106,151);
}

@font-face {
	font-family: "sst arabic meduim";
	src: url("//medicalsleep.com.sa/wp-content/uploads/2025/11/alfont_com_AlFont_com_SST-Arabic-Medium.ttf") format("woff2"), 
url("//medicalsleep.com.sa/wp-content/uploads/2025/11/alfont_com_AlFont_com_SST-Arabic-Medium.ttf") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

.new-css{
	
	margin-top : 20px;
	padding : 10px 0 15px !important ;
}

.new-css:hover{
	
color : #fff !important
}

/* ---------------------------------------------------- */
/* الإجبار النهائي لتنسيق زر الهيدر */
/* ---------------------------------------------------- */
.whb-header .wd-button-wrapper a.btn {
    background-color: #003366 !important; /* اللون الأزرق الغامق المطابق للصورة */
    color: #FFFFFF !important; /* لون النص أبيض */
    
    /* تخطي متغيرات وودمارت اللي بتخلي اللون أسود */
    --btn-color: #FFFFFF !important; 
    --btn-color-hover: #FFFFFF !important; 
    
    padding: 12px 28px !important; /* مسافات داخلية مريحة */
    font-size: 16px !important; /* تكبير الخط قليلاً ليتناسب مع الصورة */
    font-weight: bolder !important; 
    font-family: 'Cairo', sans-serif !important; 
    border-radius: 6px !important; /* حواف دائرية خفيفة */
    border: none !important;
    box-shadow: none !important;
    
    /* لضمان تطبيق البادينج بيفضل نلغي الـ min-height لو موجود */
    min-height: unset !important; 
}

/* تأثير لون الزر عند تمرير الماوس */
.whb-header .wd-button-wrapper a.btn:hover {
    background-color: #002244 !important; /* درجة أزرق أغمق قليلاً عند الهوفر */
}


/* =====================================================
   MEDICAL SLEEP - GLOBAL CUSTOM CSS
   CLEAN MERGED VERSION
===================================================== */


/* =====================================================
   GENERAL LAYOUT
===================================================== */

.wd-content-layout {
    padding-block: 20px !important;
}

.woocommerce-billing-fields__field-wrapper p {
    margin-top: 15px;
}

h3#order_review_heading {
    display: none;
}

a#help-cta-desktop,
a#desktop-cta {
    padding: 12px 16px 18px;
}

a.button.product_type_variable.add_to_cart_button.add-to-cart-loop,
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.add-to-cart-loop {
    padding-bottom: 5px;
}


/* =====================================================
   SWATCHES LABELS
===================================================== */

.swatch-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.swatch-label {
    margin-top: 5px;
    color: #555;
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
}


/* =====================================================
   FOOTER
===================================================== */

footer a {
    color: gray !important;
}


/* =====================================================
   PRODUCT SWATCH
===================================================== */

.thwvsf-rad-li.attribute_pa_\%d8\%a7\%d9\%84\%d9\%84\%d9\%88\%d9\%86.attr_swatch_design_default {
    display: none !important;
}


/* =====================================================
   PAGE TITLE
===================================================== */

.wd-page-title.page-title.page-title-default.title-size-default.title-design-default.color-scheme-light.with-back-btn {
    margin-bottom: 50px;
}


/* =====================================================
   MOBILE SEARCH CATEGORY
===================================================== */

@media (max-width: 768.98px) {
    .wd-search-cat {
        display: block !important;
    }
}


/* =====================================================
   COLUMN ALIGNMENT
===================================================== */

.wd-col-end.reset-last-child {
    display: flex;
    justify-content: center;
}


/* =====================================================
   SOCIAL ICONS
===================================================== */

a.wd-hide-md.wd-social-icon.social-whatsapp {
    background: #4bc959 !important;
}

a.wd-social-icon.social-instagram {
    background: radial-gradient(
        circle at 30% 107%,
        #fdf497 0%,
        #fdf497 5%,
        #fd5949 45%,
        #d6249f 60%,
        #285AEB 90%
    );
}


/* =====================================================
   PRODUCT SLIDER NAVIGATION
===================================================== */

.wd-product-grid-slider-nav .wd-prev,
.wd-product-grid-slider-nav .wd-next {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;

    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.8) !important;

    color: #333 !important;
    line-height: 1 !important;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
    backdrop-filter: blur(5px) !important;

    transition: all 0.3s ease !important;
}

.wd-product-grid-slider-nav .wd-prev::after,
.wd-product-grid-slider-nav .wd-next::after,
.wd-product-grid-slider-nav .wd-prev::before,
.wd-product-grid-slider-nav .wd-next::before {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    top: auto !important;

    line-height: 1 !important;
    transform: none !important;
}

.wd-product-grid-slider-nav .wd-prev {
    left: 10px !important;
}

.wd-product-grid-slider-nav .wd-next {
    right: 10px !important;
}


/* =====================================================
   WHITE FRIDAY MENU BUTTON (legacy class retained)
===================================================== */

li.national-day-item > a,
a.national-day-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1.5px solid #C9A64B !important;
    border-radius: 9px !important;

    background: linear-gradient(
        135deg,
        #FFFFFF 0%,
        #F3F6FF 55%,
        #FFFFFF 100%
    ) !important;

    color: #123BA6 !important;

    white-space: nowrap !important;
    line-height: 1 !important;

    box-shadow:
        0 4px 12px rgba(7, 27, 85, 0.16),
        0 0 8px rgba(201, 166, 75, 0.18);

    animation:
        msNationalMenuPulse
        2.2s
        infinite
        ease-in-out !important;

    transform-origin: center !important;

    transition:
        background 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}

li.national-day-item > a > span,
li.national-day-item > a .nav-link-text,
a.national-day-link > span,
a.national-day-link .nav-link-text {
    color: #123BA6 !important;
    font-weight: 800 !important;
}


/* Desktop national button */

@media (min-width: 1025px) {
    li.national-day-item > a,
    a.national-day-link {
        width: auto !important;
        height: 38px !important;

        margin: 0 4px !important;
        padding: 0 18px !important;
    }

    li.national-day-item > a .nav-link-text,
    a.national-day-link .nav-link-text {
        font-size: 15px !important;
    }
}


/* Mobile national menu */

@media (max-width: 1024px) {
    .wd-nav-mobile > li.national-day-item {
        order: -100 !important;
    }

    .wd-nav-mobile > li.national-day-item > a {
        width: calc(100% - 24px) !important;

        margin: 8px 12px !important;
        padding: 14px 15px !important;

        border-radius: 9px !important;

        text-align: center !important;
    }

    .wd-nav-mobile > li.national-day-item > a span {
        width: 100% !important;

        font-size: 15px !important;

        text-align: center !important;
    }
}


li.national-day-item > a:hover,
a.national-day-link:hover {
    border-color: #D6B963 !important;

    background: linear-gradient(
        135deg,
        #FFFFFF 0%,
        #EAF0FF 100%
    ) !important;

    box-shadow:
        0 6px 16px rgba(0, 0, 0, 0.16),
        0 0 10px rgba(201, 166, 75, 0.28) !important;
}


@keyframes msNationalMenuPulse {
    0%,
    100% {
        transform: scale(1);

        box-shadow:
            0 4px 12px rgba(7, 27, 85, 0.16),
            0 0 0 0 rgba(201, 166, 75, 0);
    }

    50% {
        transform: scale(1.025);

        box-shadow:
            0 5px 14px rgba(7, 27, 85, 0.22),
            0 0 0 3px rgba(201, 166, 75, 0.08);
    }
}


/* =====================================================
   FLOATING WHITE FRIDAY BUTTON (legacy class retained)
   MOBILE ONLY
===================================================== */

.ms-floating-national-day {
    display: none !important;
}


@media (max-width: 767px) {
    .ms-floating-national-day {
        display: block !important;

        position: fixed;

        right: 0;
        top: 40%;

        z-index: 9997;

        width: 41px;
        height: 98px;

        border: 1.5px solid #C9A64B !important;
        border-right: 0 !important;

        border-radius: 12px 0 0 12px;

        background: linear-gradient(
            180deg,
            #071B55 0%,
            #123BA6 30%,
            #285FE0 52%,
            #123BA6 72%,
            #071B55 100%
        ) !important;

        color: #ffffff !important;
        text-decoration: none !important;

        overflow: hidden;

        box-shadow:
            0 4px 13px rgba(0, 0, 0, 0.20),
            0 0 7px rgba(201, 166, 75, 0.14);

        animation:
            msFloatingNationalPulse
            3s
            infinite
            ease-in-out !important;

        transform-origin: right center !important;

        -webkit-tap-highlight-color: transparent;
    }


    /* Hide the obsolete National Day 96 badge for White Friday. */
    .ms-national-badge,
    .ms-national-divider {
        display: none !important;
    }

    .ms-national-badge {
        position: absolute;

        top: 7px;
        left: 50%;

        transform: translateX(-50%);

        display: flex;
        align-items: center;
        justify-content: center;

        width: 23px;
        height: 23px;

        border: 1px solid #C9A64B;
        border-radius: 50%;

        background: #ffffff;
        color: #123BA6;

        font-size: 9px;
        font-weight: 900;
        line-height: 1;

        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    }


    .ms-national-divider {
        position: absolute;

        top: 35px;
        left: 8px;
        right: 8px;

        height: 1px;

        border-radius: 5px;

        background: rgba(201, 166, 75, 0.65);
    }


    .ms-national-text {
        position: absolute;

        top: 50%;
        left: 50%;

        width: 78px;

        transform:
            translate(-50%, -50%)
            rotate(90deg);

        transform-origin: center;

        color: #ffffff !important;

        font-size: 10.5px;
        font-weight: 800;
        line-height: 1;

        text-align: center;

        white-space: nowrap;
        letter-spacing: 0;
    }


    .ms-floating-national-day:hover,
    .ms-floating-national-day:focus {
        background: linear-gradient(
            180deg,
            #071B55 0%,
            #1644B5 50%,
            #071B55 100%
        ) !important;

        color: #ffffff !important;

        text-decoration: none !important;
        outline: none;
    }
}


/* Small phones */

@media (max-width: 400px) {
    .ms-floating-national-day {
        top: 38%;

        width: 38px;
        height: 91px;

        border-radius: 11px 0 0 11px;
    }

    .ms-national-badge {
        top: 6px;

        width: 21px;
        height: 21px;

        font-size: 8.5px;
    }

    .ms-national-divider {
        top: 32px;

        left: 7px;
        right: 7px;
    }

    .ms-national-text {
        top: 50%;

        width: 70px;

        font-size: 9.5px;
    }
}


@keyframes msFloatingNationalPulse {
    0%,
    100% {
        transform: translateX(0) scale(1);

        box-shadow:
            0 4px 13px rgba(0, 0, 0, 0.20),
            0 0 0 0 rgba(201, 166, 75, 0);
    }

    50% {
        transform: translateX(-1px) scale(1.015);

        box-shadow:
            0 5px 15px rgba(0, 0, 0, 0.22),
            0 0 0 2px rgba(201, 166, 75, 0.07);
    }
}


/* =====================================================
   PRODUCT SALE UI
===================================================== */

.ms-sale-note {
    margin: 6px 0 10px !important;

    color: #0B7A3B !important;

    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;

    text-align: right !important;
}


/* =====================================================
   SELECTED VARIATION PRICE
===================================================== */

.single-product .woocommerce-variation-price {
    display: block !important;

    margin-top: 8px !important;
    margin-bottom: 7px !important;
}

.ms-variation-price-wrap {
    display: block !important;
}

.ms-variation-price-wrap > .price {
    display: flex !important;

    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 7px !important;

    margin: 0 !important;

    direction: rtl !important;
}


/* Before discount */

.ms-variation-price-wrap .price del,
.ms-variation-price-wrap .price del .amount,
.ms-variation-price-wrap .price del .woocommerce-Price-amount {
    color: #666666 !important;

    opacity: 1 !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    text-decoration-color: #777777 !important;
    text-decoration-thickness: 1.5px !important;
}


/* Actual sale price */

.ms-variation-price-wrap .price ins,
.ms-variation-price-wrap .price ins .amount,
.ms-variation-price-wrap .price ins .woocommerce-Price-amount {
    color: #E22126 !important;

    background: transparent !important;

    font-size: 18px !important;
    font-weight: 800 !important;

    text-decoration: none !important;
}


.ms-variation-price-wrap .price > .amount {
    color: #E22126 !important;

    font-size: 18px !important;
    font-weight: 800 !important;
}


/* =====================================================
   DISCOUNT + SAVING
===================================================== */

.ms-variation-sale-meta,
.ms-simple-sale-meta {
    display: flex !important;

    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 6px !important;

    margin-top: 5px !important;

    line-height: 1.4 !important;
}


.ms-discount-badge {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 3px 8px !important;

    border-radius: 20px !important;

    background: #0B7A3B !important;

    color: #ffffff !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    white-space: nowrap !important;
}


.ms-saving-text {
    color: #59665E !important;

    font-size: 11.5px !important;
    font-weight: 600 !important;

    white-space: nowrap !important;
}


/* =====================================================
   CHECKOUT PRODUCT SALE DETAILS
===================================================== */

.ms-checkout-sale-meta {
    display: flex !important;

    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 5px 7px !important;

    margin-top: 5px !important;

    line-height: 1.4 !important;
}


/* Before discount checkout price */

.ms-checkout-before,
.ms-checkout-before *,
.ms-checkout-before .amount,
.ms-checkout-before .woocommerce-Price-amount {
    color: #666666 !important;

    font-size: 10.5px !important;
    font-weight: 500 !important;
}


.ms-checkout-before del {
    color: #666666 !important;

    opacity: 1 !important;

    text-decoration-color: #777777 !important;
}


/* Checkout discount badge */

.ms-checkout-discount {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 2px 7px !important;

    border: 1px solid #CFE6D8 !important;
    border-radius: 14px !important;

    background: #EDF7F1 !important;

    color: #0B7A3B !important;

    font-size: 10px !important;
    font-weight: 800 !important;

    white-space: nowrap !important;
}


/* Actual checkout product price */

.woocommerce-checkout-review-order-table .cart_item .product-total,
.woocommerce-checkout-review-order-table .cart_item .product-total .amount,
.woocommerce-checkout-review-order-table .cart_item .product-total .woocommerce-Price-amount {
    color: #E22126 !important;

    font-weight: 800 !important;
}


/* =====================================================
   CHECKOUT AUTO DISCOUNT NOTICE
   FINAL DESKTOP + MOBILE
===================================================== */


/* Force the special row to span the full checkout table */

.woocommerce-checkout-review-order-table
tbody
tr.ms-checkout-sale-notice {
    width: 100% !important;
}


/* Notice box */

.woocommerce-checkout-review-order-table
tbody
tr.ms-checkout-sale-notice > td[colspan="2"] {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;

    padding: 10px 16px !important;

    border: 1px solid #CFE3D6 !important;
    border-radius: 4px !important;

    background: #F3F9F5 !important;

    color: #2F6542 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;

    text-align: center !important;
    vertical-align: middle !important;

    white-space: normal !important;
}


/* Remove WoodMart generated table labels from notice */

.woocommerce-checkout-review-order-table
tr.ms-checkout-sale-notice > td::before {
    display: none !important;

    content: none !important;
}


/* Notice check icon */

.woocommerce-checkout-review-order-table
tr.ms-checkout-sale-notice
.ms-sale-check {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 18px !important;
    height: 18px !important;

    margin: 0 0 0 6px !important;

    border-radius: 50% !important;

    background: #0B7A3B !important;

    color: #ffffff !important;

    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    vertical-align: middle !important;
}


/* =====================================================
   DESKTOP CHECKOUT NOTICE
===================================================== */

@media (min-width: 768px) {

    .woocommerce-checkout-review-order-table
    tbody
    tr.ms-checkout-sale-notice {
        display: table-row !important;
    }


    .woocommerce-checkout-review-order-table
    tbody
    tr.ms-checkout-sale-notice > td[colspan="2"] {
        display: table-cell !important;

        width: 100% !important;

        padding: 11px 18px !important;

        font-size: 14px !important;
        font-weight: 700 !important;

        text-align: center !important;

        direction: rtl !important;
    }
}


/* =====================================================
   MOBILE PRODUCT SALE UI
===================================================== */

@media (max-width: 600px) {

    .ms-sale-note {
        font-size: 11.5px !important;
    }

    .ms-variation-price-wrap .price ins,
    .ms-variation-price-wrap .price ins .amount,
    .ms-variation-price-wrap .price > .amount {
        font-size: 17px !important;
    }

    .ms-variation-price-wrap .price del,
    .ms-variation-price-wrap .price del .amount {
        font-size: 13px !important;
    }

    .ms-discount-badge {
        padding: 3px 7px !important;

        font-size: 10.5px !important;
    }

    .ms-saving-text {
        font-size: 11px !important;
    }
}


/* =====================================================
   MOBILE CHECKOUT
===================================================== */

@media (max-width: 767px) {

    .woocommerce-checkout-review-order-table {
        width: 100% !important;

        table-layout: fixed !important;
    }


    /* Discount notice */

    .woocommerce-checkout-review-order-table
    tbody
    tr.ms-checkout-sale-notice > td[colspan="2"] {
        width: 100% !important;

        padding: 9px 10px !important;

        border-radius: 6px !important;

        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1.55 !important;

        text-align: center !important;

        white-space: normal !important;

        word-break: normal !important;
        overflow-wrap: break-word !important;
    }


    .woocommerce-checkout-review-order-table
    tr.ms-checkout-sale-notice
    .ms-sale-check {
        width: 16px !important;
        height: 16px !important;

        margin-left: 4px !important;

        font-size: 8px !important;
    }


    /* Product row */

    .woocommerce-checkout-review-order-table
    .cart_item
    .product-name {
        padding-top: 13px !important;
        padding-bottom: 13px !important;

        line-height: 1.55 !important;
    }


    /* Sale information */

    .ms-checkout-sale-meta {
        gap: 5px !important;

        margin-top: 5px !important;
    }


    .ms-checkout-before,
    .ms-checkout-before * {
        color: #777777 !important;

        font-size: 10px !important;
    }


    .ms-checkout-discount {
        padding: 2px 6px !important;

        border-radius: 12px !important;

        font-size: 9.5px !important;
    }


    /* Actual price */

    .woocommerce-checkout-review-order-table
    .cart_item
    .product-total,
    .woocommerce-checkout-review-order-table
    .cart_item
    .product-total .amount {
        color: #E22126 !important;

        font-size: 15px !important;
        font-weight: 800 !important;
    }
}


/* =====================================================
   ACCESSIBILITY
===================================================== */

@media (prefers-reduced-motion: reduce) {

    li.national-day-item > a,
    a.national-day-link,
    .ms-floating-national-day {
        animation: none !important;
    }
}
/* =====================================================
   SMART STICKY CART - SMALL UI FIX
===================================================== */

.ms-select-options-notice {
    display: none;

    margin: 0 0 10px;
    padding: 9px 12px;

    border: 1px solid #f1cccc;
    border-radius: 6px;

    background: #fff5f5;

    color: #c82222;

    font-size: 12px;
    font-weight: 700;

    text-align: center;
}


/* Ready sticky button */

.wd-sticky-btn .ms-sticky-ready,
.wd-sticky-btn-cart .ms-sticky-ready {
    background: #E22126 !important;
    color: #ffffff !important;
}


/* Missing options */

.wd-sticky-btn .ms-sticky-needs-options,
.wd-sticky-btn-cart .ms-sticky-needs-options {
    background: #E22126 !important;
    color: #ffffff !important;
}
/* إخفاء كوبون الخصم من صفحة Checkout فقط */
.woocommerce-checkout form.checkout_coupon,
.woocommerce-checkout .checkout_coupon,
.woocommerce-checkout .woocommerce-form-coupon,
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .coupon-form,
.woocommerce-checkout .coupon-box,
.woocommerce-checkout [class*="checkout-coupon"],
.woocommerce-checkout [class*="coupon-form"],
.woocommerce-checkout form:has(input[name="coupon_code"]):not(.checkout) {
    display: none !important;
}






/* ===== Medical Sleep - Dark Royal Blue Luxury Header ===== */

/* خلفية الهيدر بتدرج ملكي ولمعة */
.whb-main-header .whb-general-header,
.whb-main-header .whb-header-bottom,
.whb-sticked .whb-general-header {
    background: linear-gradient(
        90deg,
        #071B55 0%,
        #123BA6 30%,
        #285FE0 52%,
        #123BA6 72%,
        #071B55 100%
    ) !important;
}

/* روابط القائمة */
.whb-main-header .wd-nav-main > li > a,
.whb-main-header .wd-header-nav .wd-nav > li > a {
    color: #ffffff !important;
}

/* Hover */
.whb-main-header .wd-nav-main > li:hover > a,
.whb-main-header .wd-nav-main > li.current-menu-item > a {
    color: #DCE8FF !important;
}

/* أيقونات الهيدر */
.whb-main-header .wd-tools-element > a {
    color: #ffffff !important;
}

/* Sticky Header */
.whb-sticked .whb-row {
    background: linear-gradient(
        90deg,
        #071B55 0%,
        #1644B5 50%,
        #071B55 100%
    ) !important;
}

/* =====================================================
   WHITE FRIDAY - HEADER TEXT SPECIFICITY
   Keeps the existing WoodMart menu item classes unchanged.
   Overrides the global white navigation text rule ONLY for
   the campaign button.
===================================================== */
.whb-main-header .wd-nav-main > li.national-day-item > a,
.whb-main-header .wd-header-nav .wd-nav > li.national-day-item > a,
.whb-main-header li.national-day-item > a,
.whb-main-header a.national-day-link,
.whb-sticked li.national-day-item > a,
.whb-sticked a.national-day-link {
    color: #123BA6 !important;
}

.whb-main-header li.national-day-item > a .nav-link-text,
.whb-main-header li.national-day-item > a > span,
.whb-main-header a.national-day-link .nav-link-text,
.whb-main-header a.national-day-link > span {
    color: #123BA6 !important;
}

.whb-main-header .wd-nav-main > li.national-day-item:hover > a,
.whb-main-header .wd-nav-main > li.national-day-item.current-menu-item > a,
.whb-main-header .wd-header-nav .wd-nav > li.national-day-item:hover > a,
.whb-main-header li.national-day-item > a:hover,
.whb-main-header a.national-day-link:hover {
    color: #071B55 !important;
}

.whb-main-header li.national-day-item > a:hover .nav-link-text,
.whb-main-header li.national-day-item > a:hover > span,
.whb-main-header a.national-day-link:hover .nav-link-text,
.whb-main-header a.national-day-link:hover > span {
    color: #071B55 !important;
}

/* ==============================================================
   MEDICAL SLEEP - WHITE FRIDAY V2 / TARGETED OVERRIDES ONLY
   1) White + gold campaign menu button on desktop and mobile.
   2) Royal blue floating offer tab.
   3) Same pulse for both floating tabs (offer and branches).
   Existing CSS rules for products, checkout, etc. stay unchanged.
============================================================== */

/* The WPCode script also marks the correct anchor with this class.
   The href selector covers the freshly updated WoodMart menu immediately. */
.whb-main-header a.ms-white-friday-menu-link,
.whb-sticked a.ms-white-friday-menu-link,
.whb-main-header a[href*="الجمعة-البيضاء"],
.wd-nav-mobile a.ms-white-friday-menu-link,
.wd-nav-mobile a[href*="الجمعة-البيضاء"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #FFFFFF 0%, #F3F6FF 55%, #FFFFFF 100%) !important;
    border: 1.5px solid #C9A64B !important;
    border-radius: 9px !important;
    color: #123BA6 !important;
    --nav-color: #123BA6;
    --nav-color-hover: #071B55;
    font-weight: 800 !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    box-shadow: 0 4px 12px rgba(7,27,85,.16), 0 0 8px rgba(201,166,75,.18) !important;
    animation: msNationalMenuPulse 2.2s ease-in-out infinite !important;
    transform-origin: center !important;
    transition: background .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

.whb-main-header a.ms-white-friday-menu-link,
.whb-main-header a[href*="الجمعة-البيضاء"] {
    min-height: 38px !important;
    margin-inline: 4px !important;
    padding: 0 18px !important;
}

/* Higher specificity than WoodMart's generic menu-link white color. */
.whb-main-header .wd-nav-main > li > a.ms-white-friday-menu-link,
.whb-main-header .wd-nav-main > li > a[href*="الجمعة-البيضاء"],
.whb-main-header .wd-header-nav .wd-nav > li > a.ms-white-friday-menu-link,
.whb-main-header .wd-header-nav .wd-nav > li > a[href*="الجمعة-البيضاء"] {
    color: #123BA6 !important;
}

/* The old global WoodMart rule forces white on every nav text.
   Override it only within the white Friday button. */
.whb-main-header a.ms-white-friday-menu-link,
.whb-main-header a.ms-white-friday-menu-link .nav-link-text,
.whb-main-header a.ms-white-friday-menu-link > span,
.whb-main-header a.ms-white-friday-menu-link:where(:not(.wd-nav-opener)) *,
.whb-main-header a[href*="الجمعة-البيضاء"] .nav-link-text,
.whb-main-header a[href*="الجمعة-البيضاء"] > span,
.wd-nav-mobile a.ms-white-friday-menu-link,
.wd-nav-mobile a.ms-white-friday-menu-link .nav-link-text,
.wd-nav-mobile a.ms-white-friday-menu-link > span {
    color: #123BA6 !important;
}

.whb-main-header a.ms-white-friday-menu-link:hover,
.whb-main-header a[href*="الجمعة-البيضاء"]:hover,
.wd-nav-mobile a.ms-white-friday-menu-link:hover {
    background: linear-gradient(135deg, #FFFFFF 0%, #EAF0FF 100%) !important;
    border-color: #D6B963 !important;
    color: #071B55 !important;
}

.whb-main-header a.ms-white-friday-menu-link:hover .nav-link-text,
.whb-main-header a.ms-white-friday-menu-link:hover > span,
.whb-main-header a[href*="الجمعة-البيضاء"]:hover .nav-link-text,
.wd-nav-mobile a.ms-white-friday-menu-link:hover > span {
    color: #071B55 !important;
}

@media (max-width: 1024px) {
    .wd-nav-mobile li.ms-white-friday-menu-item { order: -100 !important; }
    .wd-nav-mobile a.ms-white-friday-menu-link,
    .wd-nav-mobile a[href*="الجمعة-البيضاء"] {
        width: calc(100% - 24px) !important;
        margin: 8px 12px !important;
        padding: 14px 15px !important;
        text-align: center !important;
    }
}

/* The old "96" belongs to National Day: don't show it for White Friday. */
@media (max-width: 767px) {
    .ms-floating-national-day {
        background: linear-gradient(180deg, #071B55 0%, #123BA6 34%, #285FE0 54%, #123BA6 76%, #071B55 100%) !important;
        color: #fff !important;
    }
    .ms-floating-national-day .ms-national-badge,
    .ms-floating-national-day .ms-national-divider,
    .ms-national-badge,
    .ms-national-divider { display: none !important; }
    .ms-floating-national-day .ms-national-text,
    .ms-national-text {
        top: 50% !important;
        width: 96px !important;
        font-size: 10.5px !important;
        color: #fff !important;
        white-space: nowrap !important;
    }
}
@media (max-width: 400px) {
    .ms-floating-national-day .ms-national-text,
    .ms-national-text { width: 88px !important; font-size: 10px !important; }
}

/* One pulse definition for BOTH side tabs, same amplitude and duration. */
@keyframes msUnifiedSidePulse {
    0%, 100% {
        transform: translateX(0) scale(1);
        box-shadow: 0 4px 13px rgba(0,0,0,.20), 0 0 0 0 rgba(40,95,224,0);
    }
    50% {
        transform: translateX(-2px) scale(1.025);
        box-shadow: 0 6px 16px rgba(0,0,0,.23), 0 0 0 4px rgba(40,95,224,.17);
    }
}

.ms-floating-national-day,
#fixed-branches-widget .branches-toggle {
    animation: msUnifiedSidePulse 3s ease-in-out infinite !important;
    transform-origin: right center !important;
}

@media (prefers-reduced-motion: reduce) {
    .ms-floating-national-day,
    #fixed-branches-widget .branches-toggle,
    .whb-main-header a.ms-white-friday-menu-link,
    .wd-nav-mobile a.ms-white-friday-menu-link { animation: none !important; }
}
@media (min-width: 1025px) {
	footer ul{
	text-align : center !important
}

footer h5{
	text-align : center !important
}


}

@media (min-width: 768px) and (max-width: 1024px) {
	footer ul{
	text-align : center !important
}

footer h5{
	text-align : center !important
}
}

