/*
 * PRATINIUM — custom-fix-v141.css
 * Priorité 100000 — correctifs critiques prioritaires v141
 * Points traités :
 *   1. Material Icons — chargement font robuste (preconnect + @import fallback)
 *   2. Double lien Contactez-nous — suppression structurelle
 *   3. Section conformité — déjà corrigée par SVG dans index.tpl (pas besoin ici)
 *   4. Meta og — enrichissement via JS (dans pratinium-fix-v141.js)
 */

/* ── 1. Material Icons — déclaration @font-face locale + Google Fonts ── */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons&display=block');

/* Force l'application de la police sur tous les éléments Material Icons */
.material-icons,
i.material-icons,
span.material-icons,
[class*="material-icon"] {
  font-family: 'Material Icons', 'Material Icons Outlined', sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: 'liga' 1 !important;
  -webkit-font-feature-settings: 'liga' 1 !important;
  -moz-font-feature-settings: 'liga' 1 !important;
  display: inline-block !important;
  line-height: 1 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  word-wrap: normal !important;
  white-space: nowrap !important;
  direction: ltr !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size: 24px !important;
  vertical-align: middle !important;
}

/* Ciblage spécifique des icônes dans le header mobile */
#menu-icon i.material-icons,
#header .material-icons,
.header-nav .material-icons,
#search_widget .material-icons,
.cart-preview .material-icons,
._mobile_cart .material-icons,
._mobile_user_info .material-icons {
  font-family: 'Material Icons', sans-serif !important;
}

/* ── 2. Double lien Contactez-nous — suppression structurelle ── */

/*
 * Contexte : header.tpl génère UN lien "Contactez-nous" dans .pf-desktop-contact-zone.
 * displayNav1/displayNav2 peut injecter un second lien si le module "Contact" est configuré.
 * Sur la homepage, .header-nav est masquée globalement (body#index) par fix-v140.
 * Sur les autres pages, on masque le duplicata via :
 */

/* Masquer tout lien vers "nous-contacter" dans la zone de navigation (doublon possible) */
.header-nav a[href*="nous-contacter"]:not(.pf-desktop-contact-link),
.pf-desktop-contact-zone a[href*="nous-contacter"]:not(.pf-desktop-contact-link),
#header a[href*="nous-contacter"]:not(.pf-desktop-contact-link),
.right-nav a[href*="contactez-nous"],
.right-nav a[href*="nous-contacter"],
#_desktop_contact_link a:not(:first-child) {
  display: none !important;
}

/* Sur toutes les pages (pas seulement homepage) : si le hook displayNav1 injecte un lien contact,
   et qu'il y a déjà .pf-desktop-contact-link, on masque tout autre lien contact dans le header-nav */
.pf-desktop-contact-zone ~ * a[href*="nous-contacter"],
.pf-desktop-contact-zone ~ * a[href*="contactez-nous"] {
  display: none !important;
}

/* ── 3. Section légale — renforcement SVG icons ── */
/* Les emojis ont déjà été remplacés dans index.tpl par des SVG inline.
   On s'assure que les SVG sont bien visibles et correctement dimensionnés */
.pf-legal__icon .pf-svg-icon {
  width: 36px !important;
  height: 36px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 3 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  display: block !important;
}

.pf-legal__item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

.pf-legal__icon {
  flex-shrink: 0 !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(247,199,93,.18), rgba(94,231,255,.12)) !important;
  border: 1px solid rgba(247,199,93,.32) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #f7c75d !important;
}


/* PRATINIUM v145 — Contact exact : le lien officiel vers la page contact doit rester visible.
   Les règles anti-doublon ci-dessus ne doivent jamais masquer le lien principal. */
@media (min-width: 768px) {
  #header .header-nav .pf-desktop-contact-zone a.pf-desktop-contact-link[href],
  #header .header-nav a.pf-desktop-contact-link[href] {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}