#index .breadcrumb__wrapper {
  display: none;
}
/* =============================================================
   MOBYGUM — custom.css (thème Hummingbird)
   
   PARTIE 1 : couleur principale du site
   Remplace le bleu par défaut de Hummingbird (#0b69f6) et toutes ses
   nuances par le bleu MOBYGUM (#002fa7) : boutons, liens, cases à cocher,
   champs de formulaire, tunnel de commande, espace client…
   Les blocs @layer reprennent la structure du thème : ne pas les retirer,
   sinon certaines règles ne seraient plus prioritaires.

   Pour changer de couleur plus tard :
   #002fa7 / 0,47,167   = couleur principale
   #00288e              = survol des boutons
   #002686 / 0,38,134   = survol des liens, clic
   #00237d              = bordure au clic
   38,78,180            = halo de sélection des boutons
   #8097d3              = bordure des champs sélectionnés
   #99acdc / #ccd5ed    = bordures et fonds clairs
   ============================================================= */


:root,
[data-bs-theme=light] {
  --bs-blue: #002fa7;
  --bs-primary: #002fa7;
  --bs-primary-rgb: 0,47,167;
  --bs-primary-text-emphasis: #002fa7;
  --bs-primary-bg-subtle: #ccd5ed;
  --bs-primary-border-subtle: #99acdc;
  --bs-link-color: #002fa7;
  --bs-link-color-rgb: 0,47,167;
  --bs-link-hover-color: #002686;
  --bs-link-hover-color-rgb: 0,38,134;
  --bs-focus-ring-color: rgba(0,47,167,.25);
}

[data-bs-theme=dark] {
  --bs-primary-text-emphasis: #6682ca;
  --bs-primary-bg-subtle: #000921;
  --bs-primary-border-subtle: #001c64;
  --bs-link-color: #6682ca;
  --bs-link-hover-color: #859bd5;
  --bs-link-color-rgb: 102,130,202;
  --bs-link-hover-color-rgb: 133,155,213;
}

@layer bs-base {
  .link-primary:focus,
  .link-primary:hover {
    color: RGBA(0,38,134,var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(0,38,134,var(--bs-link-underline-opacity,1)) !important;
  }
}

@layer bs-components {
  .accordion {
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0,47,167,.25);
  }

  .btn-primary {
    --bs-btn-bg: #002fa7;
    --bs-btn-border-color: #002fa7;
    --bs-btn-hover-bg: #00288e;
    --bs-btn-hover-border-color: #002686;
    --bs-btn-focus-shadow-rgb: 38,78,180;
    --bs-btn-active-bg: #002686;
    --bs-btn-active-border-color: #00237d;
    --bs-btn-disabled-bg: #002fa7;
    --bs-btn-disabled-border-color: #002fa7;
  }

  .btn-outline-primary {
    --bs-btn-color: #002fa7;
    --bs-btn-border-color: #002fa7;
    --bs-btn-hover-bg: #002fa7;
    --bs-btn-hover-border-color: #002fa7;
    --bs-btn-focus-shadow-rgb: 0,47,167;
    --bs-btn-active-bg: #002fa7;
    --bs-btn-active-border-color: #002fa7;
    --bs-btn-disabled-color: #002fa7;
    --bs-btn-disabled-border-color: #002fa7;
  }

  .btn-link {
    --bs-btn-focus-shadow-rgb: 38,78,180;
  }

  .btn-close {
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(0,47,167,.25);
  }

  .dropdown-menu {
    --bs-dropdown-link-active-bg: #002fa7;
  }

  .dropdown-menu-dark {
    --bs-dropdown-link-active-bg: #002fa7;
  }

  .form-control:focus {
    border-color: #8097d3;
    box-shadow: 0 0 0 .25rem rgba(0,47,167,.25);
  }

  .form-select:focus {
    border-color: #8097d3;
    box-shadow: 0 0 0 .25rem rgba(0,47,167,.25);
  }

  .form-check-input:focus {
    border-color: #8097d3;
    box-shadow: 0 0 0 .25rem rgba(0,47,167,.25);
  }

  .form-check-input:checked {
    background-color: #002fa7;
    border-color: #002fa7;
  }

  .form-check-input[type=checkbox]:indeterminate {
    background-color: #002fa7;
    border-color: #002fa7;
  }

  .form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(0,47,167,.25);
  }

  .form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(0,47,167,.25);
  }

  .form-range::-webkit-slider-thumb {
    background-color: #002fa7;
  }

  .form-range::-webkit-slider-thumb:active {
    background-color: #b2c1e5;
  }

  .form-range::-moz-range-thumb {
    background-color: #002fa7;
  }

  .form-range::-moz-range-thumb:active {
    background-color: #b2c1e5;
  }

  .list-group {
    --bs-list-group-active-bg: #002fa7;
    --bs-list-group-active-border-color: #002fa7;
  }

  .nav-link:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(0,47,167,.25);
  }

  .nav-pills {
    --bs-nav-pills-link-active-bg: #002fa7;
  }

  .pagination {
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0,47,167,.25);
  }

  .progress,
  .progress-stacked {
    --bs-progress-bar-bg: #002fa7;
  }

  .table-primary {
    --bs-table-bg: #ccd5ed;
  }
}

@layer ps-components {
  .search-filters__form-check--color .color:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(0,47,167,.25);
  }
}

@layer ps-modules {
  .stars-selector:has(.stars-selector__input:focus-visible) {
    box-shadow: 0 0 0 .25rem rgba(0,47,167,.25);
  }
}

/* =============================================================
   PARTIE 2 : bloc « Prévenez-moi lorsque le produit est disponible »
   (fiche produit Creative Elements). Les couleurs du bouton et de la
   case à cocher viennent de la partie 1.
   ============================================================= */

.elementor-widget-shortcode .ps-emailalerts__content {
  background: #f5f8fc;
  border: 1px solid #e8ecf3;
  border-radius: 10px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .5);
  padding: 20px;
  gap: 12px;
  margin: 0;
  text-align: center;
  color: #0a1a4a;
}

.elementor-widget-shortcode .ps-emailalerts__content .h4 {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
  color: #0a1a4a;
  margin: 0;
}

.elementor-widget-shortcode .ps-emailalerts__content p {
  font-size: 14px;
  line-height: 1.5;
  color: #0a1a4a;
  margin: 0;
}

.elementor-widget-shortcode .ps-emailalerts .btn[data-ps-action="emailalerts-subscribe"] {
  border-radius: 10px;
  padding: 14px 20px;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 5px 4px 10px rgba(0, 0, 0, .25);
}

.elementor-widget-shortcode .ps-emailalerts .btn[data-ps-action="emailalerts-subscribe"]:disabled,
.elementor-widget-shortcode .ps-emailalerts .btn[data-ps-action="emailalerts-subscribe"].disabled {
  box-shadow: none;
  cursor: not-allowed;
}

/* Case de consentement : bien visible, car elle débloque le bouton */
.elementor-widget-shortcode .ps-emailalerts .gdpr-consent {
  text-align: left;
  background: #fff;
  border: 1px solid #99acdc;
  border-radius: 8px;
  padding: 12px 14px;
  transition: border-color .2s;
}

/* Une fois la case cochée, l'encadré redevient discret */
.elementor-widget-shortcode .ps-emailalerts .gdpr-consent:has(.form-check-input:checked) {
  border-color: #e8ecf3;
}

.elementor-widget-shortcode .ps-emailalerts .form-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding-left: 0;
  margin: 0;
}

.elementor-widget-shortcode .ps-emailalerts .form-check-input {
  float: none;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  border: 2px solid #002fa7;
  cursor: pointer;
}

.elementor-widget-shortcode .ps-emailalerts .form-check-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  color: #0a1a4a;
  cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
  .elementor-widget-shortcode .ps-emailalerts .gdpr-consent {
    transition: none;
  }
}