/* Page-specific styling for mini-juan-de-fuca-trail. No shared stylesheet or template edits required. */
/* Shared visual additions for the five new CBA BOFU pages. Loaded after trip-page-layout.css. */
.page-header.trip-product-hero.cba-next-hero{background-size:cover;background-position:center;color:#fff;min-height:570px}
.cba-next-hero .page-header-box h1,.cba-next-hero .breadcrumb,.cba-next-hero .breadcrumb a{color:white}
.page-header.trip-product-hero.cba-hero-mini-juan-de-fuca-trail{background-image:linear-gradient(90deg,rgba(8,28,30,.84),rgba(8,28,30,.26)),url('../images/mini-juan-de-fuca-trail-1.jpg');}
.cba-next-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:35px 0 55px}
.cba-next-gallery figure{margin:0;overflow:hidden;border-radius:12px;background:#eaf1ed}
.cba-next-gallery img{display:block;width:100%;height:220px;object-fit:cover}
.cba-next-gallery .cba-next-gallery-lead{grid-column:span 4}
.cba-next-gallery .cba-next-gallery-lead img{height:410px}
.cba-next-gallery figcaption{padding:10px 15px;font-size:.9rem;color:#2f4f44}
.cba-next-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.trip-booking-price{padding:22px 26px;margin:20px 0 28px;background:#eaf1ed;border-left:4px solid #477765;border-radius:8px}
.trip-booking-price-label{display:block;font-weight:600;margin-bottom:5px}
.trip-booking-price-amount{display:block;font-size:clamp(1.8rem,3vw,2.3rem);font-weight:700;line-height:1.2;color:#183d36}
.trip-booking-price p{margin:8px 0}
.cba-next-story{display:grid;grid-template-columns:1fr 1fr;background:#eaf1ed;border-radius:18px;overflow:hidden;margin:45px 0 55px}
.cba-next-story img{width:100%;height:100%;min-height:320px;object-fit:cover}
.cba-next-story>div{padding:40px;align-self:center}
.trip-page-layout .cba-next-story a.btn-default,.trip-page-layout .cba-next-story a.btn-default:visited,.trip-page-layout .cba-next-story a.btn-default:hover,.trip-page-layout .cba-next-story a.btn-default:focus-visible{color:#fff!important}
@media(max-width:767px){.cba-next-gallery{grid-template-columns:1fr 1fr}.cba-next-gallery .cba-next-gallery-lead{grid-column:span 2}.cba-next-gallery .cba-next-gallery-lead img{height:300px}.cba-next-story{grid-template-columns:1fr}.cba-next-story>div{padding:25px}.cba-next-story img{min-height:0;height:240px}}
@media(max-width:480px){.cba-next-gallery{grid-template-columns:1fr}.cba-next-gallery .cba-next-gallery-lead{grid-column:span 1}}