/* BPF Website v14.2.3 — desktop perimeter glow, mobile clean
   Owner direction: retain the blue perimeter glow on computer browsers,
   remove it completely on phones where browser chrome interrupts the frame. */

/* Retire legacy pseudo/frame implementations. */
html[data-bpf-theme="pro"]::after,
html[data-theme="bpf-pro"]::after,
.bpf-site-edge-glow-frame{
  content:none!important;
  display:none!important;
  border:0!important;
  box-shadow:none!important;
  opacity:0!important;
}

/* Desktop/laptop browser perimeter. */
#bpf-site-perimeter-frame{
  position:fixed;
  inset:3px;
  z-index:2147483646;
  pointer-events:none;
  box-sizing:border-box;
  border:2px solid rgba(98,178,255,.78);
  border-radius:18px;
  box-shadow:
    0 0 10px rgba(98,178,255,.58),
    0 0 24px rgba(47,139,255,.24),
    inset 0 0 11px rgba(98,178,255,.24),
    inset 0 0 30px rgba(47,139,255,.10);
}

/* Internal surfaces keep blue structure, but no luminous card/section glow. */
html[data-bpf-theme="pro"] .hero,
html[data-bpf-theme="pro"] .pricing,
html[data-bpf-theme="pro"] .pricing-card,
html[data-bpf-theme="pro"] .offer,
html[data-bpf-theme="pro"] .cta-section,
html[data-bpf-theme="pro"] .testimonial,
html[data-bpf-theme="pro"] .program-card,
html[data-bpf-theme="pro"] .guide-card,
html[data-bpf-theme="pro"] .card,
html[data-bpf-theme="pro"] .panel,
html[data-theme="bpf-pro"] .hero,
html[data-theme="bpf-pro"] .pricing,
html[data-theme="bpf-pro"] .pricing-card,
html[data-theme="bpf-pro"] .offer,
html[data-theme="bpf-pro"] .cta-section,
html[data-theme="bpf-pro"] .testimonial,
html[data-theme="bpf-pro"] .program-card,
html[data-theme="bpf-pro"] .guide-card,
html[data-theme="bpf-pro"] .card,
html[data-theme="bpf-pro"] .panel,
.bpf142-topbar,
.bpf142-mobile-menu,
.bpf-unified-site-header{
  box-shadow:none!important;
}

/* CTAs retain depth without a blue aura. */
html[data-bpf-theme="pro"] .btn.primary,
html[data-bpf-theme="pro"] .primary-btn,
html[data-bpf-theme="pro"] .cta.primary,
html[data-bpf-theme="pro"] .hero .btn,
html[data-bpf-theme="pro"] a[href*="apply"],
html[data-bpf-theme="pro"] a[href*="coaching"],
html[data-theme="bpf-pro"] .btn.primary,
html[data-theme="bpf-pro"] .primary-btn,
html[data-theme="bpf-pro"] .cta.primary,
html[data-theme="bpf-pro"] .hero .btn,
html[data-theme="bpf-pro"] a[href*="apply"],
html[data-theme="bpf-pro"] a[href*="coaching"],
.bpf142-top-cta,
.bpf-v142 .btn-or,
.bpf-v142 .cta:not(.ghost),
.bpf-v142 .btn-primary,
.bpf-v142 button[type="submit"]{
  box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
}

html[data-bpf-theme="pro"] .section-title span,
html[data-bpf-theme="pro"] h1 span,
html[data-bpf-theme="pro"] h2 span,
html[data-theme="bpf-pro"] .section-title span,
html[data-theme="bpf-pro"] h1 span,
html[data-theme="bpf-pro"] h2 span{
  text-shadow:none!important;
}

/* Phones/touch mobile browsers: no perimeter at all. Browser chrome interrupts it. */
@media (max-width:767px), (hover:none) and (pointer:coarse){
  #bpf-site-perimeter-frame{
    display:none!important;
    border:0!important;
    box-shadow:none!important;
  }
}

@media(print){#bpf-site-perimeter-frame{display:none!important}}
