/* ==================================================================
   DevNailAlliance - Mobile improvements (version minimaliste)
   ==================================================================
   Reecriture complete apres accumulation de regles contradictoires.

   Strategie : NE PAS toucher au comportement du plugin ephtm
   (position absolute, display none/block, etc.). On laisse le theme
   fonctionner normalement et on n'ajoute QUE des touches cosmetiques
   ciblees qui ne risquent pas de casser la mecanique.

   Si le rendu mobile ne te plait toujours pas, tu peux supprimer
   ce fichier sans risque - le theme reprendra son rendu d'origine.
   ================================================================== */

@media (max-width: 767px) {

    /* === 1. Background body : passer du gris foncé sombre au beige neutre === */
    body {
        background: #f8f7fa !important;
    }

    /* === 2. La pilule panier dans le header (- 0 €) lisible === */
    #topMain nav .shopping_cart,
    #topMain nav [class*="cart_total"] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 4px 10px;
        background: rgba(255, 255, 255, 0.15);
        border-radius: 999px;
        font-size: 0.85rem;
        color: #ffffff !important;
        text-decoration: none;
    }

    /* === 3. Bouton hamburger : zone tactile correcte === */
    .ephtm_toggle_menu_button,
    [class*="menu-toggle"],
    .burgerToogle {
        min-width: 44px;
        min-height: 44px;
    }

    /* === 4. Page produit : adoucir le liseré violet/rose dur === */
    #product .product_img_link,
    #product .product-image-container {
        border: 1px solid #e8e6ed !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 12px rgba(118, 27, 113, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04) !important;
        background: #ffffff;
    }

    /* === 5. Formulaires mobile : taille tactile + font-size >= 16px (anti zoom iOS) === */
    body .form-group .form-control,
    body .form-group input[type="text"],
    body .form-group input[type="email"],
    body .form-group input[type="password"],
    body .form-group input[type="tel"],
    body .form-group select,
    body .form-group textarea {
        font-size: 16px;
        min-height: 44px;
        padding: 10px 12px;
    }

    /* === 6. Banner cookie : boutons confortables === */
    .acb-button {
        min-height: 44px;
        padding: 10px 20px;
        border-radius: 8px;
        font-weight: 600;
    }

    #acb-accept-all-button.acb-button {
        background: #761B71 !important;
        color: #ffffff !important;
        border-color: #761B71 !important;
    }
}