/* =============================================================================
   DataConfo Academy Core — functional styles only.
   The look lives in the theme; these are the few rules that must hold even if
   the theme is replaced, so a modal is still usable and a hidden card is
   actually hidden.
   ============================================================================ */

.dca-catalogue-block [hidden] { display: none !important; }

#dca-overlay.overlay {
  position: fixed;
  inset: 0;
  z-index: 9998;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 4vh 16px;
  overflow-y: auto;
  background: rgba(6, 26, 49, 0.52);
}
#dca-overlay[hidden] { display: none !important; }
#dca-overlay .modal { width: 100%; max-width: 620px; background: #fff; border-radius: 20px; overflow: hidden; }

.toast-host {
  position: fixed;
  left: 50%;
  bottom: 26px;
  transform: translateX(-50%);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  pointer-events: none;
}

.dca-lang-choice { margin: 18px 0; display: flex; flex-direction: column; gap: 8px; }
.dca-lang-choice .segment label { cursor: pointer; }
.dca-lang-choice .segment label input { position: absolute; opacity: 0; pointer-events: none; }

.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}