/**
 * Retour client — emphase devis mobile (fiche produit)
 * Scope strict : #product, mobile uniquement (max-width: 999px).
 * Objectif CRO : faire ressortir "Demander un devis" comme CTA #2,
 * sans concurrencer la barre sticky jaune "Ajouter au panier".
 */

@media (max-width: 999px) {
  #product .product-links {
    flex-wrap: wrap;
  }

  /* Tertiaires forcés outline, y compris sur la tranche tablette 768-999px. */
  #product .product-links .btn:not(#product-quotation-button-mobile) {
    background: transparent !important;
    color: var(--prozon-black-color) !important;
    border: 1px solid var(--prozon-black-color) !important;
  }

  #product #product-quotation-button-mobile {
    background: var(--prozon-black-color) !important;
    border-color: var(--prozon-black-color) !important;
    color: #fff !important;
    flex: 0 0 100%;
    width: 100%;
  }

  #product #product-quotation-button-mobile:active {
    filter: brightness(0.9);
  }

  #product .product-links .btn:not(#product-quotation-button-mobile):active {
    background: rgba(62, 62, 62, 0.08) !important;
  }

  @media (hover: hover) {
    #product #product-quotation-button-mobile:hover {
      filter: brightness(0.92);
    }

    #product .product-links .btn:not(#product-quotation-button-mobile):hover {
      background: var(--prozon-black-color) !important;
      color: #fff !important;
    }
  }
}