/*
 * لا تغيّر هذه القواعد نسخة الكمبيوتر.
 * جميع التعديلات محصورة في الشاشات بعرض 768px أو أقل.
 */
@media (max-width: 768px) {
    body.single-product {
        --gdmr-accent: #7a9b3f;
    }

    /* إلغاء بقايا الإصدار القديم إن بقي HTML مخزناً في الكاش. */
    #gdmr-mobile-reviews {
        display: none !important;
    }

    /* نفس تبويبات الكمبيوتر، لكن في صف أفقي قابل للتمرير على الجوال. */
    body.single-product .woocommerce div.product .woocommerce-tabs,
    body.single-product div.product .woocommerce-tabs {
        clear: both;
        width: 100%;
        max-width: 100%;
        margin: 28px 0 0 !important;
        padding: 0 15px 110px !important;
        direction: rtl;
        text-align: right;
        box-sizing: border-box;
    }

    body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs,
    body.single-product div.product .woocommerce-tabs ul.tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch;
        gap: 0;
        width: 100%;
        max-width: 100%;
        margin: 0 0 20px !important;
        padding: 0 !important;
        overflow-x: auto;
        overflow-y: hidden;
        border: 0 !important;
        border-bottom: 1px solid #e2e2e2 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        list-style: none !important;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs::before,
    body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs::after,
    body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
    body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
        display: none !important;
        content: none !important;
    }

    body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li,
    body.single-product div.product .woocommerce-tabs ul.tabs li {
        position: relative !important;
        display: block !important;
        flex: 0 0 auto;
        min-width: max-content;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li a,
    body.single-product div.product .woocommerce-tabs ul.tabs li a {
        display: block !important;
        min-height: 46px;
        padding: 13px 14px 11px !important;
        border-top: 3px solid transparent;
        color: #333 !important;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.25;
        text-decoration: none !important;
        white-space: nowrap;
        box-sizing: border-box;
    }

    body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
    body.single-product div.product .woocommerce-tabs ul.tabs li.active a {
        border-top-color: var(--gdmr-accent) !important;
        color: #222 !important;
        background: #fff !important;
    }

    body.single-product .woocommerce div.product .woocommerce-tabs .panel,
    body.single-product .woocommerce div.product .woocommerce-tabs .wc-tab,
    body.single-product div.product .woocommerce-tabs .panel,
    body.single-product div.product .woocommerce-tabs .wc-tab {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        box-sizing: border-box;
        overflow-wrap: anywhere;
    }

    body.single-product .woocommerce-tabs .panel p,
    body.single-product .woocommerce-tabs .panel li,
    body.single-product .woocommerce-tabs .panel td,
    body.single-product .woocommerce-tabs .panel th {
        font-size: 16px;
        line-height: 1.85;
    }

    body.single-product .woocommerce-tabs .panel img {
        max-width: 100%;
        height: auto;
    }

    /* قسم التقييمات بنفس بنية الكمبيوتر، بعرض يناسب الشاشة. */
    body.single-product #reviews,
    body.single-product #review_form_wrapper,
    body.single-product #review_form,
    body.single-product #respond,
    body.single-product .comment-respond {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    body.single-product #reviews #comments,
    body.single-product #reviews #review_form_wrapper {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    body.single-product #reviews #review_form_wrapper {
        margin-top: 18px !important;
        padding: 20px 16px !important;
        border: 1px solid #e2e2e2 !important;
        background: #fff !important;
    }

    body.single-product #review_form #respond .comment-reply-title,
    body.single-product #review_form #respond #reply-title {
        display: block;
        margin: 0 0 16px !important;
        padding: 0 !important;
        color: #222;
        font-size: 23px !important;
        font-weight: 500;
        line-height: 1.55 !important;
        text-align: right;
    }

    /* إخفاء رسالة البريد وحقلي الاسم والبريد على الجوال فقط. */
    body.single-product #review_form .comment-notes,
    body.single-product #review_form .required-field-message,
    body.single-product #review_form .comment-form-author,
    body.single-product #review_form .comment-form-email,
    body.single-product #review_form .comment-form-cookies-consent {
        display: none !important;
    }

    body.single-product #review_form #respond form,
    body.single-product #review_form #respond .comment-form {
        display: block !important;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single-product #review_form #respond form > p,
    body.single-product #review_form #respond .comment-form > p {
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 18px !important;
        padding: 0 !important;
        box-sizing: border-box;
        text-align: right;
    }

    body.single-product #review_form label {
        display: block !important;
        width: 100%;
        margin: 0 0 8px !important;
        font-size: 18px !important;
        line-height: 1.5 !important;
        text-align: right;
    }

    body.single-product #review_form textarea,
    body.single-product #review_form input[type="text"],
    body.single-product #review_form input[type="email"] {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 12px 14px !important;
        border: 1px solid #d3d3d3 !important;
        border-radius: 3px !important;
        background: #fff !important;
        color: #222 !important;
        font-size: 16px !important;
        line-height: 1.5;
        box-shadow: none !important;
        box-sizing: border-box;
    }

    body.single-product #review_form textarea {
        min-height: 165px !important;
        resize: vertical;
    }

    /* إصلاح تداخل أرقام النجوم الظاهر في الصورة. */
    body.single-product #review_form .comment-form-rating {
        display: block !important;
        min-height: 70px;
        margin-bottom: 18px !important;
        overflow: visible !important;
    }

    body.single-product #review_form p.stars {
        display: block !important;
        width: 100% !important;
        min-height: 38px;
        margin: 6px 0 0 !important;
        padding: 0 !important;
        direction: rtl !important;
        line-height: 1 !important;
        overflow: visible !important;
    }

    body.single-product #review_form p.stars span {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center;
        justify-content: flex-start;
        gap: 5px;
        width: auto !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        direction: ltr !important;
        overflow: visible !important;
    }

    body.single-product #review_form p.stars a {
        position: relative !important;
        inset: auto !important;
        display: inline-block !important;
        flex: 0 0 34px;
        width: 34px !important;
        height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        background: transparent !important;
        color: transparent !important;
        font-size: 0 !important;
        line-height: 34px !important;
        text-indent: -9999px !important;
        text-decoration: none !important;
        box-shadow: none !important;
        box-sizing: border-box;
    }

    body.single-product #review_form p.stars a::before {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        display: block !important;
        width: 34px !important;
        height: 34px !important;
        margin: 0 !important;
        color: #303030 !important;
        font-family: Arial, sans-serif !important;
        font-size: 31px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 32px !important;
        text-align: center !important;
        text-indent: 0 !important;
        content: "☆" !important;
        opacity: 1 !important;
        transform: none !important;
    }

    body.single-product #review_form p.stars:hover a::before,
    body.single-product #review_form p.stars a:hover::before,
    body.single-product #review_form p.stars a:focus::before,
    body.single-product #review_form p.stars.selected a:not(.active)::before,
    body.single-product #review_form p.stars.selected a.active::before {
        content: "★" !important;
    }

    body.single-product #review_form p.stars a:hover ~ a::before,
    body.single-product #review_form p.stars.selected a.active ~ a::before {
        content: "☆" !important;
    }

    body.single-product #review_form .form-submit {
        display: flex !important;
        justify-content: flex-start;
        margin-top: 4px !important;
    }

    body.single-product #review_form input[type="submit"],
    body.single-product #review_form button[type="submit"],
    body.single-product #review_form .submit {
        min-width: 100px;
        min-height: 48px;
        margin: 0 !important;
        padding: 11px 24px !important;
        border: 0 !important;
        border-radius: 4px !important;
        background: var(--gdmr-accent) !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
        text-align: center;
        box-shadow: none !important;
    }

    body.single-product #review_form input[type="submit"]:focus-visible,
    body.single-product #review_form button[type="submit"]:focus-visible,
    body.single-product #review_form p.stars a:focus-visible {
        outline: 3px solid rgba(122, 155, 63, 0.32) !important;
        outline-offset: 2px;
    }

    body.single-product #reviews .commentlist {
        margin: 0 !important;
        padding: 0 !important;
    }
}