/* ใช้ class .rounded-only กับรูปที่ต้องการให้ขอบมนแบบนิ่ง */
.rounded-only {
  display: block;
  max-width: 100%;
  height: auto !important;
  border-radius: 16px;      /* แก้เลขได้ เช่น 8px / 24px / 50% */
  overflow: hidden;        /* กันภาพล้นขอบ */
}

/* ซ่อนข้อความเดิมของหัวข้อ */
.djacc__title {
    position: relative;
    font-size: 0 !important;      /* ทำให้ตัวอักษรเดิมหายไปจากสายตา */
    line-height: 1.2;
}

/* ใส่ข้อความภาษาไทยแทน */
.djacc__title::after {
    content: "เมนูสำหรับคนพิการ";  /* ใส่คำที่ต้องการตรงนี้ */
    font-size: 22px;              /* ขนาดตัวอักษรจริง */
    font-weight: 700;
    color: #ffffff;               /* สีตัวอักษร (ปรับได้) */

    /* จัดตำแหน่งให้ทับของเดิม */
    position: absolute;
    left: 0;
    top: 0;
}

/* สถานะปกติของปุ่ม */
a.eslims_button {
  display: inline-block;
  transition: transform 0.15s ease, filter 0.15s ease;
  transform: scale(1);
}

/* รูปภายใน */
a.eslims_button img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 30px;
  transition: inherit;
}

/* เอฟเฟกต์ตอน hover = ปุ่มถูกกดลง (หดตัว) */
a.eslims_button:hover,
a.eslims_button:focus {
  transform: scale(0.92) !important;   /* หดลง = ฟีลปุ่มถูกกด */
  filter: brightness(0.9) !important;  /* มืดลงนิด ๆ ให้ดูเหมือนกดจริง */
}

/* สถานะปกติของปุ่ม */
a.eslims_button_2 {
  display: inline-block;
  transition: transform 0.15s ease, filter 0.15s ease;
  transform: scale(1);
}

/* รูปภายใน */
a.eslims_button_2 img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 999px;
  transition: inherit;
}

/* เอฟเฟกต์ตอน hover = ปุ่มถูกกดลง (หดตัว) */
a.eslims_button_2:hover,
a.eslims_button_2:focus {
  transform: scale(0.92) !important;   /* หดลง = ฟีลปุ่มถูกกด */
  filter: brightness(0.9) !important;  /* มืดลงนิด ๆ ให้ดูเหมือนกดจริง */
}



/* รูปแบนเนอร์ e-SLIMS ให้เต็มความกว้าง */
.eslims_banner img,
img.eslims_banner {
  width: 100% !important;       /* กว้างเต็มพื้นที่ */
  height: auto !important;      /* รักษาสัดส่วนให้ไม่ยืด */
  max-width: 100% !important;   /* ป้องกันไม่ให้จำกัดความกว้าง */
  display: block !important;    /* ตัดช่องว่างขาวด้านล่าง */
  margin: 0 auto !important;    /* จัดกึ่งกลาง */
  object-fit: cover;            /* ตัดภาพให้สวยเมื่อพื้นที่ต่างกัน */
  box-shadow: none !important;  /* ไม่เอาเงา */
  border: none !important;      /* ไม่มีกรอบ */
  transform: none !important;   /* ไม่เอาเอฟเฟกต์ */
  filter: none !important;      /* ไม่เอาการมืดลง */
  transition: none !important;  /* ตัด animation */
}