/*
 * SoftGlaze MMCS - Public Lite Styles
 *
 * Loaded only when rendering via an existing WP Page or a Landing Page through the active
 * theme template. This avoids the full template reset/layout while keeping plugin UI usable.
 */

:root {
  --sg-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --sg-text: #1f2937;
  --sg-accent: #2563eb;
  --sg-border: rgba(17, 24, 39, 0.12);
  --sg-surface: rgba(255, 255, 255, 0.92);
  --sg-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

/* Subscribe form */
.sg-mmcs-form-wrap {
  font-family: var(--sg-font);
  color: var(--sg-text);
}

.sg-mmcs-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 520px;
}

.sg-mmcs-form input[type="email"],
.sg-mmcs-form input[type="text"],
.sg-mmcs-form input[type="tel"],
.sg-mmcs-form input[type="url"],
.sg-mmcs-form textarea,
.sg-mmcs-form select {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--sg-border);
  border-radius: 12px;
  background: var(--sg-surface);
  box-shadow: 0 1px 0 rgba(0,0,0,0.02);
  font-size: 14px;
  line-height: 1.3;
}

.sg-mmcs-form button {
  appearance: none;
  border: 0;
  cursor: pointer;
  padding: 12px 16px;
  border-radius: 12px;
  background: var(--sg-accent);
  color: #fff;
  font-weight: 600;
}

.sg-mmcs-form button.sg-loading {
  opacity: 0.7;
  pointer-events: none;
}

.sg-mmcs-form-msg {
  margin-top: 10px;
  font-size: 14px;
}

.sg-mmcs-form-msg.sg-error {
  color: #b91c1c;
}

.sg-mmcs-gdpr {
  margin-top: 10px;
  font-size: 12px;
  opacity: 0.85;
}

.sg-mmcs-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* Countdown */
.sg-countdown {
  font-family: var(--sg-font);
}

.sg-countdown-wrapper {
  margin: 16px 0;
}

.sg-countdown-msg {
  margin-top: 10px;
  font-size: 14px;
  opacity: 0.95;
}

/* Access modal */
#sg-access-modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.55);
  z-index: 99999;
}

#sg-access-modal.active {
  display: flex;
}

#sg-access-modal .sg-modal-inner {
  width: 100%;
  max-width: 520px;
  background: #fff;
  border-radius: 16px;
  box-shadow: var(--sg-shadow);
  overflow: hidden;
}

#sg-access-modal .sg-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  border-bottom: 1px solid var(--sg-border);
}

#sg-access-modal .sg-modal-header h3 {
  margin: 0;
  font-size: 16px;
}

#sg-access-modal .sg-modal-close {
  background: transparent;
  border: 0;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.7;
}

#sg-access-modal .sg-modal-body {
  padding: 18px;
}

#sg-access-modal input[type="password"] {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--sg-border);
  border-radius: 12px;
  font-size: 14px;
}

#sg-access-modal button[type="submit"] {
  margin-top: 12px;
  width: 100%;
  padding: 12px 16px;
  border-radius: 12px;
  border: 0;
  cursor: pointer;
  background: var(--sg-accent);
  color: #fff;
  font-weight: 600;
}