/* =============================================================
   VETQUIZ CHILD THEME — divi-site.css
   Enqueued by functions.php after parent Divi styles.
   
   Keep this file minimal.
   All component CSS lives in vetquiz-design-system.css.
   All Divi-specific overrides live in Divi Theme Options.
   ============================================================= */


/* ─────────────────────────────────────────────────────────────
   POPUP / MODAL  (.vd-popup)
   Used for session warnings and confirmation dialogs
   ───────────────────────────────────────────────────────────── */

/* Backdrop */
.vd-popup {
  position:        fixed;
  inset:           0;
  z-index:         9999;
  display:         none;       /* toggled by JS */
  background:      rgba(17, 24, 39, 0.55);
  backdrop-filter: blur(2px);
}

/* Dialog box */
.vd-popup .vd-popup-content {
  width:         min(92vw, 520px);
  margin:        10vh auto;
  background:    #ffffff;
  border-radius: 16px;
  padding:       32px 28px;
  text-align:    center;
  box-shadow:    0 24px 60px rgba(17, 24, 39, 0.25);
}

.vd-popup .vd-popup-content h3 {
  margin:      0 0 0.5rem 0;
  color:       #2A2E6D;        /* --vq-navy */
  font-weight: 900;
}

.vd-popup .vd-popup-content p {
  margin: 0 0 1.5rem 0;
  color:  #555870;             /* --vq-gray-600 */
}

/* OK / confirm button inside popup */
.vd-popup-button {
  background:    #F9C533 !important;   /* --vq-gold — primary button */
  color:         #2A2E6D !important;   /* --vq-navy */
  border:        2px solid #F9C533;
  border-radius: 8px;
  padding:       12px 28px;
  font-weight:   800;
  font-size:     16px;
  cursor:        pointer;
  transition:    background 0.15s ease, border-color 0.15s ease;
  box-shadow:    0 4px 12px rgba(42, 46, 109, 0.12);
}

.vd-popup-button:hover,
.vd-popup-button:focus {
  background:    #d4a80a !important;   /* --vq-gold-dark */
  border-color:  #d4a80a;
  color:         #2A2E6D !important;
  outline:       none;
}
.vd-popup-button:focus-visible {
  outline:        3px solid #F9C533;
  outline-offset: 3px;
}