/* CRESSMA — dossier/dossier.css — Styles dossier plongeur */
/* Badge règlement, modales licence/règlement, overlays loading/success */

/* ─── Badge règlement (violet) ────────────────────────────── */
.reg-pending-badge {
  background:rgba(192,132,252,.15);color:#c084fc;
  border:1px solid rgba(192,132,252,.35);
  font-size:.65rem;padding:.15rem .45rem;border-radius:4px;font-weight:700;
}


/* ─── Modale règlement — radio labels hover ───────────────── */
@media (hover:hover) {
  #reglementModal label:hover,
  #licenceModal label:hover {
    border-color:rgba(34,211,238,.35) !important;
    background:rgba(34,211,238,.05);
  }
}

/* ─── Mobile : widgets licence/règlement ─────────────────── */
@media (max-width:640px) {
  #reglementModal .modal,
  #licenceModal   .modal {
    margin:.5rem;width:calc(100% - 1rem);max-width:100% !important;
  }
  #reglementModal .modal-body,
  #licenceModal   .modal-body { padding:1rem; }
}


/* ── Dossier plongée : overlay chargement ─────────────────── */
@keyframes pad-loader-rotate {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
@keyframes dossierFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes dossierPopIn {
  from { opacity: 0; transform: scale(.88) translateY(12px); }
  to   { opacity: 1; transform: scale(1)  translateY(0);     }
}

#acPanelDossier { position: relative; }

.dossier-loading-overlay {
  display: none;
  position: absolute;
  inset: 0;
  background: rgba(2, 13, 24, .82);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: inherit;
  z-index: 50;
  align-items: center;
  justify-content: center;
  animation: dossierFadeIn .2s ease;
}
.dossier-loading-overlay.active { display: flex; }

.dossier-loading-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .75rem;
  padding: 2rem 1.5rem;
  text-align: center;
  max-width: 280px;
}
/* ── Nouveau loader CRESSMA ──────────────────────────────── */
.pad-loader {
  position: relative;
  border-radius: 50%;
  height: 84px;
  width: 84px;
  animation: pad-loader-rotate 1.2s linear infinite;
  background-color: #1a3a6b;
  background-image: linear-gradient(#1a3a6b, #22d3ee, #5ad1cd);
  flex-shrink: 0;
}
.pad-loader span {
  position: absolute;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  background-color: #1a3a6b;
  background-image: linear-gradient(#1a3a6b, #22d3ee, #5ad1cd);
}
.pad-loader span:nth-of-type(1) { filter: blur(5px);  }
.pad-loader span:nth-of-type(2) { filter: blur(10px); }
.pad-loader span:nth-of-type(3) { filter: blur(25px); }
.pad-loader span:nth-of-type(4) { filter: blur(50px); }
.pad-loader::after {
  content: "";
  position: absolute;
  top: 8px; left: 8px; right: 8px; bottom: 8px;
  background-color: #050d18;
  background-image: url(../logo/logo-cressma.png);
  background-size: 82%;
  background-position: center;
  background-repeat: no-repeat;
  border: 3px solid #050d18;
  border-radius: 50%;
}
.dossier-loading-title {
  margin: 0;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.15rem;
  letter-spacing: .06em;
  color: var(--aqua, #22d3ee);
}
.dossier-loading-sub {
  margin: 0;
  font-size: .78rem;
  color: rgba(255,255,255,.55);
  line-height: 1.5;
}

/* ── Dossier plongée : popup succès ───────────────────────── */
.dossier-success-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .72);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 350;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.dossier-success-overlay.open { display: flex; }

.dossier-success-box {
  background: rgba(6, 18, 40, .92);
  border: 1px solid rgba(34, 211, 238, .25);
  border-radius: 16px;
  padding: 2.25rem 2rem;
  max-width: 380px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  animation: dossierPopIn .3s cubic-bezier(.34,1.56,.64,1) both;
  box-shadow: 0 8px 40px rgba(0,0,0,.6);
}
.dossier-success-icon {
  font-size: 3rem;
  line-height: 1;
  color: #4ade80;
  filter: drop-shadow(0 0 12px rgba(74,222,128,.45));
}
.dossier-success-title {
  margin: 0;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.6rem;
  letter-spacing: .06em;
  color: #4ade80;
}
.dossier-success-msg {
  margin: 0;
  font-size: .86rem;
  color: rgba(255,255,255,.7);
  line-height: 1.6;
}
.dossier-success-btn { margin-top: .5rem; min-width: 140px; }

/* Mobile */
@media (max-width: 480px) {
  .dossier-success-box { padding: 1.75rem 1.25rem; border-radius: 12px; }
  .dossier-success-icon { font-size: 2.4rem; }
  .dossier-success-title { font-size: 1.35rem; }
}