/* R108_AAA_RESORT_MAP_DYNAMIC_RADIUS_V133_CSS_ACTIVE
   ให้แผนผังรีสอร์ตใช้ค่ามุมโค้งเดียวกับโมดูลอื่นจาก Landing Builder */

body#r108-landing-body {
  --r108-resort-map-radius: var(--r108-builder-radius, 24px);
}

/* กรอบโมดูลและกรอบแผนผัง */
html body#r108-landing-body .resort-map-module,
html body#r108-landing-body .resort-map-card,
html body#r108-landing-body .resort-map-stage,
html body#r108-landing-body .resort-map-popup-card {
  border-radius: var(--r108-resort-map-radius) !important;
  background-clip: padding-box !important;
}

/* ตัดรูปและพื้นหลังให้ตรงกับมุมที่เลือก */
html body#r108-landing-body .resort-map-card,
html body#r108-landing-body .resort-map-stage,
html body#r108-landing-body .resort-map-popup-card {
  overflow: hidden !important;
}

html body#r108-landing-body .resort-map-stage > img,
html body#r108-landing-body .resort-map-stage img {
  border-radius: inherit !important;
  clip-path: inset(0 round var(--r108-resort-map-radius)) !important;
}

/* ย้ำบนมือถือ เพราะ CSS รุ่นเดิมล็อกไว้ที่ 24px และ 16px */
@media (max-width: 760px) {
  html body#r108-landing-body .resort-map-module,
  html body#r108-landing-body .resort-map-card,
  html body#r108-landing-body .resort-map-stage,
  html body#r108-landing-body .resort-map-popup-card {
    border-radius: var(--r108-resort-map-radius) !important;
  }

  html body#r108-landing-body .resort-map-stage > img,
  html body#r108-landing-body .resort-map-stage img {
    border-radius: inherit !important;
    clip-path: inset(0 round var(--r108-resort-map-radius)) !important;
  }
}