/* ========================================
   MOBILE PRODUCT RESPONSIVE FIXES
   حل مشاكل التجاوب في صفحة المنتج على الهاتف
   ======================================== */

/* ===== FIXES FOR ALL MOBILE DEVICES ===== */
@media (max-width: 768px) {
    /* ===== CONTAINER FIXES ===== */
    .container,
    .container-fluid,
    .woocommerce .container,
    .woocommerce .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== BODY AND HTML FIXES ===== */
    body,
    html {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        position: relative !important;
    }
    
    /* ===== MAIN CONTENT FIXES ===== */
    .main,
    .site-main,
    .woocommerce .main,
    .woocommerce .site-main {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== PRODUCT PAGE SPECIFIC FIXES ===== */
    .single-product .main,
    .single-product .site-main,
    .woocommerce.single-product .main,
    .woocommerce.single-product .site-main {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== PRODUCT CONTENT FIXES ===== */
    .type-product,
    .single-product .type-product,
    .woocommerce .type-product {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== PRODUCT SUMMARY FIXES ===== */
    .entry-summary,
    .woocommerce .entry-summary,
    .single-product .entry-summary {
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== PRODUCT IMAGE FIXES ===== */
    .woocommerce-product-gallery,
    .woocommerce .woocommerce-product-gallery,
    .single-product .woocommerce-product-gallery {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    .woocommerce-product-gallery__image,
    .woocommerce .woocommerce-product-gallery__image {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }
    
    .woocommerce-product-gallery__image img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
    
    /* ===== PRODUCT TABS FIXES ===== */
    .woocommerce-tabs,
    .woocommerce .woocommerce-tabs {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    .woocommerce-tabs-container,
    .woocommerce .woocommerce-tabs-container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== PRODUCT META FIXES ===== */
    .product_meta,
    .woocommerce .product_meta {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== RELATED PRODUCTS FIXES ===== */
    .related,
    .woocommerce .related,
    .upsells,
    .woocommerce .upsells {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== PRODUCT VARIATIONS FIXES ===== */
    .variations,
    .woocommerce .variations {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    .variations td,
    .woocommerce .variations td {
        width: 100% !important;
        max-width: 100% !important;
        padding: 5px 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== ADD TO CART FORM FIXES ===== */
    .cart,
    .woocommerce .cart {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== QUANTITY INPUT FIXES ===== */
    .quantity,
    .woocommerce .quantity {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 0 10px 0 !important;
        box-sizing: border-box !important;
    }
    
    .quantity input[type="number"],
    .woocommerce .quantity input[type="number"] {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== BUTTON FIXES ===== */
    .single_add_to_cart_button,
    .woocommerce .single_add_to_cart_button,
    .add_to_cart_button,
    .woocommerce .add_to_cart_button {
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px !important;
        margin: 10px 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== PRODUCT TITLE FIXES ===== */
    .product_title,
    .woocommerce .product_title,
    .entry-title,
    .woocommerce .entry-title {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 0 15px 0 !important;
        font-size: 20px !important;
        line-height: 1.3 !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        box-sizing: border-box !important;
    }
    
    /* ===== PRODUCT PRICE FIXES ===== */
    .price,
    .woocommerce .price {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 0 15px 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== PRODUCT DESCRIPTION FIXES ===== */
    .woocommerce-product-details__short-description,
    .woocommerce .woocommerce-product-details__short-description {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 0 15px 0 !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        box-sizing: border-box !important;
    }
    
    /* ===== ROW AND COLUMN FIXES ===== */
    .row,
    .woocommerce .row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
    
    .col,
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
    .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
    .woocommerce .col,
    .woocommerce .col-1, .woocommerce .col-2, .woocommerce .col-3,
    .woocommerce .col-4, .woocommerce .col-5, .woocommerce .col-6,
    .woocommerce .col-7, .woocommerce .col-8, .woocommerce .col-9,
    .woocommerce .col-10, .woocommerce .col-11, .woocommerce .col-12 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }
    
    /* ===== FLEXBOX FIXES - MORE CAREFUL ===== */
    .d-flex,
    .flex,
    .woocommerce .d-flex,
    .woocommerce .flex {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* ===== GRID FIXES ===== */
    .grid,
    .woocommerce .grid {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        box-sizing: border-box !important;
    }
    
    /* ===== SPECIFIC PRODUCT ELEMENTS ===== */
    .product,
    .woocommerce .product {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== FORM ELEMENTS ===== */
    form,
    .woocommerce form {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    input,
    textarea,
    select,
    .woocommerce input,
    .woocommerce textarea,
    .woocommerce select {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* ===== TABLE FIXES ===== */
    table,
    .woocommerce table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
    }
    
    table td,
    table th,
    .woocommerce table td,
    .woocommerce table th {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        max-width: 100% !important;
    }
    
    /* ===== IMAGE FIXES - MORE CAREFUL FOR SMALL ICONS ===== */
    .woocommerce-product-gallery__image img,
    .woocommerce .woocommerce-product-gallery__image img {
        max-width: 100% !important;
        height: auto !important;
        width: 100% !important;
    }
    
    /* ===== SPECIFIC PRODUCT PAGE ELEMENTS ===== */
    .product-type-simple,
    .product-type-variable,
    .product-type-grouped,
    .product-type-external {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== VARIATION SELECTS ===== */
    .variations select,
    .woocommerce .variations select {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
        margin: 5px 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== RESET BUTTON ===== */
    .reset_variations,
    .woocommerce .reset_variations {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
        margin: 10px 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== STOCK STATUS ===== */
    .stock,
    .woocommerce .stock {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
        margin: 10px 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== PRODUCT CATEGORIES ===== */
    .product-cat,
    .woocommerce .product-cat {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 0 10px 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== PRODUCT TAGS ===== */
    .product-tags,
    .woocommerce .product-tags {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 0 10px 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== SHARE BUTTONS ===== */
    .social-share,
    .woocommerce .social-share {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 15px 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== REVIEWS SECTION ===== */
    .woocommerce-Reviews,
    .woocommerce .woocommerce-Reviews {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== COMMENT FORM ===== */
    .comment-form,
    .woocommerce .comment-form {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== COMMENT LIST ===== */
    .commentlist,
    .woocommerce .commentlist {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* ===== FORCE HORIZONTAL SCROLL PREVENTION ===== */
    * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* ===== SPECIFIC OVERFLOW FIXES ===== */
    .woocommerce-product-gallery__wrapper,
    .woocommerce .woocommerce-product-gallery__wrapper {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .woocommerce-product-gallery__trigger,
    .woocommerce .woocommerce-product-gallery__trigger {
        position: absolute !important;
        right: 10px !important;
        top: 10px !important;
        z-index: 10 !important;
    }
    
    /* ===== THUMBNAIL FIXES ===== */
    .woocommerce-product-gallery__thumbs,
    .woocommerce .woocommerce-product-gallery__thumbs {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 10px 0 !important;
        box-sizing: border-box !important;
    }
    
    .woocommerce-product-gallery__thumbs img,
    .woocommerce .woocommerce-product-gallery__thumbs img {
        max-width: 80px !important;
        height: auto !important;
        margin: 0 5px !important;
    }
}

/* ===== EXTRA SMALL DEVICES ===== */
@media (max-width: 575px) {
    .container,
    .container-fluid,
    .woocommerce .container,
    .woocommerce .container-fluid {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    .entry-summary,
    .woocommerce .entry-summary {
        padding: 10px !important;
    }
    
    .woocommerce-tabs,
    .woocommerce .woocommerce-tabs {
        padding: 0 10px !important;
    }
    
    .related,
    .woocommerce .related,
    .upsells,
    .woocommerce .upsells {
        padding: 0 10px !important;
    }
    
    .woocommerce-Reviews,
    .woocommerce .woocommerce-Reviews {
        padding: 0 10px !important;
    }
    
    .col,
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
    .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
    .woocommerce .col,
    .woocommerce .col-1, .woocommerce .col-2, .woocommerce .col-3,
    .woocommerce .col-4, .woocommerce .col-5, .woocommerce .col-6,
    .woocommerce .col-7, .woocommerce .col-8, .woocommerce .col-9,
    .woocommerce .col-10, .woocommerce .col-11, .woocommerce .col-12 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

/* ===== LANDSCAPE ORIENTATION FIXES ===== */
@media (max-width: 768px) and (orientation: landscape) {
    .container,
    .container-fluid,
    .woocommerce .container,
    .woocommerce .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .entry-summary,
    .woocommerce .entry-summary {
        padding: 20px !important;
    }
}

/* ===== HIGH DPI DISPLAYS ===== */
@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
       (max-width: 768px) and (min-resolution: 192dpi) {
    .woocommerce-product-gallery__image img,
    .woocommerce .woocommerce-product-gallery__image img {
        image-rendering: -webkit-optimize-contrast !important;
        image-rendering: crisp-edges !important;
    }
}

/* ===== TOUCH DEVICE OPTIMIZATIONS ===== */
@media (max-width: 768px) and (hover: none) and (pointer: coarse) {
    .single_add_to_cart_button,
    .woocommerce .single_add_to_cart_button,
    .add_to_cart_button,
    .woocommerce .add_to_cart_button {
        min-height: 44px !important;
        padding: 15px 20px !important;
    }
    
    .variations select,
    .woocommerce .variations select {
        min-height: 44px !important;
        padding: 12px !important;
    }
    
    .quantity input[type="number"],
    .woocommerce .quantity input[type="number"] {
        min-height: 44px !important;
        padding: 12px !important;
    }
}

/* ===== PRINT STYLES ===== */
@media print {
    .container,
    .container-fluid,
    .woocommerce .container,
    .woocommerce .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .entry-summary,
    .woocommerce .entry-summary {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}