/** Shopify CDN: Minification failed

Line 26:20 Expected identifier but found whitespace
Line 26:21 Unexpected "#"
Line 26:23 Expected identifier but found "shade-color("
Line 27:30 Expected identifier but found whitespace
Line 27:31 Unexpected "#"
Line 27:33 Expected identifier but found "shade-color("
Line 30:21 Expected identifier but found whitespace
Line 30:22 Unexpected "#"
Line 30:24 Expected identifier but found "shade-color("
Line 31:31 Expected identifier but found whitespace
... and 2 more hidden warnings

**/
.btn.btn-link.btn-bd-primary {
  --bs-btn-font-size: 1.5rem;
  --bs-btn-font-weight: 200;
  --bs-btn-color: #535151;
  --bs-btn-bg: var(--bd-violet);
  --bs-btn-border-color: var(--bd-violet);
  --bs-btn-border-radius: .5rem;
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 2.375rem;
  --bs-btn-hover-bg: #{shade-color($bd-violet, 10%)};
  --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
  --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
}
.icon-bag {
  display: inline-block; /* S'assure que l'élément est affiché en ligne */
  width: 32px; /* Largeur de l'icône */
  height: 32px; /* Hauteur de l'icône */
  background-image: url('/cdn/shop/t/12/assets/add_cart_shopping_shop_ecommerce_icon_196576.svg?v=1734607387'); /* URL du SVG */
  background-size: contain; /* Adapte le contenu à la taille de l'élément */
  background-repeat: no-repeat; /* Empêche les répétitions */
  background-position: center; /* Centre l'icône */
  vertical-align: middle; /* Aligne l'icône avec le texte */
}

#dynamic-button-container .notify-me-btn {
  background-color: #03143b;
  border: 1px solid var(--dna-color-midnight);
  color: #ffffff;
  font-family: var(--dna-font-sans);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1;
  padding: 15px 24px;
  width: 100%;
}

.modal-header {
  border-bottom: none;
  font-family: 'Arial', sans-serif;
  font-weight: bold;
  font-size: 18px;
}

.modal-footer p {
  font-size: 14px;
  color: #6c757d;
  text-align: left;
}

#sendNotifyEmail {
    background-color: #03143b;
    border: 1px solid var(--dna-color-midnight, #03143b); /* Ajout d'une couleur par défaut */
    color: #ffffff;
    font-family: var(--dna-font-sans, Arial, sans-serif); /* Ajout d'une police par défaut */
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1;
    padding: 10px 24px;
    flex: 0 0 33%; /* Fixe la largeur à 1/3 */
  }

  #emailInput {
    flex: 1; /* Prend le reste de l'espace */
  }

  .input-group {
    display: flex;
    align-items: center;
  }

.invalid-feedback {
  color: #dc3545;
  font-size: 14px;
  margin-top: 5px;
}