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

/* Title + rule color as before */
.policy-section-title {
    color: #916627;
    font-size: 2.0rem !important
}

.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;
}