/* =============================================================================
   Compatibilité Bootstrap 4 / thème 1.7 pour les gabarits des modules (rdprestation, eticket, rdpartners,
   lgcomments, giftcard…) écrits pour naturaboxv2 : classes disparues de Bootstrap 5 (Hummingbird).
   Les attributs data-toggle / data-target… sont recopiés en data-bs-* par assets/js/custom.js.
   Déclarées dans la couche CSS « vendors » de Hummingbird (la plus basse) : elles ne servent que de repli et ne
   l'emportent jamais sur les classes Bootstrap 5 (grille col-md-*…, couche bs-base), ni sur legacy.css / custom.css.
   À supprimer au fur et à mesure que les gabarits des modules passent en Bootstrap 5.
   ============================================================================= */
@layer vendors {
  .form-group { margin-bottom: 1rem; }
  .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }
  .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; }
  .col-xs-12 { flex: 0 0 auto; width: 100%; }
  .col-xs-6 { flex: 0 0 auto; width: 50%; }
  .btn-default { --bs-btn-color: var(--nb-ink, #192d17); --bs-btn-bg: #fff; --bs-btn-border-color: #d9ddd5; --bs-btn-hover-bg: var(--nb-soft, #f5f6f3); --bs-btn-hover-border-color: #c8ccc4; }
  .btn-block { display: block; width: 100%; }
  .close { float: right; padding: 0; background: transparent; border: 0; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; opacity: .5; cursor: pointer; }
  .close:hover { opacity: .75; }
  .text-left { text-align: left !important; }
  .text-right { text-align: right !important; }
  .float-left, .pull-xs-left { float: left !important; }
  .float-right, .pull-xs-right { float: right !important; }
  .font-weight-bold { font-weight: 700 !important; }
  .font-weight-normal { font-weight: 400 !important; }
  .font-italic { font-style: italic !important; }
  .img-responsive { max-width: 100%; height: auto; }
  .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
  .no-gutters { --bs-gutter-x: 0; --bs-gutter-y: 0; }
  .ml-auto { margin-left: auto !important; }
  .mr-auto { margin-right: auto !important; }
  .ml-0 { margin-left: 0 !important; } .mr-0 { margin-right: 0 !important; }
  .ml-1 { margin-left: .25rem !important; } .mr-1 { margin-right: .25rem !important; }
  .ml-2 { margin-left: .5rem !important; } .mr-2 { margin-right: .5rem !important; }
  .ml-3 { margin-left: 1rem !important; } .mr-3 { margin-right: 1rem !important; }
  .pl-0 { padding-left: 0 !important; } .pr-0 { padding-right: 0 !important; }
  .pl-1 { padding-left: .25rem !important; } .pr-1 { padding-right: .25rem !important; }
  .pl-2 { padding-left: .5rem !important; } .pr-2 { padding-right: .5rem !important; }
  .pl-3 { padding-left: 1rem !important; } .pr-3 { padding-right: 1rem !important; }
  .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; }
  .custom-control-input { position: absolute; left: 0; top: .25rem; margin: 0; }
  .custom-select { display: inline-block; width: 100%; height: 2.75rem; padding: .375rem 2rem .375rem .75rem; border: 1px solid #d9ddd5; border-radius: var(--nb-radius, 10px); background: #fff; }
  .input-group-append, .input-group-prepend { display: flex; }
  .media { display: flex; align-items: flex-start; }
  .media-body { flex: 1; }
}