/* Site-wide Arabic typography without overriding icon-font glyphs. */
html[dir="rtl"] body.language-ar,
html[dir="rtl"] body.language-ar h1,
html[dir="rtl"] body.language-ar h2,
html[dir="rtl"] body.language-ar h3,
html[dir="rtl"] body.language-ar h4,
html[dir="rtl"] body.language-ar h5,
html[dir="rtl"] body.language-ar h6,
html[dir="rtl"] body.language-ar p,
html[dir="rtl"] body.language-ar a,
html[dir="rtl"] body.language-ar li,
html[dir="rtl"] body.language-ar label,
html[dir="rtl"] body.language-ar input,
html[dir="rtl"] body.language-ar select,
html[dir="rtl"] body.language-ar textarea,
html[dir="rtl"] body.language-ar button,
html[dir="rtl"] body.language-ar table,
html[dir="rtl"] body.language-ar .elementor-widget-container,
html[dir="rtl"] body.language-ar .elementor-heading-title,
html[dir="rtl"] body.language-ar .elementor-button-text,
html[dir="rtl"] body.language-ar .wplm-pane-ar,
html[dir="rtl"] body.language-ar .woocommerce,
html[dir="rtl"] body.language-ar .product-title,
html[dir="rtl"] body.language-ar .woocommerce-loop-product__title,
html[dir="rtl"] body.language-ar rs-layer[data-type="text"],
html[dir="rtl"] body.language-ar rs-layer[data-type="button"],
html[dir="rtl"] body.language-ar sr7-txt.sr7-layer,
html[dir="rtl"] body.language-ar a.sr7-layer {
    font-family: "Tajawal", Tahoma, Arial, sans-serif !important;
}

/* Arabic exchange/return policy. The styles live in an enqueued stylesheet
 * because WordPress correctly removes inline <style> tags from translated
 * Elementor HTML. */
html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar,
html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar *,
html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar *::before,
html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar *::after {
    box-sizing: border-box;
}

html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 18px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .06);
    color: #222;
    direction: rtl !important;
    font-family: "Tajawal", Tahoma, Arial, sans-serif !important;
    line-height: 1.9;
    margin: 0 auto;
    max-width: 1400px;
    overflow: hidden;
    padding: 35px;
    text-align: right !important;
    width: 100%;
}

html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar h2 {
    color: #111;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 20px;
    text-align: center !important;
}

html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar .wb-policy-intro {
    color: #555;
    font-size: 17px;
    line-height: 1.9;
    margin: 0 auto 28px;
    max-width: 950px;
    text-align: center !important;
    width: 100%;
}

html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar .wb-policy-intro strong {
    color: #111;
    font-weight: 700;
}

html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar ul li {
    background: #f9f9f9;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #333;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 13px;
    overflow-wrap: break-word;
    padding: 15px 52px 15px 18px !important;
    position: relative;
    text-align: right !important;
    transition: background .3s ease, transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    width: 100%;
}

html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar ul li:last-child {
    margin-bottom: 0;
}

html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar ul li:hover {
    background: #f3f3f3;
    border-color: #e5e5e5;
    box-shadow: 0 7px 18px rgba(0, 0, 0, .04);
    transform: translateY(-2px);
}

html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar ul li::before {
    align-items: center;
    background: #111;
    border-radius: 50%;
    color: #fff;
    content: "\2713";
    display: flex;
    font-size: 13px;
    font-weight: 700;
    height: 25px;
    justify-content: center;
    left: auto !important;
    line-height: 1;
    position: absolute;
    right: 17px !important;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
}

@media (max-width: 1024px) {
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar { padding: 30px; }
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar h2 { font-size: 29px; }
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar .wb-policy-intro { font-size: 16px; }
}

@media (max-width: 767px) {
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar {
        border-radius: 15px;
        line-height: 1.8;
        padding: 22px 14px;
        width: 100%;
    }
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar h2 {
        font-size: 25px;
        line-height: 1.35;
        margin-bottom: 15px;
    }
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar .wb-policy-intro {
        font-size: 14.5px;
        line-height: 1.8;
        margin-bottom: 22px;
        padding: 0 3px;
    }
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar ul li {
        border-radius: 11px;
        font-size: 14.5px;
        line-height: 1.75;
        margin-bottom: 10px;
        padding: 14px 45px 14px 13px !important;
    }
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar ul li:hover { transform: none; }
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar ul li::before {
        font-size: 12px;
        height: 23px;
        right: 12px !important;
        width: 23px;
    }
}

@media (max-width: 420px) {
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar { border-radius: 13px; padding: 18px 10px; }
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar h2 { font-size: 22px; }
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar .wb-policy-intro { font-size: 13.5px; line-height: 1.75; }
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar ul li { border-radius: 10px; font-size: 13.5px; line-height: 1.7; padding: 13px 40px 13px 10px !important; }
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar ul li::before { font-size: 11px; height: 21px; right: 10px !important; width: 21px; }
}

@media (max-width: 360px) {
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar { padding: 15px 8px; }
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar h2 { font-size: 20px; }
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar .wb-policy-intro { font-size: 13px; }
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar ul li { font-size: 13px; padding: 12px 36px 12px 8px !important; }
    html[dir="rtl"] body.language-ar.page-id-14593 .wb-policy-box-ar ul li::before { font-size: 10px; height: 20px; right: 8px !important; width: 20px; }
}

/* Match the Arabic mobile header logo to Elementor's English mobile size.
 * This must be more specific than the general responsive-media safeguard. */
@media (max-width: 767px) {
    html[dir="rtl"] body.language-ar .elementor-15463 .elementor-element-33e982ad img {
        height: auto !important;
        max-height: 72px !important;
        max-width: 72px !important;
        object-fit: contain !important;
        width: auto !important;
    }
}

/* XStore mobile shell normalization for Arabic pages. Bootstrap rows use
 * negative inline margins; combined with the RTL page shell they can make the
 * complete page look slightly offset. Keep the shell at the viewport width
 * and let individual sections retain their own internal spacing. */
@media (max-width: 767px) {
    html[data-wplm-lang="ar"],
    html[dir="rtl"] body.language-ar {
        box-sizing: border-box !important;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        width: 100% !important;
    }

    html[dir="rtl"] body.language-ar .template-container,
    html[dir="rtl"] body.language-ar .template-content,
    html[dir="rtl"] body.language-ar .page-wrapper,
    html[dir="rtl"] body.language-ar .container.content-page,
    html[dir="rtl"] body.language-ar .container.content-page > .sidebar-position-without,
    html[dir="rtl"] body.language-ar .container.content-page > .sidebar-position-without > .row,
    html[dir="rtl"] body.language-ar .container.content-page > .sidebar-position-without > .row > .content,
    html[dir="rtl"] body.language-ar .elementor-location-header,
    html[dir="rtl"] body.language-ar .elementor-location-footer,
    html[dir="rtl"] body.language-ar .elementor[data-elementor-type="wp-page"] {
        box-sizing: border-box !important;
        left: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        right: auto !important;
        width: 100% !important;
    }

    html[dir="rtl"] body.language-ar .container.content-page {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    html[dir="rtl"] body.language-ar .container.content-page > .sidebar-position-without > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    html[dir="rtl"] body.language-ar .container.content-page > .sidebar-position-without > .row > .content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    html[dir="rtl"] body.language-ar .elementor-section-boxed > .elementor-container,
    html[dir="rtl"] body.language-ar .e-con.e-con-boxed > .e-con-inner {
        box-sizing: border-box !important;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
    }

    html[dir="rtl"] body.language-ar .elementor-section-stretched {
        box-sizing: border-box !important;
        max-width: 100vw !important;
    }

    html[dir="rtl"] body.language-ar img,
    html[dir="rtl"] body.language-ar video,
    html[dir="rtl"] body.language-ar iframe {
        max-width: 100% !important;
    }
}

/* Standalone Arabic home-page section titles are centred. Keep promotional
 * copy, category descriptions and the White Bear harmony block untouched. */
html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-658b980,
html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-658b980 .wplm-pane-ar,
html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-658b980 .elementor-heading-title,
html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-926b24a,
html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-926b24a .wplm-pane-ar,
html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-926b24a .elementor-heading-title,
html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-956d92e,
html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-956d92e .wplm-pane-ar,
html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-956d92e .elementor-heading-title,
html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-a6b66b7,
html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-a6b66b7 .wplm-pane-ar,
html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-a6b66b7 .elementor-heading-title,
html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-4fd232c,
html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-4fd232c .wplm-pane-ar,
html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-4fd232c .elementor-heading-title {
    direction: rtl !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    width: 100% !important;
}

/* Keep both floating actions clear of XStore's fixed mobile panel. */
@media (max-width: 767px) {
    body .wplm-floating.is-bottom-left,
    body .wplm-floating.is-bottom-center,
    body .wplm-floating.is-bottom-right {
        bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body .joinchat,
    body .joinchat.joinchat--right,
    body .joinchat.joinchat--left {
        --bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
        bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* Elementor marks this header switcher as mobile-hidden. Keep the
     * switcher UI's visibility safeguards from overriding that choice. */
    html body .elementor-15463 .elementor-element-558a2bf,
    html body .elementor-15463 .elementor-element-558a2bf:has(.wplm-pro-switcher) {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        min-width: 0 !important;
        opacity: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        width: 0 !important;
    }

    /* Centre the Arabic home-page category cards in the mobile viewport.
     * Equal inline gutters prevent the legacy Elementor columns drifting
     * towards the physical left when the page direction is RTL. */
    html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-174b850,
    html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-174b850 > .elementor-container,
    html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-71d6eb7,
    html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-71d6eb7 > .elementor-element-populated {
        box-sizing: border-box !important;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-26afca6,
    html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-26afca6 > .elementor-container {
        box-sizing: border-box !important;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-26afca6 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-26afca6 > .elementor-container {
        align-items: stretch !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-26afca6 > .elementor-container > .elementor-column,
    html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-13f602a > .elementor-element-populated,
    html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-e338249 > .elementor-element-populated,
    html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-9f620b5,
    html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-6150069,
    html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-9f620b5 .elementor-widget-container,
    html[dir="rtl"] body.language-ar.page-id-16 .elementor-element-6150069 .elementor-widget-container {
        box-sizing: border-box !important;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}