/* Extrait de inclure/modal/modal-calendrier.html : feuille du composant, appelée par <link> à son emplacement (HTML valide dans le body) */
  /* ===== Modale calendrier — même esprit que #billetteriemodal ===== */
  #calendrierFestival .modal-dialog{max-width:400px}
  #calendrierFestival .modal-content{
    --bs-modal-bg:transparent;
    background:transparent!important;
    border:0;
    box-shadow:none;
  }
  #calendrierFestival .modal-body{position:relative;padding:28px 12px 12px}
  #calendrierFestival .cal27{max-width:360px;box-shadow:0 18px 50px rgba(0,0,0,.35)}

  /* Backdrop sombre flouté — classe dédiée au body */
  body.backdrop-calendrier .modal-backdrop{
    background-color:rgba(17,17,17,.7);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
  }

  /* Bouton de fermeture "citron", posé sur le coin du calendrier */
  #calendrierFestival .btn-close-citron{
    position:absolute; top:6px; right:max(0px, calc(50% - 180px - 22px));
    width:46px; height:46px; border-radius:50%;
    display:inline-grid; place-items:center; padding:0;
    background:var(--fdc-jaune,#FCD42B); border:1.5px solid #E2C500;
    box-shadow:0 2px 6px rgba(0,0,0,.2);
    cursor:pointer; z-index:2;
  }
  #calendrierFestival .btn-close-citron::before,
  #calendrierFestival .btn-close-citron::after{
    content:""; position:absolute; width:18px; height:2px; background:#000;
  }
  #calendrierFestival .btn-close-citron::before{transform:rotate(45deg)}
  #calendrierFestival .btn-close-citron::after{transform:rotate(-45deg)}
  #calendrierFestival .btn-close-citron:hover{filter:brightness(.96)}
  #calendrierFestival .btn-close-citron:active{transform:scale(.96)}
  #calendrierFestival .btn-close-citron:focus-visible{outline:3px solid #fff;outline-offset:2px}