/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
/* link color */
.field-group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  /* Espacement entre les champs */
}
.field-group .field {
  flex: 1 1 calc(40%);
  /* Chaque champ prend 50% de la largeur */
  min-width: 200px;
  /* Largeur minimale pour éviter les problèmes d'affichage */
}
.field-group .field label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
.field-group .field input,
.field-group .field select {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
/* Assurez-vous que la grille est appliquée uniquement aux éléments dans la classe 'two-columns' */
.two-columns .fieldset {
  display: block;
  /* Bloque l'affichage du fieldset pour chaque ligne */
  padding: 0;
  /* Éviter le padding par défaut du fieldset */
}
/* Crée une grille avec 2 colonnes pour chaque ligne dans 'form-row' */
.two-columns .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* Deux colonnes égales */
  gap: 20px;
  /* Espace entre les champs */
  margin-bottom: 20px;
  /* Espace entre les lignes */
  width: 100%;
  /* S'assurer que la grille occupe toute la largeur disponible */
}
/* Flexbox pour aligner chaque champ verticalement */
.two-columns .form-row .field {
  display: flex;
  flex-direction: column;
  width: 100%;
  /* S'assurer que chaque champ occupe toute la largeur de sa colonne */
}
/* Champs d'entrée qui occupent toute la largeur */
.two-columns .form-row .field input,
.two-columns .form-row .field select,
.two-columns .form-row .field textarea {
  width: 100%;
}
/* Champs qui occupent toute la largeur de la ligne (par exemple pays ou adresse) */
.two-columns .field.country,
.two-columns .field.address {
  grid-column: span 2;
  /* Champ qui occupe les 2 colonnes */
}
/* Spécialement pour les éléments dans 'fieldset' */
.two-columns .form .fieldset.address .form-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* Deux colonnes */
  gap: 20px;
}
.two-columns .form-row .field input,
.two-columns .form-row .field select,
.two-columns .form-row .field textarea {
  width: 100% !important;
}
.input-error {
  border: 2px solid red !important;
}
/* Breacrumbs background */
.hidden {
  display: none;
}
.w-max-45 {
  max-width: 45% !important;
}
.color_primary {
  color: var(--theme__color__primary, #6d2857);
}
.color_heading {
  color: var(--heading__color__base, #000000);
}
.page-print .logo {
  display: block;
  float: none;
  text-align: left;
}
@media print {
  * {
    -webkit-filter: none !important;
    background: transparent !important;
    color: #000000 !important;
    filter: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline !important;
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  .table-wrapper table {
    width: 100%;
    table-layout: fixed;
  }
  .table-wrapper table td {
    width: auto;
  }
  .table-wrapper table > tfoot > tr:first-child {
    border-top: 1px solid #999999;
  }
  .box,
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 1cm;
  }
  .block-content,
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  .block-content {
    page-break-before: avoid;
  }
  .block-title,
  h2,
  h3 {
    page-break-after: avoid;
  }
  .nav-toggle {
    display: none !important;
  }
  .sidebar,
  .nav-sections,
  .header.content > *[class],
  .panel.wrapper > *[class],
  .footer.content > *[class] {
    display: none;
  }
  .logo,
  .footer .copyright {
    display: block !important;
    margin: 10px 0;
  }
  .order-details-items .order-items .order-gift-message:not(.expanded-content) {
    height: auto;
    visibility: visible;
  }
  .column.main {
    float: none !important;
    width: 100% !important;
  }
  .breadcrumbs {
    margin: 0 auto;
    text-align: right;
  }
  .footer.content {
    padding: 0;
  }
  .hidden-print {
    display: none !important;
  }
}