.elementor-39317 .elementor-element.elementor-element-37dc992{--display:flex;}.elementor-39317 .elementor-element.elementor-element-b6a3899 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:5px 15px 05px 15px;}.elementor-39317 .elementor-element.elementor-element-0e60ecb{--display:flex;}#elementor-popup-modal-39317{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-39317 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-39317 .dialog-close-button{display:flex;}#elementor-popup-modal-39317 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-b6a3899 *//* =======================
   Scope: Subscribe popup
   ======================= */

/* Utility: hide elements toggled by JS */
#gtg-subscribe .hidden { display: none !important; }

/* Base */
#gtg-subscribe {
  font-family: var(--e-global-typography-text-font-family, inherit);
  color: var(--e-global-color-text, #333);
}

/* Heading (supports both h3.heading and h4.heading) */
#gtg-subscribe h3.heading,
#gtg-subscribe h4.heading {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--e-global-color-primary, #111);
  text-align: center;
}

/* Labels and inputs */
#gtg-subscribe .field > span {
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
  margin-bottom: 4px;
  color: var(--e-global-color-secondary, #444);
}

#gtg-subscribe input[type="email"],
#gtg-subscribe input[type="text"] {
  width: 100%;
  border: 1px solid var(--e-global-color-border, #ddd);
  border-radius: 8px;
  padding: 12px;
  font-size: 1rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}

#gtg-subscribe input[type="email"]:focus,
#gtg-subscribe input[type="text"]:focus {
  border-color: var(--e-global-color-primary, #222);
  box-shadow: 0 0 0 2px rgba(0,0,0,0.05);
  outline: none;
}

/* Consent checkbox */
#gtg-subscribe .consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.85rem;
  line-height: 1.4;
  margin: 12px 0 16px;
  color: var(--e-global-color-text, #555);
}

#gtg-subscribe .consent input[type="checkbox"] {
  margin-top: 4px;
}

/* Inline messages */
#gtg-subscribe .message {
  font-size: 0.9rem;
  margin-top: 12px;
  color: var(--e-global-color-accent, #d33);
}

/* =======================
   Success view
   ======================= */
#gtg-subscribe #lm-success { display: none; }         /* hidden by default */
#gtg-subscribe #lm-success:not(.hidden) { display: block; }

#gtg-subscribe .success-card {
  max-width: 520px;
  margin: 0 auto;
  padding: 24px 22px;
  background: var(--e-global-color-background, #fff);
  border: 1px solid var(--e-global-color-border, #e7e7e7);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  text-align: center;
  animation: lm-pop-in .35s ease-out both;
}

#gtg-subscribe .success-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  margin: 2px auto 14px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--e-global-color-primary, #0a0a0a) 12%, transparent);
}

#gtg-subscribe .success-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 6px 0 6px;
  color: var(--e-global-color-primary, #111);
}

#gtg-subscribe .success-text {
  font-size: 1rem;
  margin: 0 auto 14px;
  color: var(--e-global-color-text, #444);
  max-width: 42ch;
}

#gtg-subscribe .success-text .muted {
  display: block;
  font-size: .92rem;
  opacity: .8;
  margin-top: 6px;
}

#gtg-subscribe .success-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
}

/* Elementor-style button look for Close */
#gtg-subscribe #lm-close.elementor-button { cursor: pointer; }

/* =======================
   Animations (respect RMW)
   ======================= */
@keyframes lm-pop-in {
  from { transform: translateY(6px) scale(.98); opacity: 0; }
  to   { transform: translateY(0)   scale(1);    opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  #gtg-subscribe .success-card,
  #gtg-subscribe .success-icon svg .check,
  #gtg-subscribe .success-icon svg .ring {
    animation: none !important;
    transition: none !important;
  }
}

/* Animated check + ring */
#gtg-subscribe .success-icon svg .ring {
  stroke: color-mix(in srgb, var(--e-global-color-primary, #0a0a0a) 45%, #ffffff);
  opacity: .35;
}

#gtg-subscribe .success-icon svg .check {
  stroke: var(--e-global-color-primary, #0a0a0a);
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: lm-draw .55s .15s ease-out forwards;
}

@keyframes lm-draw {
  to { stroke-dashoffset: 0; }
}

/* =======================
   Flatten Elementor wrapper
   (removes the “box inside a box”)
   ======================= */

/* Prefer :has when available: only affects this popup */
.elementor-popup-modal .dialog-message:has(#gtg-subscribe) {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Also neutralize common inner containers */
.elementor-popup-modal .dialog-message:has(#gtg-subscribe) .dialog-widget-content,
.elementor-popup-modal .dialog-message:has(#gtg-subscribe) .elementor-widget-container {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Optional fallback if you add .gtg-flat via JS:
   document.getElementById("gtg-subscribe")?.closest(".dialog-message")?.classList.add("gtg-flat");
*/
.elementor-popup-modal .dialog-message.gtg-flat {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.elementor-popup-modal .dialog-message.gtg-flat .dialog-widget-content,
.elementor-popup-modal .dialog-message.gtg-flat .elementor-widget-container {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* --- Make success view flat (no inner card box) --- */
#gtg-subscribe .success-card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;         /* let the popup/container handle spacing */
  text-align: center;            /* keep your alignment */
  max-width: none;               /* let it breathe */
}

/* give the whole success area some breathing room instead of the card */
#gtg-subscribe #lm-success:not(.hidden) {
  display: block;
  padding: 24px 0;               /* tweak to taste */
}

/* keep the icon nice without the card around it */
#gtg-subscribe .success-icon {
  margin: 6px auto 16px;         /* slight spacing tweak */
}

/* optional: slightly larger title when it's flat */
#gtg-subscribe .success-title {
  font-size: 1.6rem;
}/* End custom CSS */