/* ============================================================
   Correctifs UX mobile — fashioncurvyshop.com (14/07/2026)
   Déployé dans : wp-content/themes/enfold-child/style.css
   Source de vérité : maintenance-fcs/ux/mobile-ux.css
   Audit de référence : bandeau cookies >50% écran, header 173px,
   37 zones tactiles <40px, badge avis 74x79 par-dessus le contenu.
   ============================================================ */

@media only screen and (max-width: 767px) {

  /* ---------- 1. Bandeau cookies Complianz : compact ----------
     Avant : ~55% de l'écran (texte 16px + 3 boutons empilés).
     Après : bandeau bas ~30% max, texte réduit défilable,
     Accepter/Refuser côte à côte (choix équivalent = conforme RGPD),
     préférences en bouton discret dessous. */
  .cmplz-cookiebanner {
    padding: 12px 14px 10px !important;
    max-height: 42vh !important;
    overflow-y: auto !important;
    border-radius: 14px 14px 0 0 !important;
    box-shadow: 0 -6px 24px rgba(0, 0, 0, .18) !important;
  }
  .cmplz-cookiebanner .cmplz-message {
    font-size: 12px !important;
    line-height: 1.45 !important;
    max-height: 88px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .cmplz-cookiebanner .cmplz-buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }
  .cmplz-cookiebanner .cmplz-btn {
    margin: 0 !important;
    padding: 12px 8px !important;
    font-size: 14px !important;
    min-height: 44px !important;      /* zone tactile confortable */
  }
  /* « Voir les préférences » : pleine largeur sous les 2 choix, discret */
  .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
  .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences {
    grid-column: 1 / -1 !important;
    background: transparent !important;
    border: 1px solid #ddd !important;
    font-size: 12.5px !important;
    min-height: 40px !important;
    padding: 8px !important;
  }
  .cmplz-cookiebanner .cmplz-links {
    margin-top: 6px !important;
  }
  .cmplz-cookiebanner .cmplz-links a,
  .cmplz-cookiebanner .cmplz-link {
    font-size: 11px !important;
    padding: 6px 4px !important;      /* cible tactile des liens légaux */
    display: inline-block !important;
  }
  /* ne jamais révéler les gabarits cachés de Complianz ({title}, TCF…) */
  .cmplz-cookiebanner .cmplz-link.cmplz-hidden {
    display: none !important;
  }
  /* la croix de fermeture reste facile à toucher */
  .cmplz-cookiebanner .cmplz-close {
    width: 40px !important;
    height: 40px !important;
  }

  /* ---------- 2. En-tête mobile : compact ----------
     Avant : barre rose #header_meta = 93px (menu sur 3 lignes).
     Après : ~44-52px (police réduite, éléments resserrés). */
  #header_meta {
    padding: 2px 0 !important;
  }
  #header_meta .av-main-nav > li > a,
  #header_meta #avia2-menu li a {
    font-size: 10.5px !important;
    letter-spacing: .3px !important;
    padding: 5px 5px !important;      /* hauteur tactile préservée */
    line-height: 1.5 !important;
  }
  /* icônes dashicons de la barre rose : masquées sur mobile
     (gain ~25px/élément → le menu tient sur 2 lignes au lieu de 3 ;
     les intitulés restent explicites, les icônes restent sur bureau) */
  #header_meta #avia2-menu li a i._mi {
    display: none !important;
  }
  /* icônes sociales (fb/insta/yt) : déjà dans le pied de page,
     inutiles dans l'en-tête mobile → on libère une ligne */
  #header_meta .social_bookmarks {
    display: none !important;
  }
  /* logo un peu plus compact */
  .responsive #top #header_main .container {
    height: 64px !important;
  }
  .responsive #top #header_main .logo,
  .responsive #top #header_main .logo img {
    max-height: 60px !important;
  }

  /* ---------- 3. Zones tactiles >= 44px ----------
     Audit : 37 liens/boutons < 40px de haut. */
  /* burger, recherche, compte, panier de l'en-tête */
  #top #header_main .av-main-nav > li > a,
  #top .av-burger-menu-main a,
  #top #menu-item-search a,
  #top #menu-item-shop a {
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* menu mobile déroulant : lignes confortables */
  #top #av-burger-menu-ul li a,
  .av-burger-overlay li a {
    min-height: 44px !important;
    line-height: 44px !important;
  }
  /* boutons boutique (ajouter au panier, filtres, commander) */
  .woocommerce a.button, .woocommerce button.button,
  .woocommerce input.button, .woocommerce #respond input#submit,
  #top .avia-button, button.single_add_to_cart_button,
  .checkout-button {
    min-height: 44px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  /* liens du pied de page : espacement tactile */
  #footer a, #socket a {
    display: inline-block !important;
    padding: 6px 2px !important;
  }
  /* liens de la barre rose : un peu plus hauts (30px) tout en
     gardant l'en-tête compact — larges donc faciles à toucher */
  #header_meta #avia2-menu li a {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
  /* « Ajouter à la liste de souhaits » sous les produits */
  .yith-wcwl-add-button a, .yith-wcwl-add-to-wishlist a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    display: inline-block !important;
  }

  /* ---------- 4. Badge « Avis garantis » ----------
     Avant : 74x79px fixe au-dessus du contenu (z-index 99999).
     Après : réduit d'un tiers, sous le bandeau cookies. */
  .agJsWidget {
    transform: scale(.68) !important;
    transform-origin: bottom right !important;
    opacity: .92 !important;
    z-index: 9990 !important;         /* sous la bannière cookies */
  }
}