/* =============================================
   ZG-GLOBAL — Règles UX globales ZeGreen (shop 2)
   - Supprime le contour bleu au clic souris/tap PARTOUT
   - Garde l'accessibilité clavier (focus-visible vert)
   ============================================= */

/* Reset universel : pas de outline ni highlight bleu au clic/tap/focus */
body a,
body button,
body input,
body select,
body textarea,
body [role="button"],
body [tabindex],
body summary,
body label,
body img,
body .elementor-button,
body .elementor-image,
body .elementor-image a,
body .elementor-image img,
body .ce-product-image,
body .ce-product-image a,
body .ce-product-image img,
body .ce-product-name,
body .ce-product-name a,
body .ce-product-prices a,
body .zg-menu a,
body .zg-menu-link,
body .zg-burger,
body .zg-submenu a,
body .elementor-search__product-link,
body .elementor-search__products a,
body .elementor-search__input,
body .elementor-search__submit,
body .elementor-search__toggle,
body .ce-breadcrumb a,
body .ce-pagination a,
body header a,
body header img,
body footer a,
body article a,
body article img{
  outline:none !important;
  -webkit-tap-highlight-color:transparent !important;
}

body a:focus,
body a:active,
body button:focus,
body button:active,
body input:focus,
body select:focus,
body textarea:focus,
body [role="button"]:focus,
body [role="button"]:active,
body img:focus,
body img:active,
body .elementor-button:focus,
body .elementor-button:active,
body .elementor-image a:focus,
body .elementor-image a:active,
body .ce-product-image a:focus,
body .ce-product-image a:active,
body .zg-menu a:focus,
body .zg-menu a:active,
body header a:focus,
body header a:active,
body header img:focus,
body header img:active{
  outline:none !important;
  box-shadow:none !important;
}

/* Préserve un focus visible UNIQUEMENT pour navigation clavier (Tab) */
body a:focus-visible,
body button:focus-visible,
body [role="button"]:focus-visible,
body input[type="checkbox"]:focus-visible,
body input[type="radio"]:focus-visible{
  outline:2px solid #18A957 !important;
  outline-offset:3px !important;
  border-radius:6px !important;
}

/* Inputs textuels : focus-visible avec ring vert + pas de défaut bleu
   — On EXCLUT le champ de recherche CE (a son propre wrapper rond) */
body input[type="text"]:focus:not(.elementor-search__input),
body input[type="email"]:focus,
body input[type="tel"]:focus,
body input[type="password"]:focus,
body input[type="number"]:focus,
body textarea:focus,
body select:focus{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(24,169,87,.15) !important;
  border-color:#18A957 !important;
}

/* Champ de recherche CE : juste retirer le focus bleu, sans ring vert */
body input.elementor-search__input:focus,
body input[type="search"]:focus{
  outline:none !important;
  box-shadow:none !important;
  border-color:transparent !important;
}
/* Le wrapper de la search bar : ring vert au focus-within (subtil, sur le container arrondi) */
body .elementor-search__container:focus-within{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(24,169,87,.12) !important;
  transition:box-shadow .2s !important;
}

/* Logo ZeGreen header — aucun contour quelle que soit l'interaction */
body header .elementor-widget-image a,
body header .elementor-widget-image img,
body header img[alt*="ZeGreen" i],
body header img[alt*="zegreen" i],
body .zg-menu .elementor-widget-image a{
  outline:none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color:transparent !important;
}