/*
 * Fiches produit du Theme Builder : gabarit général (mise en page 16) et gabarits à
 * formulaire de devis (227789 « produits spécifiques », 264527 « panneau sur mesure »).
 *
 * Même préfixe que entete-pied.css, pour la même raison : égaler la spécificité qu'avait
 * le CSS libre des modules, que Divi imprime après ce fichier.
 */
.et-db #et-boc .et-l {
  .et_pb_wc_images.produit-images {
    @media (width <= 767px) {
      inline-size: min(240px, 100%);
      aspect-ratio: 1;
    }
  }

  /* Colonne de droite : un interligne et demi entre les modules, sauf avant les métadonnées. */
  .et_pb_column.fiche-produit > * + *:not(.et_pb_wc_meta) {
    margin-block-start: 1.5lh;
  }

  .et_pb_column.fiche-produit-devis > * + * {
    margin-block-start: 1lh;
  }

  .et_pb_contact_form_container.devis-formulaire {
    .et_pb_error_message {
      padding: 0.5em;
    }

    /* Champ en lecture seule : affiché comme du texte. */
    textarea:read-only {
      field-sizing: content;
      resize: none;
      padding: 0;
      background-color: transparent;
    }

    .form-row {
      .input-text:read-only,
      :is(select:disabled, select:disabled + .select2-container .select2-selection) {
        border-color: oklch(88.22% 0 0);
        background-color: oklch(96.72% 0 0);
        color: oklch(44.95% 0 0);
        cursor: not-allowed;
      }
    }
  }

  .et_pb_icon.devis-fermer {
    position: absolute;
    inset-block-start: 1em;
    inset-inline-end: 1em;
  }

  .et_pb_code.devis-code {
    display: none;
  }
}