.bt-form-wrap{
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
}

/* Dark mode: put a readable “card” behind the iframe */
@media (prefers-color-scheme: dark){
  .bt-form-wrap{
    background: #fff;
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0 10px 25px rgba(0,0,0,.25);
  }
}


/* Base wrapper */
.bt-form-wrap{
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
}

/* If your theme adds a dark-mode class, use that here (examples below) */
.dark-mode .bt-form-wrap,
.dark .bt-form-wrap,
[data-theme="dark"] .bt-form-wrap{
  background: #ffffff;
  border-radius: 12px;
  padding: 18px;
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
}

/* If you DON'T have a class, use system dark-mode as a fallback */
@media (prefers-color-scheme: dark){
  .bt-form-wrap{
    background: #fff;
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0 10px 25px rgba(0,0,0,.25);
  }
}

/* Apply to all sections that have an ID */
[id] {
  scroll-margin-top: 350px; /* change 80px to the height of your fixed header */
}

@media (max-width: 1199px) {
  /* Solid white background on the mobile header */
  #pxl-header-mobile {
    background-color: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  }
  
  /* Also catch the inner main wrapper just in case */
  #pxl-header-mobile #pxl-header-main,
  #pxl-header-mobile .pxl-header-main {
    background-color: transparent !important;
  }
  
  /* Make hamburger menu icon dark so it shows on white */
  #pxl-header-mobile .pxl-nav-mobile-button span {
    background-color: #1a1a1a !important;
  }
}

.e-n-carousel .swiper-slide {
    visibility: visible !important;
    opacity: 1 !important;
}

.gdb-hidden-form {
  position: absolute;
  left: -9999px;
  opacity: 0;
  pointer-events: none;
  height: 0;
  overflow: hidden;
}

/* Remove all grid lines site-wide */
.pxl-grid-lines {
    display: none !important;
}

#pxl-header-mobile .menu-item-has-children {
  position: relative;
}

#pxl-header-mobile .menu-item-has-children > a {
  padding-right: 40px;
}

/* Only target direct children, not nested items */
#pxl-header-mobile li.menu-item-has-children > .pxl-menu-toggle {
  position: absolute !important;
  right: 10px !important;
  top: 0 !important;
  height: 50px !important;
  width: 24px !important;
  transform: none !important;
  background-color: transparent !important;
  border: none !important;
  color: transparent !important;
  font-size: 0 !important;
  overflow: hidden !important;
  display: inline-block !important;
  transition: none !important;
}

#pxl-header-mobile li.menu-item-has-children > .pxl-menu-toggle::before {
  display: none !important;
  content: none !important;
}

#pxl-header-mobile li.menu-item-has-children > .pxl-menu-toggle::after {
  content: "›" !important;
  color: #c8a96e !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  transition: none !important;
  display: block !important;
}

/* fixed sitewide cta button on bottom right */
.floating-cta {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #fff;
  border: 2px solid #c8a96e;
  padding: 14px 22px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.25);
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.4s ease, background-color 0.2s ease, color 0.2s ease, backdrop-filter 0.2s ease;
}

.floating-cta:hover {
  background-color: #c8a96e;
  color: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}