/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 28 2025 | 17:22:53 */
/* BrightLeaf Digital Corner Popup
   Palette tuned to screenshot (purple-forward).
   Override tokens in .bl-corner-popup if needed.
*/

.bl-corner-popup{
  /* Brand tokens */
  --blcp-primary: #975BE5;         /* BrightLeaf purple */
  --blcp-primary-700: #7E3FE0;     /* hover */
  --blcp-primary-50: rgba(151, 91, 229, .12);
  --blcp-primary-100: rgba(151, 91, 229, .18);

  --blcp-text: #0f172a;
  --blcp-muted: rgba(15, 23, 42, .72);

  --blcp-bg: #ffffff;
  --blcp-surface: #ffffff;

  --blcp-border: rgba(15, 23, 42, .14);

  --blcp-shadow: 0 16px 44px rgba(15, 23, 42, .16);
  --blcp-shadow-soft: 0 10px 26px rgba(15, 23, 42, .12);

  --blcp-radius: 18px;
  --blcp-radius-small: 14px;

  --blcp-pad: 16px;
  --blcp-gap: 10px;

  --blcp-focus: rgba(151, 91, 229, .38);

  position: fixed;
  font: inherit;
  color: var(--blcp-text);
  z-index: 9999; /* JS overrides per instance */
}

/* Position from PHP data-pos */
.bl-corner-popup[data-pos="bottom-right"]{ right: 18px; bottom: 18px; }
.bl-corner-popup[data-pos="bottom-left"]{ left: 18px; bottom: 18px; }
.bl-corner-popup[data-pos="top-right"]{ right: 18px; top: 18px; }
.bl-corner-popup[data-pos="top-left"]{ left: 18px; top: 18px; }

@media (max-width: 600px){
  .bl-corner-popup[data-pos="bottom-right"],
  .bl-corner-popup[data-pos="bottom-left"],
  .bl-corner-popup[data-pos="top-right"],
  .bl-corner-popup[data-pos="top-left"]{
    right: 12px;
    left: 12px;
  }
  .bl-corner-popup[data-pos="bottom-right"],
  .bl-corner-popup[data-pos="bottom-left"]{ bottom: 12px; }
  .bl-corner-popup[data-pos="top-right"],
  .bl-corner-popup[data-pos="top-left"]{ top: 12px; }
}

/* Optional overlay (defaults off in shortcode) */
.bl-corner-popup .blcp-overlay{
  position: fixed;
  inset: 0;
  background: rgba(2, 6, 23, .28);
  backdrop-filter: blur(2px);
}

/* Shell set by JS (width). Layout glue only */
.bl-corner-popup .blcp-shell{
  display: grid;
  gap: var(--blcp-gap);
}

/* Closed state button */
.bl-corner-popup .blcp-collapsed{
  appearance: none;
  width: 100%;
  border: 1px solid var(--blcp-border);
  background:
    radial-gradient(1200px 260px at 10% 0%, var(--blcp-primary-50), transparent 60%),
    linear-gradient(180deg, var(--blcp-surface), #fafafa);
  border-radius: var(--blcp-radius-small);
  box-shadow: var(--blcp-shadow-soft);
  padding: 10px 12px;
  text-align: left;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.bl-corner-popup .blcp-collapsed:hover{
  border-color: rgba(151, 91, 229, .40);
  box-shadow: 0 18px 50px rgba(15, 23, 42, .18);
}

.bl-corner-popup .blcp-collapsed:active{ transform: translateY(1px); }

.bl-corner-popup .blcp-collapsed-inner{
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1.25;
}

.bl-corner-popup .blcp-collapsed-inner strong,
.bl-corner-popup .blcp-collapsed-inner b{
  color: var(--blcp-primary);
}

/* Open panel */
.bl-corner-popup .blcp-panel{
  position: relative;
  border: 1px solid var(--blcp-border);
  background: var(--blcp-bg);
  border-radius: var(--blcp-radius);
  box-shadow: var(--blcp-shadow);
  overflow: hidden;
}

/* Accent bar */
.bl-corner-popup .blcp-panel::before{
  content: "";
  display: block;
  height: 3px;
  background: linear-gradient(90deg, var(--blcp-primary), rgba(151, 91, 229, 0));
}

/* Close button */
.bl-corner-popup .blcp-close{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(15, 23, 42, .10);
  background: rgba(255,255,255,.92);
  color: var(--blcp-text);
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  display: grid;
  place-items: center;
  transition: background .12s ease, border-color .12s ease, transform .12s ease;
}

.bl-corner-popup .blcp-close:hover{
  background: var(--blcp-primary-50);
  border-color: rgba(151, 91, 229, .40);
}

.bl-corner-popup .blcp-close:active{ transform: translateY(1px); }

/* Content */
.bl-corner-popup .blcp-content{
  padding: var(--blcp-pad);
  padding-top: calc(var(--blcp-pad) + 6px);
  color: var(--blcp-text);
}

.bl-corner-popup .blcp-content h1,
.bl-corner-popup .blcp-content h2,
.bl-corner-popup .blcp-content h3{
  margin: 0 0 8px 0;
  line-height: 1.2;
}

.bl-corner-popup .blcp-content p{
  margin: 0 0 10px 0;
  color: var(--blcp-muted);
}

.bl-corner-popup .blcp-content a{
  color: var(--blcp-primary);
  text-decoration: none;
}

.bl-corner-popup .blcp-content a:hover{
  color: var(--blcp-primary-700);
  text-decoration: underline;
}

/* “Primary button” styling inside popup (works for GF submit too) */
.bl-corner-popup .blcp-content .button,
.bl-corner-popup .blcp-content button,
.bl-corner-popup .blcp-content input[type="submit"],
.bl-corner-popup .blcp-content .wp-element-button,
.bl-corner-popup .blcp-content .gform_button{
  background: var(--blcp-primary);
  border: 1px solid rgba(151, 91, 229, .50);
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
  cursor: pointer;
  transition: transform .12s ease, filter .12s ease;
}

.bl-corner-popup .blcp-content .button:hover,
.bl-corner-popup .blcp-content button:hover,
.bl-corner-popup .blcp-content input[type="submit"]:hover,
.bl-corner-popup .blcp-content .wp-element-button:hover,
.bl-corner-popup .blcp-content .gform_button:hover{
  filter: brightness(.96);
}

.bl-corner-popup .blcp-content .button:active,
.bl-corner-popup .blcp-content button:active,
.bl-corner-popup .blcp-content input[type="submit"]:active,
.bl-corner-popup .blcp-content .wp-element-button:active,
.bl-corner-popup .blcp-content .gform_button:active{
  transform: translateY(1px);
}

/* GF spacing normalization */
.bl-corner-popup .gform_wrapper{ margin: 0; }
.bl-corner-popup input[type="text"],
.bl-corner-popup input[type="email"],
.bl-corner-popup input[type="tel"],
.bl-corner-popup textarea,
.bl-corner-popup select{
  border-radius: 12px;
}

/* Focus rings */
.bl-corner-popup .blcp-collapsed:focus-visible,
.bl-corner-popup .blcp-close:focus-visible,
.bl-corner-popup .blcp-content a:focus-visible,
.bl-corner-popup .blcp-content button:focus-visible,
.bl-corner-popup .blcp-content input[type="submit"]:focus-visible{
  outline: 3px solid var(--blcp-focus);
  outline-offset: 2px;
}

/* Closed state: small purple pill */
.bl-corner-popup .blcp-collapsed{
  background: #975BE5 !important;
  border: 1px solid rgba(151, 91, 229, .55) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 10px 14px !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.14) !important;
}

/* Keep focus ring controlled (avoid giant purple bar look) */
.bl-corner-popup .blcp-collapsed:focus,
.bl-corner-popup .blcp-collapsed:focus-visible{
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(151, 91, 229, .22), 0 10px 26px rgba(15,23,42,.14) !important;
}

/* Open panel stays white + clean */
.bl-corner-popup .blcp-panel{
  background: #fff !important;
  border-radius: 18px !important;
}

/* Style your "View Plans" link like a button */
.bl-corner-popup a.gosmartmodalbutton{
  display: inline-block;
  background: #975BE5;
  color: #fff !important;
  padding: 10px 14px;
  border-radius: 999px;
  text-decoration: none !important;
  border: 1px solid rgba(151, 91, 229, .55);
}
.bl-corner-popup a.gosmartmodalbutton:hover{
  filter: brightness(.96);
}

/* Mobile: stop left+right popups from colliding */
@media (max-width: 520px){
  .bl-corner-popup[data-pos="bottom-left"]{ left: 12px; right: 12px; bottom: 12px; }
  .bl-corner-popup[data-pos="bottom-right"]{ left: 12px; right: 12px; bottom: 72px; } /* stack */
}

/* Collapsed button should hug content, not fill container */
.bl-corner-popup .blcp-collapsed{
  width: fit-content;          /* modern */
  max-width: min(92vw, 280px); /* cap */
  display: inline-flex;
}

/* Fallback for browsers that do not support fit-content well */
@supports not (width: fit-content){
  .bl-corner-popup .blcp-collapsed{
    width: auto;
  }
}

/* Align pills to the correct side */
.bl-corner-popup[data-pos="bottom-right"] .blcp-shell,
.bl-corner-popup[data-pos="top-right"] .blcp-shell{
  justify-items: end;
}
.bl-corner-popup[data-pos="bottom-left"] .blcp-shell,
.bl-corner-popup[data-pos="top-left"] .blcp-shell{
  justify-items: start;
}

/* Reserve space for the theme's scroll-to-top button (tune 64px -> 72px if needed) */
.bl-corner-popup[data-pos="bottom-right"]{
  right: 84px; /* 18px + ~66px reserved */
}

/* Optional: on small screens keep it tighter */
@media (max-width: 520){
  .bl-corner-popup[data-pos="bottom-right"]{
    right: 12px; /* let your mobile stacking rule handle collisions */
  }
}

/* Make room for the close button so it never overlaps text */
.bl-corner-popup .blcp-content{
  padding-right: calc(var(--blcp-pad) + 44px);
  padding-top: calc(var(--blcp-pad) + 8px);
}

/* Close button: center the X perfectly */
.bl-corner-popup .blcp-close{
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 20px !important;
  line-height: 1 !important;

  /* slight visual centering tweak for the glyph */
  transform: translateY(-1px);
}
.bl-corner-popup .blcp-close:active{
  transform: translateY(0px); /* keep your active press */
}

/* Mobile: keep the bottom-right pill above the scroll-to-top button */
@media (max-width: 520px){
  .bl-corner-popup[data-pos="bottom-right"]{
    left: 12px !important;
    right: 12px !important;
    bottom: 72px !important; /* raise it above the scroll-up icon */
  }

  .bl-corner-popup[data-pos="bottom-left"]{
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
  }
}

/* MOBILE OVERRIDE: do NOT make every popup full-width */
@media (max-width: 600px){
  /* bottom-right */
  .bl-corner-popup[data-pos="bottom-right"]{
    left: auto !important;
    right: 12px !important;
    bottom: 72px !important; /* above scroll-to-top */
  }

  /* bottom-left */
  .bl-corner-popup[data-pos="bottom-left"]{
    left: 12px !important;
    right: auto !important;
    bottom: 12px !important;
  }

  /* top-right */
  .bl-corner-popup[data-pos="top-right"]{
    left: auto !important;
    right: 12px !important;
    top: 12px !important;
  }

  /* top-left */
  .bl-corner-popup[data-pos="top-left"]{
    left: 12px !important;
    right: auto !important;
    top: 12px !important;
  }
}

/* Mobile: keep BOTH pills on the same bottom row.
   Avoid the scroll-to-top button by shifting the right pill left. */
@media (max-width: 520px){
  .bl-corner-popup[data-pos="bottom-left"]{
    left: 12px !important;
    right: auto !important;
    bottom: 12px !important;
  }

  .bl-corner-popup[data-pos="bottom-right"]{
    left: auto !important;
    right: 72px !important; /* <-- shift left to clear the scroll-up button */
    bottom: 12px !important; /* same row as left */
  }
}

/* FINAL MOBILE LOCK: force all bottom popups onto the same baseline */
@media (max-width: 520px){
  .bl-corner-popup[data-pos^="bottom"]{
    bottom: 12px !important;
    top: auto !important;
  }

  .bl-corner-popup[data-pos="bottom-left"]{
    left: 12px !important;
    right: auto !important;
  }

  .bl-corner-popup[data-pos="bottom-right"]{
    right: 72px !important; /* clear scroll-to-top */
    left: auto !important;
  }
}

a.slideinbutton {padding:10px; margin-left:auto !important; margin-right:auto !important; background-color:#7637E1; color:white !important; font-size:1.5em; font-weight:900; border:1px solid #975BE5; border-radius:15px;}
a.slideinbutton:hover {background-color:#975BE5; text-decoration:none !important;}

/* ===== BLCP MOBILE POSITIONING (FINAL) ===== */

/* Default: one row */

.bl-corner-popup[data-pos="bottom-left"],

.bl-corner-popup[data-pos="bottom-right"]{

  bottom: 12px;

}

/* Stack when narrow */

@media (max-width: 520px){

  /* Cancel any earlier "full width" positioning */

  .bl-corner-popup[data-pos="bottom-left"],

  .bl-corner-popup[data-pos="bottom-right"]{

    top: auto !important;

    right: auto !important;

    left: auto !important;

    bottom: auto !important;

    inset: auto !important;

  }

  .bl-corner-popup[data-pos="bottom-left"]{

    left: 12px !important;

    bottom: 12px !important;

  }

  .bl-corner-popup[data-pos="bottom-right"]{

    left: 12px !important;     /* align with left pill */

    bottom: 56px !important;   /* stacked above */

  }

}