/*
Theme Name: Shubham Custom
Theme URI: https://shubham-creations.local
Author: Shubham Creations
Description: Custom WordPress theme built from scratch.
Version: 1.0.0
Text Domain: shubham-custom
*/

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

body {
    font-family: 'Poppins', Arial, sans-serif;
    line-height: 1.6;
    background: #f5f5f5;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
}

img, video, svg {
    max-width: 100%;
    height: auto;
    display: block;
}

input, button, textarea, select {
    font-family: inherit;
    max-width: 100%;
}

table {
    width: 100%;
    border-collapse: collapse;
}

/* Grid and flex children must be allowed to shrink on narrow viewports. */
main,
section,
article,
aside,
nav,
form {
    min-width: 0;
}

/* Dynamic WooCommerce names, URLs and validation messages must not widen a card. */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notices-wrapper,
.woocommerce-product-details__short-description,
.woocommerce .product-name {
    overflow-wrap: anywhere;
}

/* WooCommerce global responsive fixes */
.woocommerce,
.woocommerce-page {
    min-width: 0;
}

.woocommerce form .form-row {
    width: 100% !important;
    float: none !important;
}

.woocommerce-cart-form__contents,
.woocommerce table.shop_table {
    min-width: 0;
}

@media (max-width: 600px) {
    .woocommerce table.shop_table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .woocommerce-cart .woocommerce table.cart td.actions {
        text-align: left;
    }

    .woocommerce #payment #place_order,
    .woocommerce-page #payment #place_order {
        width: 100%;
    }

    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last {
        width: 100% !important;
        float: none !important;
    }
}


/* =========================================================
   GLOBAL MOBILE & TABLET UX ENHANCEMENTS
   ========================================================= */
@media (max-width: 768px) {
    /* Prevent iOS Safari unwanted auto-zoom on form inputs */
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="password"],
    input[type="search"],
    input[type="number"],
    select,
    textarea {
        font-size: 16px !important;
    }

    /* Standard minimum 44px touch targets on buttons */
    button,
    .button,
    a.button,
    .btn,
    input[type="submit"] {
        min-height: 44px;
    }

    /* Container safety: eliminate unwanted horizontal overflow */
    .sc-shell,
    .container,
    .pd-container,
    .sc-cart-container,
    .sc-checkout-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
        max-width: 100% !important;
    }
}