/* === Affichage général dans l'admin === */
.pro-wrap-facture {
  box-shadow: 0 1px 27px 11px rgba(100, 100, 100, 0.75);
  margin: 40px 20px 0 2px;
  background-color: #fff;
  padding: 3vw;
  font-family: Georgia, serif;
}

.pro-wrap-facture h1 {margin-top: 0;}

.pro-wrap-facture h2 {font-size: 1.5em;}

.pro-wrap-facture p {font-size: 15px;margin: 0.5em 0 0 0;}

/* === Disposition colonnes === */
.pro-wrap-facture .row {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  margin-bottom: 30px;
  width: 100%;
  box-sizing: border-box;
}

.pro-wrap-facture .column {box-sizing: border-box;}

.pro-wrap-facture .row .column:first-child {
  flex: 0 0 40%;
  max-width: 40%;
}

.pro-wrap-facture .row .column:last-child {
  flex: 0 0 60%;
  max-width: 60%;
}

/* Responsive : empilement */
@media screen and (max-width: 768px) {
  .pro-wrap-facture .row {
    flex-direction: column;
  }

  .pro-wrap-facture .row .column {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* === Table de formulaire === */
.pro-facture-form-table {
  border-collapse: collapse;
  margin-top: 0.5em;
  width: 100%;
  font-size: 15px;
}

.pro-facture-form-table th,
.pro-facture-form-table td {
  vertical-align: middle;
  text-align: left;
  line-height: 1.3em;
  padding: 6px 3px;
}

.pro-facture-form-table th {
  width: 100px;
  font-weight: 600;
}
.pro-facture-form-table th .pro-facture-num-taxes{
    font-weight:400;
    font-size:13px;
}

.pro-facture-form-table.resume-facture th {
  width: 300px;
}

.pro-facture-form-table input {
  width: 100%;
  line-height: 1.3em;
  font-size: 15px;
  padding: 2px 10px;
  box-sizing: border-box;
}

/* === Image de l'œuvre === */
.pro-produit-image {
  margin: 20px 0 0 0;
  text-align: center;
}

.pro-produit-image img {
  max-height: 400px;
  max-width: 585px;
  height: auto;
  display: block;
}

/* === Bouton Imprimer === */
.pro-imprimer {
    padding: 0 14px;
    line-height: 2.71428571;
    font-size: 14px;
    vertical-align: middle;
    min-height: 40px;
    margin-bottom: 4px;
    background: #2271b1;
    border: 1px solid #2271b1;
    color: #fff;
   border-radius:5px;
}

/* === Impression === */
@media print {
  .pro-wrap-facture {
    page-break-inside: avoid;
    page-break-after: avoid;
    page-break-before: avoid;
    max-height: 100vh;
    overflow: hidden;
    box-shadow: none;
    margin: 0;
    background-color: transparent;
    padding: 0;
    font-family: Georgia, serif;
  }

  table, tr, td, th {
    page-break-inside: avoid;
  }

  h1, h2, h3, p, div {
    page-break-after: avoid;
    page-break-before: avoid;
  }

  /* Texte réduit */
  .pro-wrap-facture p,
  .pro-wrap-facture h1,
  .pro-wrap-facture h2 {
    font-size: 1em;
    margin: 0.5em 0;
  }

  /* Champs d’entrée : texte seulement */
  input,
  textarea,
  select {
    border: none !important;
    box-shadow: none !important;
    background: none !important;
    outline: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    width: 100% !important;
    padding: 0 !important;
  }

  input[readonly],
  textarea[readonly],
  input:read-only,
  textarea:read-only {
    background: none !important;
  }
   

  input,
  textarea {
    pointer-events: none !important;
  }

  input[type="number"],
  input[type="text"],
  textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  /* Supprimer boutons spin input number Chrome */
  input[type="number"]::-webkit-outer-spin-button,
  input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Supprimer boutons spin input number Firefox */
  input[type="number"] {
    -moz-appearance: textfield;
  }

  /* Masquer boutons submit */
  button,
  input[type="submit"] {
    display: none !important;
  }

  /* Images adaptatives */
  img {
    max-width: 100% !important;
    height: 300px !important;
    display: block !important;
  }

  /* Colonnes forcées en ligne */
  .pro-wrap-facture .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 2rem;
    width: 100%;
    margin-bottom:10px;
  }

  .pro-wrap-facture .column:first-child {
    flex: 0 0 40% !important;
    max-width: 40% !important;
  }

  .pro-wrap-facture .column:last-child {
    flex: 0 0 60% !important;
    max-width: 60% !important;
  }

    .pro-wrap-facture.pro-facture-entete
  /* Correction espacement vertical : table ARTISTE */
  .pro-facture-form-table.artiste-zone th,
  .pro-facture-form-table.artiste-zone td {
    padding-bottom: 4px !important;
    line-height: 1.1 !important;
  }

  /* Correction retour à la ligne : table TAXES */
  .pro-facture-form-table.resume-facture th,
  .pro-facture-form-table.resume-facture td {
    white-space: nowrap !important;
    vertical-align: middle !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    line-height: 1.2 !important;
  }

  .pro-facture-form-table.resume-facture th {
    width: 200px !important;
  }
  
}

/* === Bloc adresse artiste === */
/* Ne montre pas ce bloc à l’écran */
.artiste-adresse-print {
  display: none;
}

@media print {
  /* Cache le formulaire à l’impression */
  .artiste-zone {
    display: none;
  }

  /* Montre le bloc d'adresse formatée à l’impression */
  .artiste-adresse-print {
    display: block;
   
  }
}
