/* === SFGS Site-Wide Fixes === */

/* Logo - soft background for readability */
.nav-logo {
  background: rgba(255,255,255,0.12) !important;
  border-radius: 8px !important;
  padding: 4px 8px !important;
}
.nav-logo img, img.nav-logo {
  filter: brightness(1.2) !important;
  width: 140px !important;
  max-height: 70px;
  object-fit: contain;
}

/* Hero - clear the fixed nav bar */
section.hero {
  padding-top: 120px !important;
}

/* Studio Options Dropdown */
.nav-item {
  position: relative;
  padding-bottom: 30px !important;
  margin-bottom: -30px !important;
}
.nav-item .nav-drop {
  display: block !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease 0.35s, visibility 0s linear 0.65s;
}
.nav-item:hover .nav-drop,
.nav-item:focus-within .nav-drop {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.12s ease 0s, visibility 0s linear 0s;
}
.nav-drop a:hover, .nav-drop a:focus {
  background: rgba(82,183,136,0.15) !important;
  color: #74CCA4 !important;
}
.nav-drop a[href="/pricing"] {
  display: none !important;
}

/* Faint Studio Backgrounds on Alternating Sections */
.trusted-section,
.options,
.marketers-section,
.why {
  position: relative;
}
.trusted-section::before,
.options::before,
.marketers-section::before,
.why::before {
  content: '';
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.06;
  pointer-events: none;
  z-index: 0;
}
.trusted-section > *,
.options > *,
.marketers-section > *,
.why > * {
  position: relative;
  z-index: 1;
}
.trusted-section::before { background-image: url('/wp-content/uploads/2023/10/SFGS_ControlRoom_02-scaled.webp'); }
.options::before { background-image: url('/wp-content/uploads/2023/10/SFGS_Studio_02-scaled.webp'); }
.marketers-section::before { background-image: url('/wp-content/uploads/2023/10/SFGS_ControlRoom_03-scaled.webp'); }
.why::before { background-image: url('/wp-content/uploads/2023/10/SFGS_Studio_04-scaled.webp'); }