/**
 * Ticket 6.2.2-E — Hiérarchie des actions (fiche produit)
 * Scope strict : #product uniquement. Hiérarchie en 3 niveaux :
 * panier jaune > devis charcoal > actions d'assistance outline.
 * Objectif CRO : rendre l'action principale dominante et faire émerger le
 * devis comme alternative claire (fort enjeu B2B), sans concurrencer le CTA.
 *
 * - Primaire : "Ajouter au panier" (jaune .bg-primary) renforcé d'une ombre.
 * - Secondaire : "Demander un devis" promu en bouton charcoal pleine largeur.
 * - Tertiaires (question, fiche technique) : outline pour rester en retrait.
 */

/* Primaire : ancrage visuel du CTA */
#product #add_to_cart button {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

/* Secondaire devis — desktop : lien texte legacy promu en bouton charcoal
   pleine largeur, placé sous le CTA panier. (#product-quotation-button est
   un <span> avec handler JS data-quotation-link : style seulement.)
   Sélecteur à 3 IDs (#product #center_column …) pour passer devant la règle
   legacy large "#columns .content-inner #center_column * { border-color }". */
@media (min-width: 1000px) {
  #product #center_column #product-quotation-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    margin-top: 10px;
    padding: 10px 20px;
    border: 2px solid var(--prozon-black-color);
    border-radius: 50px;
    background: var(--prozon-black-color);
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, filter 0.2s ease;
  }

  #product #center_column #product-quotation-button:hover {
    background: var(--prozon-black-color);
    color: #fff;
    filter: brightness(0.92);
  }

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

  #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-links .btn:not(#product-quotation-button-mobile):hover,
  #product .product-links .btn:not(#product-quotation-button-mobile):active {
    background: rgba(62, 62, 62, 0.08) !important;
    color: var(--prozon-black-color) !important;
  }
}