/* Additions for the 2026 multi-page version (reconstructed; original style-min.css was not in the archive capture) */

/* Hero */
.banner-section{position: relative; background-color: #1d3b4a; background-image: url(../images/webp/cover/Sunset-beach-Kralendijk-Bonaire.webp);}
.banner-section::before{content: ''; position: absolute; inset: 0; background: rgba(0,0,0,.28);}
.banner-section .container{position: relative;}
.banner-section h1{font-size: 72px; line-height: 88px; max-width: 1100px;}
.header-logo a{text-decoration: none;}

/* Wide photo band */
.holiday-section{position: relative; background-color: #23495a; background-image: url(../images/webp/cover/Best-Beach-Kralendijk-Bonaire.webp); background-size: cover;}
.holiday-section::before{content: ''; position: absolute; inset: 0; background: rgba(0,0,0,.30);}
.holiday-section .container{position: relative;}
.holiday-section .prefix span{color: #fff;}

/* Intro */
.intro-section{padding: 120px 0 0;}
.intro-section .prefix span::before{left: -24%;}
.intro-section .prefix span::after{right: -24%;}
.intro-content p{max-width: 820px; margin-left: auto; margin-right: auto; color: #555;}
.intro-content .gallery-section{padding-bottom: 0;}

/* Galleries: even tiles */
.gallery-section .gallery-img{overflow: hidden; aspect-ratio: 4/3;}
.gallery-section .gallery-img img{width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease;}
.gallery-section .gallery-img img:hover{transform: scale(1.05);}

/* Cards (festival boxes) */
.festival-section .festival-inner .box-img{aspect-ratio: 443/300;}
.festival-section .festival-inner .box-img img{width: 100%; height: 100%; object-fit: cover; max-width: none;}
.festival-section .festival-inner{margin-bottom: 30px;}
.festival-heading .prefix span::before{left: -24%;}
.festival-heading .prefix span::after{right: -24%;}
.box-content span{font-family: var(--body_font_family); font-size: 22px; line-height: 28px; display: inline-block; color: #000;}
.box-content a span, .box-content a xspan{color: inherit;}
.box-content h3, .box-content h4{font-family: var(--body_font_family); font-size: 22px; line-height: 28px; font-weight: var(--medium_font);}

/* Call-to-action strip */
.cta{padding: 10px 0 0;}
.cta .theme-btn:hover{background-color: transparent; color: var(--theme-color);}

/* Booking block */
.reservation-heading p{max-width: 760px; margin: 0 auto 30px auto; color: #555;}
.reservation-inner{max-width: 900px; margin: 0 auto; text-align: center;}
.reservation-inner .box-content{padding: 10px 20px 30px;}
.reservation-inner .box-content strong{font-family: var(--body_font_family); font-size: 26px; font-weight: var(--regular_font);}
.reservation-inner img{max-height: 34px; width: auto; vertical-align: middle; margin-right: 8px;}
.reservation-inner [data-bs-toggle="modal"]{display: inline-block; margin: 10px 0;}

/* Video modals */
.modal-body iframe{width: 100%; aspect-ratio: 16/9; border: 0;}

/* Planning counters are <p> in the new markup */
.planning-section .planning-content .counter{font-family: var(--body_font_family); font-size: 36px; margin-bottom: 10px;}

/* FAQ */
.faq{padding: 40px 0 0;}
.faq .prefix span::before{left: -60%;}
.faq .prefix span::after{right: -60%;}
.faq-inner{max-width: 900px; margin: 0 auto;}
.faq-inner .row{margin-left: 0; margin-right: 0; padding-bottom: 25px; border-bottom: 1px solid #b9977b40;}
.faq-inner p{color: #555;}
.faq-inner strong{color: #000; font-weight: var(--medium_font);}

/* Eye Sea block (diving page) */
.eyesea{padding: 100px 0; background: rgba(185, 151, 123, 0.15);}
.eyesea .festival-inner{max-width: 900px; margin: 30px auto 0;}
.eyesea .festival-inner img{width: 100%;}
.eyesea p{max-width: 760px; margin-left: auto; margin-right: auto;}

@media (max-width: 1199px){
  .banner-section h1{font-size: 52px; line-height: 64px; max-width: 760px;}
}
@media (max-width: 991px){
  .banner-section{background-image: url(../images/webp/cover/max-991px/Sunset-beach-Kralendijk-Bonaire.webp);}
  .banner-section h1{font-size: 40px; line-height: 50px; max-width: 560px;}
  .intro-section{padding-top: 70px;}
  .gallery-section .gallery-content{width: 33.333%;}
}
@media (max-width: 575px){
  .banner-section{background-image: url(../images/webp/cover/max-575px/Sunset-beach-Kralendijk-Bonaire.webp);}
  .banner-section h1{font-size: 32px; line-height: 40px;}
  .gallery-section .gallery-content{width: 50%;}
  .box-content span{font-size: 20px;}
}

/* Keep "X-TWITTER" on one line in the vertical social links */
.banner-section .social-link a{white-space: nowrap;}