/* Fiche produit — version mobile allégée (30/09/2026, 22h).
   Actif seulement sur téléphone (< 768 px) et quand <html> porte la classe nh-fm
   (posée par nh-fiche-mobile.js). L'ordinateur n'est pas touché.
   Principe : au premier écran, la photo, le titre, le prix, les choix et le bouton.
   Le reste (conseil, demande particulière, questions) est replié et suit le même dessin :
   une ligne, un filet, un chevron. Plus aucun encadré en dehors des champs du formulaire. */

/* Sur ordinateur, les lignes repliables ajoutées par le script restent cachées */
html.nh-fm .nh-fm-ligne{display:none!important}

@media (max-width:767px){

  /* 1. Fil d'Ariane : doublon du bouton retour sur téléphone */
  html.nh-fm.nh-fm body.single-product .woocommerce-breadcrumb{display:none!important}
  html.nh-fm.nh-fm body.single-product .main-content>.row{padding-top:0!important}

  /* 2. Titre, prix, description : un peu plus serrés, prix plus lisible */
  html.nh-fm.nh-fm body.single-product .summary .product_title{margin-bottom:6px!important}
  html.nh-fm.nh-fm body.single-product .summary p.price{font-size:15px!important;margin-bottom:12px!important}
  html.nh-fm.nh-fm body.single-product .summary .woocommerce-product-details__short-description{margin-bottom:18px!important}
  html.nh-fm.nh-fm body.single-product .summary .woocommerce-product-details__short-description p{margin-bottom:0!important}

  /* 3. Ligne repliable commune (conseil, demande particulière) */
  html.nh-fm.nh-fm body.single-product .nh-fm-ligne{
    display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;
    background:none!important;border:0!important;border-top:1px solid rgba(26,26,26,.14)!important;
    border-radius:0!important;box-shadow:none!important;
    padding:14px 2px!important;margin:0!important;cursor:pointer;
    font-family:"Instrument Sans","Helvetica Neue",Arial,sans-serif!important;font-size:14px!important;
    font-weight:500!important;letter-spacing:0!important;text-transform:none!important;
    color:#1A1A1A!important;text-align:left;line-height:1.3!important;min-height:0!important;
  }
  html.nh-fm.nh-fm body.single-product .nh-fm-ligne::after{
    content:"";flex:0 0 auto;width:7px;height:7px;margin-right:4px;
    border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
    transform:rotate(45deg) translateY(-2px);transition:transform .25s ease;
  }
  html.nh-fm.nh-fm body.single-product .nh-fm-ouvert>.nh-fm-ligne::after{transform:rotate(-135deg) translateY(-1px)}
  html.nh-fm.nh-fm body.single-product .nh-fm-ligne:hover,html.nh-fm.nh-fm body.single-product .nh-fm-ligne:focus-visible{color:#1A1A1A!important;text-decoration:underline;text-underline-offset:3px}

  /* 4. Le conseil du photographe : plus d'encadré, une ligne qui s'ouvre */
  html.nh-fm.nh-fm body.single-product .nh-conseil{border:0!important;background:none!important;padding:0!important;margin:0 0 22px!important;border-bottom:1px solid rgba(26,26,26,.14)!important}
  html.nh-fm.nh-fm body.single-product .nh-conseil .nh-conseil__etiq{display:none!important}
  html.nh-fm.nh-fm body.single-product .nh-conseil .nh-conseil__corps{display:none;padding:0 2px 16px}
  html.nh-fm.nh-fm body.single-product .nh-conseil.nh-fm-ouvert .nh-conseil__corps{display:block}
  html.nh-fm.nh-fm body.single-product .nh-conseil .nh-conseil__texte p{font-size:16px!important;line-height:1.5!important;margin-bottom:10px!important}
  html.nh-fm.nh-fm body.single-product .nh-conseil .nh-conseil__action{margin:0!important}

  /* 5. Formulaire : étapes un peu plus serrées */
  html.nh-fm.nh-fm body.single-product form.cart .wapf-field-container{margin-bottom:0!important;padding-bottom:0!important}
  html.nh-fm.nh-fm body.single-product form.cart .wapf-field-group{gap:22px!important}
  html.nh-fm.nh-fm body.single-product form.cart .wapf-field-label{margin-bottom:8px!important}
  html.nh-fm.nh-fm body.single-product form.cart select{padding-top:13px!important;padding-bottom:13px!important}
  html.nh-fm.nh-fm body.single-product form.cart .select2-container .select2-selection--single{min-height:0!important}
  html.nh-fm.nh-fm body.single-product form.cart .wapf-field-description{margin-top:6px!important}

  /* « Quelle taille pour votre mur ? » : un lien, pas un titre en capitales */
  html.nh-fm.nh-fm body.single-product form.cart .nh-chez-vous{margin:4px 0 14px!important}
  html.nh-fm.nh-fm body.single-product form.cart .nh-chez-vous button{
    text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:400!important;
  }

  /* 6. Demande particulière : repliée derrière une ligne */
  html.nh-fm.nh-fm body.single-product form.cart .nh-demande{margin:0 0 18px!important;padding:0!important;border-top:0!important;border-bottom:1px solid rgba(26,26,26,.14)!important}
  html.nh-fm.nh-fm body.single-product form.cart .nh-demande>.wapf-field-label{display:none!important}
  html.nh-fm.nh-fm body.single-product form.cart .nh-demande>.wapf-field-input{display:none;padding:0 0 14px}
  html.nh-fm.nh-fm body.single-product form.cart .nh-demande.nh-fm-ouvert>.wapf-field-input{display:block}
  html.nh-fm.nh-fm body.single-product form.cart .nh-demande textarea{min-height:88px!important;height:88px}

  /* 7. Sous le bouton : carte cadeau et tarif pro en deux lignes simples, sans encadré */
  html.nh-fm.nh-fm body.single-product .nectar_woocommerce_after_add_to_cart_form .nh-fiche-offrir{font-size:14px!important;margin:18px 0 8px!important;line-height:1.5!important}
  html.nh-fm.nh-fm body.single-product .nh-fiche-pros{border:0!important;background:none!important;padding:0!important;margin:0!important;box-shadow:none!important}
  html.nh-fm.nh-fm body.single-product .nh-fiche-pros::before,html.nh-fm.nh-fm body.single-product .nh-fiche-pros::after{display:none!important}
  html.nh-fm.nh-fm body.single-product .nh-fiche-pros .nh-fiche-pros__etiq,
  html.nh-fm.nh-fm body.single-product .nh-fiche-pros .nh-fiche-pros__titre{display:none!important}
  html.nh-fm.nh-fm body.single-product .nh-fiche-pros .nh-fiche-pros__texte,
  html.nh-fm.nh-fm body.single-product .nh-fiche-pros .nh-fiche-pros__lien{display:inline!important;margin:0!important;font-size:14px!important;line-height:1.5!important}
  html.nh-fm.nh-fm body.single-product .nh-fiche-pros .nh-fiche-pros__lien a{
    text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:400!important;
    text-decoration:underline!important;text-underline-offset:3px;border:0!important;padding:0!important;
  }
  html.nh-fm.nh-fm body.single-product .nh-fiche-pros .nh-fiche-pros__lien a::after{content:none!important}
  html.nh-fm.nh-fm body.single-product .nh-fiche-pros .nh-fiche-pros__texte::after{content:" "}

  html.nh-fm.nh-fm body.single-product .nh-fiche-infos .nh-fiche-acc .nectar-blocks-accordion-section:last-child{border-bottom:1px solid rgba(26,26,26,.14)!important}

  /* 8. Questions fréquentes : moins de vide au-dessus, pas de cadre, titres en minuscules */
  html.nh-fm.nh-fm body.single-product .nectar_woocommerce_after_single_product_summary{margin-top:0!important;padding-top:0!important}
  html.nh-fm.nh-fm body.single-product .nh-fiche-infos{padding-top:14px!important;margin-top:0!important}
  html.nh-fm.nh-fm body.single-product .nh-fiche-infos .nh-fiche-infos__titre{font-size:22px!important;margin-bottom:8px!important;text-align:left!important}
  html.nh-fm.nh-fm body.single-product .nh-fiche-infos .nh-fiche-acc.nectar-blocks-accordion,
  html.nh-fm.nh-fm body.single-product .nh-fiche-infos .nectar-blocks-accordion,
  html.nh-fm.nh-fm body.single-product .nh-fiche-infos .nectar-blocks-accordion__inner{border:0!important;background:none!important;padding:0!important;box-shadow:none!important}
  html.nh-fm.nh-fm body.single-product .nectar_woocommerce_after_single_product_summary .nh-acc.nh-fiche-acc .nectar-blocks-accordion-section__title{
    text-transform:none!important;letter-spacing:0!important;font-size:15px!important;font-weight:500!important;
    padding:14px 2px!important;line-height:1.3!important;min-height:0!important;height:auto!important;
  }
  html.nh-fm.nh-fm body.single-product .nectar_woocommerce_after_single_product_summary .nh-acc.nh-fiche-acc .nectar-blocks-accordion-section__title>*{line-height:1.3!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}

  /* 9. (22h35) Sous le format : plus de descriptif ni de lien « Quelle taille ». Reste le numéro d'exemplaire, sur une ligne, sans cadre. */
  html.nh-fm.nh-fm body.single-product .wapf .wapf-field-container.nh-resume:not(.wapf-hide){padding:0!important;border:0!important;background:none!important;box-shadow:none!important;margin:0!important}
  html.nh-fm.nh-fm body.single-product .wapf .wapf-field-container.nh-resume:not(.wapf-hide) [data-field-id]{display:none!important}
  html.nh-fm.nh-fm body.single-product .wapf .wapf-field-container.nh-resume:not(.wapf-hide) .nh-edition{margin:0!important;padding:0!important;border:0!important;justify-content:flex-start!important;gap:12px!important;font-size:14px!important}
  html.nh-fm.nh-fm body.single-product .wapf .wapf-field-container.nh-resume:not(.wapf-hide) .nh-edition[hidden]{display:none!important}
  html.nh-fm.nh-fm body.single-product form.cart .nh-chez-vous{display:none!important}
}
