/* ==========================================================
   PupVibes 8.10.55 — fiche produit desktop
   - Nuancier couleur propre et régulier
   - Texte cadeau : message personnalisé + emballage
   - Toggle Oui/Non à gauche du texte
   Desktop uniquement (>= 992px).
   ========================================================== */
@media (min-width: 992px) {
  /* ---------- OPTION CADEAU ---------- */
  body#product .pv-gift-enhanced,
  #product .pv-gift-enhanced {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 42px !important;
    margin: 0 !important;
  }

  body#product .pv-gift-enhanced .pv-gift-toggle,
  #product .pv-gift-enhanced .pv-gift-toggle {
    order: 1 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    align-self: center !important;
  }

  body#product .pv-gift-enhanced .pv-gift-copy,
  #product .pv-gift-enhanced .pv-gift-copy {
    order: 2 !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body#product .pv-gift-enhanced .pv-gift-titleline,
  #product .pv-gift-enhanced .pv-gift-titleline {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body#product .pv-gift-enhanced .pv-gift-title,
  #product .pv-gift-enhanced .pv-gift-title {
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    white-space: normal !important;
  }

  body#product .pv-gift-enhanced .pv-gift-price,
  #product .pv-gift-enhanced .pv-gift-price {
    display: block !important;
    margin-top: 2px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
  }

  /* ---------- COULEURS ----------
     Une seule bordure nette, même taille pour toutes les couleurs.
     La couleur sélectionnée est indiquée par UNE bordure orange de 2px,
     sans double contour / box-shadow. */
  body#product .product-variant__colors,
  #product .product-variant__colors {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body#product .product-variant__color,
  #product .product-variant__color {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    margin: 0 !important;
  }

  body#product .product-variant__color .input-color__label,
  #product .product-variant__color .input-color__label {
    box-sizing: border-box !important;
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    padding: 3px !important;
    margin: 0 !important;
    border: 1px solid #c8beb3 !important;
    border-radius: 9px !important;
    outline: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  body#product .product-variant__color .color,
  #product .product-variant__color .color {
    box-sizing: border-box !important;
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    border: 1px solid rgba(54, 42, 32, .14) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
  }

  body#product .product-variant__color .input-color__input:checked + .input-color__label,
  #product .product-variant__color .input-color__input:checked + .input-color__label,
  body#product .product-variant__color .input-color__label.input-color__label--active,
  #product .product-variant__color .input-color__label.input-color__label--active {
    padding: 2px !important;
    border: 2px solid #fc8501 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: #fffaf4 !important;
  }

  body#product .product-variant__color .input-color__label:hover,
  #product .product-variant__color .input-color__label:hover {
    border-color: #fc8501 !important;
  }
}