/* ============================================================
   Re-skin WebinarKit embedded widgets to match the dark brand.
   High-contrast, single Baloo 2 typeface.
   ============================================================ */

.wk-embed, .wk-embed * { font-family: 'Baloo 2', system-ui, sans-serif !important; }

/* strip their white card wrappers */
.wk-embed .wk_root { z-index: 1 !important; }
.wk-embed .wk_column,
.wk-embed [id^="wk_element_"] {
  background: transparent !important;
  box-shadow: none !important;
}
.wk-embed .wk_registration_form,
.wk-embed .wk_column { padding: 0 !important; }

/* --- hide the cluttered promo timer inside the popup (we have the sticky one) --- */
.wk-embed .wk_registration_timer { display: none !important; }

/* --- session <select> + inputs: dark, high contrast --- */
.wk-embed .form-control,
.wk-embed .form-select,
.wk-embed input.wk_registration_form_first_name,
.wk-embed input.wk_registration_form_last_name,
.wk-embed input.wk_registration_form_email,
.wk-embed input.wk_registration_form_phone,
.wk-embed select.wk_registration_form_date {
  background: #0b1017 !important;
  background-color: #0b1017 !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #eef3f8 !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  font-size: 1.02rem !important;
  font-weight: 600 !important;
  height: auto !important;
  margin-bottom: 12px !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #eef3f8 !important;
}
.wk-embed .form-control::placeholder { color: #6b7787 !important; opacity: 1 !important; }

/* intl-tel-input (WhatsApp/phone): make room for the flag so text isn't hidden */
.wk-embed .iti { width: 100% !important; display: block !important; }
.wk-embed .iti input,
.wk-embed input.wk_registration_form_phone { padding-left: 54px !important; }
.wk-embed .iti__flag-container { z-index: 3; }
/* country dropdown -> dark */
.wk-embed .iti__country-list { background: #12181f !important; border: 1px solid rgba(255,255,255,0.16) !important; color: #eef3f8 !important; }
.wk-embed .iti__country.iti__highlight { background: rgba(196,160,80,0.18) !important; }
.wk-embed .iti__dial-code { color: #9aa7b4 !important; }
.wk-embed .form-control:focus,
.wk-embed .form-select:focus {
  border-color: #c4a050 !important;
  box-shadow: 0 0 0 3px rgba(196, 160, 80, 0.22) !important;
  outline: none !important;
}
/* dropdown list items render with OS colors -> force readable */
.wk-embed select.form-select { color: #eef3f8 !important; }
.wk-embed select.form-select option { color: #111 !important; background: #fff !important; font-weight: 600; }

/* --- REGISTER button -> gold, full width --- */
.wk-embed .wk_button {
  background: linear-gradient(135deg, #f0d47e 0%, #c4a050 55%, #a8863c 100%) !important;
  color: #1a1206 !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 16px 22px !important;
  width: 100% !important;
  font-weight: 800 !important;
  font-size: 1.12rem !important;
  box-shadow: 0 12px 30px rgba(196, 160, 80, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  transition: transform 0.16s ease, filter 0.2s ease !important;
  margin-top: 4px !important;
}
.wk-embed .wk_button:hover { transform: translateY(-2px) !important; filter: brightness(1.05) !important; }
.wk-embed .wk_button p { margin: 0 !important; color: #1a1206 !important; }

/* consent text if shown */
.wk-embed .wk_text p, .wk-embed .wk_text h6 { color: #cdd6e0 !important; font-size: 0.86rem !important; }

/* ============================================================
   Thank-you page timer (kept visible, restyled)
   ============================================================ */
.wk-embed .wk_thank_you_timer .wk_timer_header,
.wk-embed .wk_calendar_header { color: #9aa7b4 !important; font-weight: 600 !important; }
.wk-embed .wk_timer_days, .wk-embed .wk_timer_hours,
.wk-embed .wk_timer_minutes, .wk-embed .wk_timer_seconds {
  font-family: 'Baloo 2', sans-serif !important;
  font-size: 2.1rem !important; font-weight: 800 !important; color: #e8c96a !important;
}
.wk-embed .wk_timer_days_label, .wk-embed .wk_timer_hours_label,
.wk-embed .wk_timer_minutes_label, .wk-embed .wk_timer_seconds_label {
  text-transform: uppercase; letter-spacing: 0.5px; font-size: 0.68rem !important; color: #9aa7b4 !important;
}

/* thank-you session link box */
.wk-embed .wk_webinar_session_link {
  background: #0b1017 !important; border: 1px solid rgba(255,255,255,0.18) !important;
  color: #eef3f8 !important; -webkit-text-fill-color: #eef3f8 !important;
}
.wk-embed .wk_copy_link_button { background: rgba(196,160,80,0.16) !important; color: #e8c96a !important; }