/* R108_BBB_LANDING_BUILDER_COMPLETE_V144_ACTIVE */
html,body,button,input,select,textarea{font-family:var(--bbb-builder-font)!important}

/* ใช้สีที่กำหนดกับส่วนประกอบหลักทั้งหมด */
a{accent-color:var(--bbb-builder-primary)}
.btn,.fc-book,.booking-submit{background:var(--bbb-builder-primary)!important;border-color:var(--bbb-builder-primary)!important}
.btn.ghost{background:var(--bbb-builder-surface)!important;color:var(--bbb-builder-primary)!important}
.menu a:hover,.menu a.active{color:var(--bbb-builder-primary)!important}
.hotspot:focus-visible,.field input:focus,.field select:focus{outline-color:var(--bbb-builder-accent)!important}
.total-box,.availability-legend,.selected-meta .meta{background:color-mix(in srgb,var(--bbb-builder-accent) 13%,var(--bbb-builder-surface))!important}

/* ความโค้งและเงาครอบคลุมกรอบของโมดูล BBB */
.hero-map,.section,.quick-card,.availability-day,.selected-meta .meta,.total-box,
.city-card,.step,.review,.map-text,.map-small-visual{
  border-radius:var(--bbb-builder-radius)!important;
}
.hero-map,.section{
  box-shadow:var(--bbb-builder-shadow)!important;
  padding:clamp(12px,2vw,24px);
}

/* รองรับ Gallery มาตรฐาน หากโมดูล Gallery ถูกแสดงใน BBB */
.gallery-grid,.gallery-list,.gallery-items{
  display:grid!important;
  grid-template-columns:repeat(var(--bbb-gallery-desktop),minmax(0,1fr))!important;
}
.gallery-grid img,.gallery-list img,.gallery-items img{transition:transform .25s ease,opacity .25s ease}

@media(max-width:700px){
  .gallery-grid,.gallery-list,.gallery-items{
    grid-template-columns:repeat(var(--bbb-gallery-mobile),minmax(0,1fr))!important;
  }
  main.wrap{width:96%!important;max-width:96%!important;margin-inline:auto!important;padding-inline:0!important}
  .hero-map,.section{padding:12px}
}