/* Menu page scoped overrides */
/* ==========================================
   FORCE OVERRIDE: ปรับสีพื้นหลังหน้า The Menu ให้กลืนกับรูป
========================================== */
html body.menu-page,
html body.menu-page .menu-layout,
html body.menu-page .menu-visual,
html body.menu-page .menu-content,
html body.menu-page .menu-scroll {
    /* ใช้สีเดียวกับพื้นหลังรูปภาพ */
    background: #f6f4f1 !important; 
}

/* ลบเอฟเฟกต์แสงเงาและเส้นคั่นรอยต่อทิ้ง */
html body.menu-page .menu-visual {
    background-image: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

/* ========================================== */
body.menu-page .menu-scroll {
  scrollbar-gutter: stable;
}

body.menu-page .menu-title {
  letter-spacing: -0.02em;
}

body.menu-page .menu-table .row {
  border-color: rgba(0,0,0,.06);
}

/* Match The Team topbar scale */
body.menu-page .topbar-link,
body.menu-page .brand {
  font-size: clamp(2rem, 2.6vw, 3rem) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 1100px) and (min-width: 768px) {
  body.menu-page .topbar-link,
  body.menu-page .brand {
    font-family: 'IvyPresto Display', 'Times New Roman', serif !important;
    font-size: clamp(1.7rem, 2.2vw, 2.2rem) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }
}
@media (max-width: 860px) {
  body.page-menu .menu-hero,
  body.page-menu .menu-hero__frame,
  body.page-menu .menu-hero__image-wrap {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 0 !important;
  }

  body.page-menu .menu-hero__image,
  body.page-menu .menu-hero img {
    width: 100% !important;
    height: auto !important;
    display: block;
    object-fit: cover;
  }
}body.page-menu .menu-hero,
body.page-menu .menu-hero__frame,
body.page-menu .menu-hero__image-wrap {
  min-height: 44vh;
}

body.page-menu .menu-hero__image,
body.page-menu .menu-hero img {
  height: 44vh !important;
}
@media (max-width: 767px) {
  body.menu-page .topbar {
    padding: 6px 8px 0;
  }

  body.menu-page .topbar-link,
  body.menu-page .brand {
    font-family: var(--font-serif) !important;
    font-size: clamp(1rem, 4.4vw, 1.55rem) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: -0.015em !important;
  }

  body.menu-page .topbar::before {
    height: 60px;
    background: linear-gradient(to bottom, rgba(244,242,239,0.55), rgba(244,242,239,0.12) 70%, rgba(244,242,239,0));
    backdrop-filter: blur(1.5px);
    -webkit-backdrop-filter: blur(1.5px);
  }
}@media (max-width: 767px) {
  body.menu-page .menu-layout {
    gap: 0 !important;
  }

  body.menu-page .menu-visual {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }

  body.menu-page .menu-visual-stage {
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 46vh !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

  body.menu-page .menu-left-art {
    display: block;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 46vh !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.menu-page .menu-copy {
    margin-top: 0 !important;
    padding-top: 28px !important;
  }
}body.menu-page .menu-shell,
body.menu-page .menu-layout {
  margin-top: 0 !important;
  padding-top: 0 !important;
}@media (max-width: 767px) {
  body.menu-page {
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.menu-page .menu-scroll {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: 56px !important;
    -webkit-overflow-scrolling: touch;
  }

  body.menu-page .menu-content {
    height: auto !important;
    min-height: 0 !important;
  }
}/* Menu notes smaller on all devices */
body.menu-page .menu-notes {
  font-size: 0.7rem !important;
  line-height: 1.18 !important;
}

body.menu-page .policy-link {
  font-size: 0.7rem !important;
}

@media (max-width: 767px) {
  body.menu-page .menu-notes {
    font-size: 0.55rem !important;
    line-height: 1.16 !important;
  }

  body.menu-page .policy-link {
    font-size: 0.5rem !important;
  }
}

/* ==========================================
   FIX: ปิดแสงเงาและเทสีพื้นหลังให้กลืนกับรูปภาพ
========================================== */
body.menu-page,
body.menu-page .site-shell,
body.menu-page .menu-layout,
body.menu-page .menu-visual,
body.menu-page .menu-visual-stage,
body.menu-page .menu-content {
    background-color: #f4f2ef !important; /* 👈 รหัสสี (แก้ตรงนี้ให้ตรงกับสีรูป) */
    background-image: none !important;    /* ปิดเอฟเฟกต์แสงเงาและ Gradient */
}

/* ลบเส้นคั่นรอยต่อทิ้ง */
body.menu-page .menu-visual {
    border-right: none !important;
    border-bottom: none !important;
}