.policy-box {
  border: 1px solid #F2EFE7;
  border-radius: .5rem;
  background: #fff;
}

/* Title + rule color as before */
.policy-section-title { color: #916627; }

.policy-rule {
  border-top: 2px solid #916627;
  opacity: 1;
  margin: .5rem 0 1rem;
}

/* remove blue focus border around the SVG toggle */
.policy-toggle-icon.btn:focus,
.policy-toggle-icon.btn:focus-visible,
.policy-toggle-icon:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* keep it transparent on hover/active too */
.policy-toggle-icon:hover,
.policy-toggle-icon:active {
  background: transparent !important;
}

/* optional: remove tap highlight on mobile */
.policy-toggle-icon {
  -webkit-tap-highlight-color: transparent;
}




/* Hero wrapper */
.hero-spot {
  position: relative;
  min-height: 50vh;           
}

/* Background image */
.hero-spot__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Gradient overlay ON the image (not affecting text) */
.hero-spot__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
 
}

/* Center the breadcrumb + title perfectly */
.hero-content {
  position: relative;
  z-index: 1;                 
  min-height: 44vh;          
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;    
  text-align: center;
  padding: 2rem 1rem;
  color: #FFFFFF;            
}

.hero-content .breadcrumb,
.hero-content .breadcrumb a,
.hero-content svg {
  color: #FFFFFF !important;  
}

.breadcrumb-item + .breadcrumb-item::before {
  display: none;
}