/**
 * Mobile Styles — للجوال فقط (max-width: 768px)
 * ===============================================
 */

@media (max-width: 768px) {

    /* ===== Sticky Toolbar ===== */
    .sticky-toolbar-on .wd-sticky-btn {
        bottom: 31px !important;
    }

    /* ===== iHover Effect ===== */
    .uc_ihover_effect .img,
    .info {
        width: 100px !important;
        height: 100px !important;
    }

    .uc_ihover_effect .uc_ih-item.uc_circle {
        width: 100px !important;
        height: 100px !important;
    }

    /* ===== Logo ===== */
    .wd-logo.wd-main-logo img {
        max-width: 150px !important;
    }

    /* ===== Currency Switcher on page-id-8 ===== */
    .page-id-8 .woocommerce .wcml-dropdown.product {
        overflow: visible;
        position: relative;
        top: 9.5em;
        max-width: 40%;
        right: 50%;
        transform: translate(-15%, 0);
        margin-top: 0;
        padding-top: 0;
    }

    /* ===== Checkout Button ===== */
    a.custom-checkout-btn.button-50 {
        width: 100%;
    }

    /* ===== Product Page ===== */
    .product-image-summary-inner > div {
        margin-bottom: 15px !important;
    }

    .product_title {
        font-size: 18px;
    }

    .wd-accordion-item {
        margin-top: -15px;
    }

    .product-tabs-wrapper {
        margin-top: 0px !important;
        border-top: none !important;
    }

    /* ===== Shop Tools ===== */
    .wd-builder-off .wd-products-per-page {
        display: inline-flex !important;
    }

    a.per-page-variation {
        display: none !important;
    }

    .wd-products-per-page .per-page-border {
        display: none !important;
    }

    .wd-shop-tools > * {
        margin-left: 5px !important;
    }

    /* ===== Payment Methods ===== */
    .payment_methods li img {
        margin-inline-start: 25px;
        margin-inline-end: 0;
        max-height: 27px;
    }

    label[for="payment_method_tabby_installments"],
    label[for="payment_method_tamara-gateway-pay-in-3"],
    label[for="payment_method_cod"],
    label[for="payment_method_offline_gateway"] {
        font-size: 14px;
    }

    .payment_method_tamara-gateway-pay-in-3 label:before {
        content: "  قسم فاتورتك على 3 دفعات بدون فوائد              ";
        font-size: 11px;
    }

    .payment_method_tamara-gateway-pay-in-3 label {
        font-size: 0 !important;
    }

    label[for="payment_method_myfatoorah_v2"] > img {
        margin-inline-start: -3px;
        margin-inline-end: 0;
        max-height: auto;
        width: 42%;
        max-width: 60%;
        padding-right: 5px;
    }

    li.wc_payment_method.payment_method_tamara-gateway-pay-in-3 {
        padding: 15px 10px !important;
    }

    li.wc_payment_method.payment_method_tabby_installments {
        padding: 15px 10px !important;
    }

    li.wc_payment_method.payment_method_myfatoorah_v2 {
        padding: 15px 10px !important;
    }

    li.wc_payment_method.payment_method_offline_gateway {
        padding: 15px 10px !important;
    }

    li.wc_payment_method.payment_method_cod {
        padding: 15px 10px !important;
    }

    /* ===== Entry Title ===== */
    h1.entry-title {
        font-size: 13px;
        font-weight: 700;
        text-wrap: wrap;
        max-width: 60%;
        letter-spacing: 0;
    }

    /* ===== Toolbar ===== */
    .wd-toolbar .wd-toolbar-label-show {
        overflow: visible !important;
    }

    .wd-toolbar.wd-toolbar-label-show
        .wd-toolbar-link.wd-tools-element.wd-toolbar-item.wd-tools-custom-icon:nth-child(3)
        span {
        position: relative;
        overflow: auto;
    }

    .wd-toolbar.wd-toolbar-label-show
        .wd-toolbar-link.wd-tools-element.wd-toolbar-item.wd-tools-custom-icon:nth-child(3)
        img {
        transform: translate(-37%, -50%);
        height: 50px;
    }

    .wd-toolbar.wd-toolbar-label-show
        .wd-toolbar-link.wd-tools-element.wd-toolbar-item.wd-tools-custom-icon:nth-child(3)
        .wd-toolbar-label {
        display: none;
    }

    .wd-toolbar.wd-toolbar-label-show
        .wd-toolbar-link.wd-tools-element.wd-toolbar-item.wd-tools-custom-icon:nth-child(3)
        a {
        max-width: 45px;
        padding: 0;
    }

    .wd-toolbar.wd-toolbar-label-show
        .wd-toolbar-link.wd-tools-element.wd-toolbar-item.wd-tools-custom-icon:nth-child(3)
        span {
        max-width: 45px;
    }

    .wd-toolbar.wd-toolbar-label-show
        .wd-toolbar-link.wd-tools-element.wd-toolbar-item.wd-tools-custom-icon:nth-child(3)
        span
        img:nth-child(2) {
        width: 100% !important;
        height: 60px;
        overflow: visible !important;
        transform: translatey(-40%);
    }

    .wd-toolbar.wd-toolbar-label-show {
        overflow: visible;
    }

    /* ===== Buttons ===== */
    span.icon_pointer_button_text {
        padding: 15px 20px 15px 20px !important;
    }

    a.button.product_type_variable.add_to_cart_button.add-to-cart-loop,
    a.button.product_type_variable.add-to-cart-loop {
        color: #825c8d;
        box-shadow: unset;
        padding: 0px 20px;
    }

    /* ===== Product Gallery ===== */
    .wd-play-icon > a:before {
        font-size: 20px !important;
    }

    .wd-action-btn.wd-style-icon-bg-text > a {
        font-size: 14px !important;
    }

    .product-additional-galleries .wd-action-btn.wd-style-icon-bg-text {
        --icon-bg-size: 35px !important;
    }

    /* ===== Single Product ===== */
    .single-product-page .woocommerce-product-rating {
        top: -1.5em;
        position: relative;
    }

    table.variations {
        top: -0.9em;
    }

    .variations tr .label {
        padding: 5px 0 11px 0;
    }

    /* ===== Checkout Layout ===== */
    .woocommerce > .woocommerce-checkout {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap !important;
        column-gap: 30px;
    }

    li.wc_payment_method.payment_method_tamara-gateway-checkout {
        height: 70px;
        padding: 15px 10px !important;
    }

    #order_review .shop_table tbody .product-name {
        font-size: 12px;
    }

    /* ===== Top Bar ===== */
    .whb-top-bar {
        background-color: #825c8d !important;
    }

    /* ===== Toolbar Icons ===== */
    .wd-toolbar-link:hover .wd-tools-icon:before {
        content: url("data:image/svg+xml,%3Csvg version='1.1' id='fi_747327' fill='%23825C8D' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M176.792,0H59.208C26.561,0,0,26.561,0,59.208v117.584C0,209.439,26.561,236,59.208,236h117.584 C209.439,236,236,209.439,236,176.792V59.208C236,26.561,209.439,0,176.792,0z M196,176.792c0,10.591-8.617,19.208-19.208,19.208 H59.208C48.617,196,40,187.383,40,176.792V59.208C40,48.617,48.617,40,59.208,40h117.584C187.383,40,196,48.617,196,59.208 V176.792z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M452,0H336c-33.084,0-60,26.916-60,60v116c0,33.084,26.916,60,60,60h116c33.084,0,60-26.916,60-60V60 C512,26.916,485.084,0,452,0z M472,176c0,11.028-8.972,20-20,20H336c-11.028,0-20-8.972-20-20V60c0-11.028,8.972-20,20-20h116 c11.028,0,20,8.972,20,20V176z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M176.792,276H59.208C26.561,276,0,302.561,0,335.208v117.584C0,485.439,26.561,512,59.208,512h117.584 C209.439,512,236,485.439,236,452.792V335.208C236,302.561,209.439,276,176.792,276z M196,452.792 c0,10.591-8.617,19.208-19.208,19.208H59.208C48.617,472,40,463.383,40,452.792V335.208C40,324.617,48.617,316,59.208,316h117.584 c10.591,0,19.208,8.617,19.208,19.208V452.792z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M452,276H336c-33.084,0-60,26.916-60,60v116c0,33.084,26.916,60,60,60h116c33.084,0,60-26.916,60-60V336 C512,302.916,485.084,276,452,276z M472,452c0,11.028-8.972,20-20,20H336c-11.028,0-20-8.972-20-20V336c0-11.028,8.972-20,20-20 h116c11.028,0,20,8.972,20,20V452z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") !important;
        font-family: "woodmart-font";
        width: 20px;
        height: 20px;
    }

    .wd-toolbar-link .wd-tools-icon:before {
        content: url("data:image/svg+xml,%3Csvg version='1.1' id='fi_747327' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' fill='%23333' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M176.792,0H59.208C26.561,0,0,26.561,0,59.208v117.584C0,209.439,26.561,236,59.208,236h117.584 C209.439,236,236,209.439,236,176.792V59.208C236,26.561,209.439,0,176.792,0z M196,176.792c0,10.591-8.617,19.208-19.208,19.208 H59.208C48.617,196,40,187.383,40,176.792V59.208C40,48.617,48.617,40,59.208,40h117.584C187.383,40,196,48.617,196,59.208 V176.792z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M452,0H336c-33.084,0-60,26.916-60,60v116c0,33.084,26.916,60,60,60h116c33.084,0,60-26.916,60-60V60 C512,26.916,485.084,0,452,0z M472,176c0,11.028-8.972,20-20,20H336c-11.028,0-20-8.972-20-20V60c0-11.028,8.972-20,20-20h116 c11.028,0,20,8.972,20,20V176z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M176.792,276H59.208C26.561,276,0,302.561,0,335.208v117.584C0,485.439,26.561,512,59.208,512h117.584 C209.439,512,236,485.439,236,452.792V335.208C236,302.561,209.439,276,176.792,276z M196,452.792 c0,10.591-8.617,19.208-19.208,19.208H59.208C48.617,472,40,463.383,40,452.792V335.208C40,324.617,48.617,316,59.208,316h117.584 c10.591,0,19.208,8.617,19.208,19.208V452.792z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M452,276H336c-33.084,0-60,26.916-60,60v116c0,33.084,26.916,60,60,60h116c33.084,0,60-26.916,60-60V336 C512,302.916,485.084,276,452,276z M472,452c0,11.028-8.972,20-20,20H336c-11.028,0-20-8.972-20-20V336c0-11.028,8.972-20,20-20 h116c11.028,0,20,8.972,20,20V452z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") !important;
        font-family: "woodmart-font";
        width: 20px;
        height: 20px;
    }

    .wd-tools-element > a:hover {
        color: #825C8D !important;
    }

    /* ===== Breadcrumbs ===== */
    .breadcrumbs-location-below_header .single-breadcrumbs-wrapper {
        margin-block: 0px 20px !important;
    }

    /* ===== Footer Menu ===== */
    .menu-footer-container a {
        font-size: 12px;
    }

    /* ===== Grid Columns ===== */
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-20_0, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto,
    .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-20_0, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto,
    .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-20_0, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto,
    .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto,
    .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        padding-inline: calc(var(--wd-sp, 15px) / 2) !important;
    }

    /* ===== Elementor ===== */
    .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
        padding: 5px !important;
    }

    /* ===== Payment Labels ===== */
    .payment_methods li > label {
        font-size: 11px !important;
        font-weight: bold;
    }

    .wc_payment_method.payment_method_myfatoorah_v2 label {
        width: 92%;
    }

}