/* AlterCV — Netlify Identity widget skin (teal brand palette) */
/* Note: Netlify Identity injects its widget into an iframe, so most CSS
   inside the widget cannot be reached directly. We restyle the launcher,
   the dialog overlay, and the iframe wrapper. */

#netlify-identity-widget,
.netlify-identity-menu {
  --acv-brand: #2A9D9F;
  --acv-brand-hi: #4DD0CD;
  --acv-brand-deep: #094D4F;
  --acv-brand-soft: #D5F0EF;
  --acv-cream: #FBF8F3;
  --acv-ink: #07101C;
}

/* The widget itself overlays full-screen with an iframe */
#netlify-identity-widget {
  background: radial-gradient(ellipse at top, rgba(77,208,205,0.16), transparent 60%),
              rgba(7, 16, 28, 0.55) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

#netlify-identity-widget iframe {
  border-radius: 18px !important;
  box-shadow: 0 30px 90px rgba(7, 16, 28, 0.32),
              0 0 0 1px rgba(255,255,255,0.04) !important;
}

/* Tiny widget launcher (bottom right, when used) */
.netlify-identity-button {
  background: linear-gradient(135deg, #2A9D9F 0%, #4DD0CD 100%) !important;
  color: #fff !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 26px rgba(42,157,159,0.30) !important;
}

/* AlterCV-themed loading + transition while Identity opens */
.acv-id-loading {
  position: fixed; inset: 0; z-index: 9998;
  display: grid; place-items: center;
  background: radial-gradient(ellipse at top, rgba(77,208,205,0.18), transparent 60%),
              rgba(7,16,28,0.55);
  backdrop-filter: blur(6px);
  pointer-events: none;
  opacity: 0; transition: opacity .25s ease;
}
.acv-id-loading.show { opacity: 1; }
.acv-id-loading .acv-id-card {
  background: #FBF8F3; padding: 24px 32px;
  border-radius: 18px; box-shadow: 0 30px 90px rgba(7,16,28,0.32);
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: #07101C;
  display: flex; align-items: center; gap: 14px;
  font-weight: 600; font-size: 14px;
}
.acv-id-loading .acv-id-card::before {
  content: ''; width: 22px; height: 22px;
  border: 3px solid #D5F0EF;
  border-top-color: #2A9D9F;
  border-radius: 50%;
  animation: acvIdSpin .8s linear infinite;
}
@keyframes acvIdSpin { to { transform: rotate(360deg); } }