/*
Theme Name: Footy Outlet Clean
Theme URI: https://footyoutlet.com
Author: Footy Outlet
Author URI: https://footyoutlet.com
Description: A clean, mobile-friendly WooCommerce theme for Footy Outlet - High Quality Jerseys for Low Prices
Version: 2.1.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: footy-outlet
Tags: e-commerce, woocommerce, responsive, mobile-friendly, sports

This theme is designed specifically for Footy Outlet, an NRL jersey store.
*/

/* ========================================
   GLOBAL MOBILE OVERFLOW FIX
   ======================================== */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
}

*, *::before, *::after {
    box-sizing: border-box !important;
}

body {
    -webkit-overflow-scrolling: touch;
}

img, video, iframe, table {
    max-width: 100% !important;
}

.site, #page, .site-content, main, .site-main, #primary {
    overflow-x: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* ========================================
   WOOCOMMERCE PRODUCT PAGE - CRITICAL CSS
   ======================================== */
body.single-product .site-main,
body.single-product #primary,
body.single-product main {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 100px 1rem 3rem !important;
}

body.single-product div.product,
body.single-product .type-product {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 3rem !important;
}

body.single-product .woocommerce-product-gallery,
body.single-product div.images {
    width: 100% !important;
    float: none !important;
}

body.single-product .woocommerce-product-gallery__image img {
    border-radius: 1rem !important;
}

body.single-product .summary.entry-summary,
body.single-product div.summary {
    width: 100% !important;
    float: none !important;
}

body.single-product .woocommerce-product-details__short-description {
    display: none !important;
}

body.single-product h1.product_title {
    font-size: 2rem !important;
    font-weight: 800 !important;
    color: #1a1a2e !important;
}

body.single-product .price ins {
    color: #e94560 !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}

body.single-product .variations select {
    width: 100% !important;
    padding: 0.875rem !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 0.5rem !important;
}

body.single-product button.single_add_to_cart_button {
    width: 100% !important;
    padding: 1rem !important;
    background: #1a1a2e !important;
    color: white !important;
    font-weight: 700 !important;
    border-radius: 0.75rem !important;
    border: none !important;
}

body.single-product .trust-badges {
    display: none !important;
}

body.single-product .woocommerce-tabs,
body.single-product .related.products {
    grid-column: 1 / -1 !important;
    clear: both !important;
}

@media (max-width: 768px) {
    body.single-product div.product {
        grid-template-columns: 1fr !important;
    }
}