/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 13 2025 | 00:25:50 */
/* BrightLeaf Smart Modal – Base styles */
/* Root */
.gld-smartmodal-root { position: relative; }

/* Overlay */
.gld-smartmodal-overlay {
  position: fixed; inset: 0;
  background: rgba(12, 10, 26, 0.55);
  opacity: 0; visibility: hidden; transition: opacity .18s ease, visibility .18s ease;
  z-index: 9998;
}
.gld-smartmodal-overlay.gldsm-open { opacity: 1; visibility: visible; }

/* Modal */
.gld-smartmodal-modal {
  position: fixed; left: 50%;
  transform: translateX(-50%) translateY(20px);
  width: min(var(--gldsm-modal-width, 640px), calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  background: #ffffff;
  color: #111827;
  box-shadow: 0 24px 64px rgba(0,0,0,.25);
  border-radius: 16px;
  opacity: 0; visibility: hidden;
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
  z-index: 9999;
}
.gld-smartmodal-modal.gldsm-open { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }

/* Position variants */
.gld-smartmodal-modal.gldsm-pos-center { top: 50%; transform: translate(-50%, -50%); }
.gld-smartmodal-modal.gldsm-open.gldsm-pos-center { transform: translate(-50%, -50%); }

.gld-smartmodal-modal.gldsm-pos-top    { top: 44px; }
.gld-smartmodal-modal.gldsm-open.gldsm-pos-top { transform: translateX(-50%) translateY(0); }

.gld-smartmodal-modal.gldsm-pos-bottom { bottom: 24px; }
.gld-smartmodal-modal.gldsm-open.gldsm-pos-bottom { transform: translateX(-50%) translateY(0); }

/* Content */
.gld-smartmodal-content {
  padding: 24px 24px 28px;
  overflow: auto;
  max-height: calc(100vh - 32px);
}

/* Close button – BrightLeaf primary */
.gld-smartmodal-close {
  position: absolute; top: 10px; right: 12px;
  width: 44px; height: 44px;
  border: 2px solid rgba(118,55,225,0.25);
  background: #7637E1; color: #ffffff;
  font-size: 0; line-height: 1;
  border-radius: 9999px; cursor: pointer;
  display: grid; place-items: center;
  box-shadow: 0 4px 16px rgba(0,0,0,.25);
}
.gld-smartmodal-close::before { content: "×"; font-size: 22px; }
.gld-smartmodal-close:hover { filter: brightness(1.06); }
.gld-smartmodal-close:focus { outline: 3px solid #a689f0; outline-offset: 2px; }

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  .gld-smartmodal-overlay,
  .gld-smartmodal-modal { transition: none !important; }
}

/* Body scroll lock */
.gldsm-no-scroll { overflow: hidden !important; }
/* Ensure GF shows inside the modal, even if something hid it earlier */
.gld-smartmodal-content .gform_wrapper {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Close button: centered, larger, on-brand */
.gld-smartmodal-close{
  position:absolute;
  top:.75rem;
  right:.75rem;
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:9999px;
  border:none;
  background: radial-gradient(110% 110% at 30% 25%, #8E5BFF 0%, #6E34E6 70%);
  box-shadow: 0 6px 18px rgba(0,0,0,.28), inset 0 0 0 2px rgba(255,255,255,.18);
  cursor:pointer;
}
.gld-smartmodal-close::before{
  content:"×";
  font-size:24px;
  font-weight:700;
  color:#fff;
  line-height:1;
}
.gld-smartmodal-close:focus-visible{
  outline:3px solid rgba(255,255,255,.6);
  outline-offset:2px;
}

a.gosmartmodalbutton {padding:10px; background-color:#7637E1; color:white; font-size:2em; font-weight:900; border:1px solid #975BE5; border-radius:25px;}
a.gosmartmodalbutton:hover {background-color:#975BE5}
.gosmartmodalcoupon {font-size:1.75em; font-weight:900; padding:3px 5px 3px 5px; background-color:#F0F0F1;}
