/*
 * ปรับ CSS เดิมของ wakanafooddelivery.com ให้เข้ากับตะกร้าใหม่ — build.mjs ใส่ให้ทุกหน้า ต่อจาก CSS เดิม
 * ไม่แก้ไฟล์ CSS เดิมตรง ๆ เพื่อให้รู้ว่าอะไรเป็นของเดิม อะไรเราเปลี่ยน
 */

/* เว็บเดิมซ่อนปุ่ม "ใส่ตะกร้า" และช่องจำนวนทุกจุดด้วย display:none (ตอนปิดตะกร้า PHP — ใน style12.css ยังเห็น
   display:block ที่ถูกคอมเมนต์ทิ้งไว้) ⇒ เปิดกลับ โดยใช้ค่า display เดิมก่อนถูกปิด */
.product-col .price span.qtybox {
  display: inline;
}
.product-col .btaddcart {
  display: inline-block;
}
.product-info .product-details .qtybox,
.product-info .product-details .btaddcart {
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .product-col .price span.qtybox,
  .product-col .qtybox,
  .product-col .btaddcart,
  .product-info .product-details .qtybox,
  .product-info .product-details .btaddcart {
    display: block;
  }
}

/* แถบเมนูล่างของมือถือ (#mobile-bar สูง 60px) — ยกปุ่มตะกร้าลอยกับ toast ขึ้นไม่ให้ทับ */
@media (max-width: 767.98px) {
  .wk-fab {
    bottom: calc(76px + env(safe-area-inset-bottom, 0px));
  }
  .wk-toast {
    bottom: calc(148px + env(safe-area-inset-bottom, 0px));
  }
}

/* ฟอร์มติดต่อ (/contactus) — build.mjs ใส่ฟอร์ม · src/contact/contact-form.js ส่งเข้า wakana-api POST /contact */
.wakana-contact {
  max-width: 640px;
  margin: 24px 0 8px;
}
.wakana-contact h2 {
  font-size: 21px;
  font-weight: 400;
  margin: 0 0 12px;
}
.wakana-contact .wc-field {
  margin-bottom: 12px;
}
.wakana-contact label {
  display: block;
  font-weight: 400;
  margin-bottom: 4px;
}
.wakana-contact input,
.wakana-contact textarea {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font: inherit;
  box-sizing: border-box;
}
.wakana-contact textarea {
  min-height: 140px;
  resize: vertical;
}
.wakana-contact [aria-invalid='true'] {
  border-color: #d9363e;
}
.wakana-contact .wc-row {
  display: flex;
  gap: 12px;
}
.wakana-contact .wc-row > .wc-field {
  flex: 1;
  min-width: 0;
}
.wakana-contact .wc-err {
  display: block;
  color: #d9363e;
  font-size: 13px;
  min-height: 0;
}
.wakana-contact .wc-hint,
.wakana-contact .wc-pdpa {
  color: #6b6b6b;
  font-size: 13px;
}
.wakana-contact .wc-hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.wakana-contact button[type='submit'] {
  background: #be2430;
  color: #fff;
  border: 0;
  border-radius: 4px;
  padding: 10px 24px;
  font: inherit;
  cursor: pointer;
}
.wakana-contact button[type='submit']:disabled {
  opacity: 0.6;
  cursor: wait;
}
.wakana-contact-status {
  margin-top: 12px;
}
.wakana-contact-status.ok {
  color: #3c8d2f;
}
.wakana-contact-status.error {
  color: #d9363e;
}
@media (max-width: 575.98px) {
  .wakana-contact .wc-row {
    display: block;
  }
}