/*
Theme Name:   Mayart Child
Theme URI:    https://mayart-shop.fr
Description:  Thème enfant pour Mayart – page d'accueil HTML custom + WooCommerce
Author:       Mayart
Author URI:   https://mayart-shop.fr
Template:     storefront
Version:      1.0.0
License:      GNU General Public License v2 or later
Text Domain:  mayart-child
*/

/* Ce fichier est requis par WordPress. Le CSS de la page d'accueil est dans front-page.php */

/* ─────────────────────────────────────────────────────────────────────────────
   SEO Mobile Fix : zones de tap ≥ 48px (Google Mobile-Friendly)
   ───────────────────────────────────────────────────────────────────────────── */

/* Liens de navigation : zone de clic agrandie sur mobile */
@media (max-width: 768px) {
    nav#main-nav ul.nav-links li a {
        display: inline-block;
        padding-top: 15px;
        padding-bottom: 15px;
        min-height: 48px;
        line-height: 1.2;
        box-sizing: border-box;
    }

    /* Bouton panier / compte */
    .nav-icon-link,
    .nav-account-btn,
    a.nav-icon-link {
        min-width: 48px;
        min-height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* Bouton fermer le tiroir */
    button.drawer-close {
        min-width: 48px;
        min-height: 48px;
    }

    /* Liens du footer */
    footer a {
        display: inline-block;
        padding-top: 8px;
        padding-bottom: 8px;
        min-height: 48px;
        line-height: 1.4;
    }
}

/* ─────────────────────────────────────────────────────────────────────────────
   SEO Mobile : aspect-ratio sur les images produits pour eviter le CLS
   Les images IMG_0666/IMG_0630 sont 225x300 (ratio 3:4)
   ───────────────────────────────────────────────────────────────────────────── */
img.product-img {
    aspect-ratio: 225 / 300;
    width: 100%;
    height: auto;
    display: block;
}

/* Toutes les images du site : jamais de debordement + hauteur auto */
img {
    max-width: 100%;
    height: auto;
}