/* MDIX audit fixes — MDIX Restoran Prima */

/* Decorative cut-outs (tomato, chili, leaf, hero blob) were grey "W x H" placeholder boxes. */
img[src*="shape/pata.png"],
img[src*="shape/tomato_1.png"],
img[src*="shape/tomato_2.png"],
img[src*="shape/red_cilli.png"],
img[src*="hero/hero_shape_3_3.png"] {
  display: none !important;
}

/* Footer background photo (bicycles in a shop) made the footer text unreadable: darken it. */
.footer-layout1 {
  position: relative;
  isolation: isolate;
}
.footer-layout1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(14, 14, 14, 0.88);
  z-index: -1;
  pointer-events: none;
}

/* Hero promo sticker is an English-only graphic ("Up to Save 50% off"). */
.hero-img .offer {
  display: none !important;
}

/* ---- Design-QA 2026-10-12 ---- */

/* Christmas baubles hanging over the hero: seasonal decoration, out of place for a year-round demo. */
.hero-3 .ball-shape {
  display: none !important;
}

/* 992–1199px (e.g. 1024): logo + 6 menu items + cart + side-menu button did not fit, the header
   wrapped to two rows (200px tall, "KONTAK" cut off at the edge). Tighten spacing so it stays on one row. */
@media (min-width: 992px) and (max-width: 1199px) {
  .header-layout3 .header-logo {
    padding: 20px 14px;
  }
  .header-layout3 .main-menu > ul > li {
    margin: 0 8px;
  }
  .header-layout3 .header-button {
    gap: 10px;
  }
}

/* White/gold text on busy or light food photos: darken the photo behind the text. */
.cta-card,
.offer-box,
section[data-bg-src*="cta_bg_3"] {
  box-shadow: inset 0 0 0 2000px rgba(12, 12, 12, 0.5);
}

/* Newsletter button text "Berlangganan" was clipped by the fixed 150px width. */
.newsletter-form .th-btn {
  min-width: max-content;
  flex-shrink: 0;
}

/* Phones: "Chef Berpengalaman" broke mid-word in the 2-column feature row. */
@media (max-width: 575px) {
  .about-feature .box-title {
    font-size: 19px;
  }
}

/* Touch targets (WCAG 2.5.8, >= 24px; social icons ~32px). */
.hero-social .social-links a {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 0;
  transform: translateX(-6px);
}
.footer-layout1 .footer-widget.widget_nav_menu a {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 18px;
}
@media (max-width: 1199px) {
  .footer-layout1 .footer-widget.widget_nav_menu a {
    margin-bottom: 12px;
  }
}
.footer-links a,
.copyright-text a,
.category-box .box-title a,
.about-logo a {
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* ---- Design-QA 2026-10-12, ronde 2 (auditor lanjutan) ---- */

/* Emas tema #C59D5F gagal kontras AA (tombol putih-di-emas 2,51:1; harga emas-di-krem 2,19:1).
   Emas lebih gelap hanya untuk teks & tombol (DECISIONS D-20); pita header/hero tetap emas asli. */
:root {
  --mdix-gold-dark: #B34E00; /* halaman dalam bertema oranye #FA8507 (putih-di-oranye 2,49:1) */
}
.theme-golden {
  --mdix-gold-dark: #866530; /* beranda bertema emas #C59D5F */
}
.th-btn:not(.style-border):not(.style2):not(.style4),
.product-tag,
.th-product .product-tag {
  background-color: var(--mdix-gold-dark);
}
.th-product .price,
.price,
.cart_table .amount,
.woocommerce-Price-amount,
.product-about .price,
.product_list_widget .amount {
  color: var(--mdix-gold-dark);
}

/* Target sentuh (WCAG 2.5.8): tautan logo header 22px tinggi, tautan "Pesan Sekarang" bergaris 17px. */
.header-logo a,
.mobile-logo a,
.footer-logo a {
  display: inline-block;
  line-height: 0;
}
.line-btn {
  padding-top: 8px;
}

/* Tombol scroll-top (fixed, kanan bawah) menutupi tautan "Syarat & Ketentuan | Kebijakan Privasi"
   di baris hak cipta pada lebar < 1200px. Geser isi baris ke kiri selebar tombol. */
@media (max-width: 1499px) {
  .copyright-wrap .container {
    padding-right: 95px;
  }
}

/* Harga Rupiah ("Rp40.000") terpotong di lingkaran harga 50px (menu-two, kartu kategori). */
.menu-card .box-price,
.category-card .box-price {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 50px;
  padding: 0 12px;
  font-size: 15px;
  white-space: nowrap;
}

/* Tombol filter aktif (.tab-menu1) dan bilah atas header halaman dalam masih memakai warna tema asli. */
.tab-menu1 .th-btn.active,
.header-top {
  background-color: var(--mdix-gold-dark);
}

/* Tautan telepon di header beranda 22px tinggi -> >= 24px. */
.header-call .box-title a {
  display: inline-block;
  padding: 2px 0;
}

/* Efek flip 3D (.flipX/.flipY) hanya selesai pada scroll roda mouse; pada lompat scroll/anchor dan
   di alat audit foto iga tetap gepeng (690x588 digambar 414x127). Dimatikan: foto selalu tampil utuh. */
.flipX,
.flipY {
  -webkit-transform: none !important;
          transform: none !important;
  scale: 1 !important;
  opacity: 1 !important;
}

/* ---- Design-QA ronde 3 ---- */

/* Target sentuh < 24px di halaman dalam: tautan bilah atas header (22px), breadcrumb, tautan kecil
   WooCommerce (login/kupon/nama produk/ulasan/kategori). */
.header-top .header-links a,
.breadcumb-menu a,
.woocommerce-info a,
.woocommerce-form a,
.cart-productname,
.woocommerce-review-link,
.product_meta a {
  display: inline-block;
  padding: 2px 0;
}
.quantity .qty-btn {
  min-width: 24px;
  min-height: 24px;
}
.rating-select p.stars a {
  width: 24px;
  height: 24px;
}
.rating-select p.stars a::before {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}

/* Kotak info WooCommerce (oranye, putih 2,49:1) dan harga coret abu-abu muda (1,88:1). */
.woocommerce-info,
.woocommerce-message {
  background-color: var(--mdix-gold-dark);
}
.price del,
del .amount,
.amount del,
del {
  color: #6b6b6b;
}

/* ---- Design-QA ronde 4 (auditor lanjutan) ---- */

/* Aturan ronde 3 kalah spesifik dari tema: kotak login-checkout & pesan keranjang masih oranye #FA8507
   (putih 2,49:1), harga coret di ringkasan produk #bdbdbd (1,88:1), total pesanan oranye, label kutipan
   blog (cite) putih-di-oranye. */
.woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message,
blockquote cite,
.wp-block-quote cite {
  background-color: var(--mdix-gold-dark);
}
.woocommerce-form-login-toggle .woocommerce-info a:hover,
.woocommerce-info a:hover,
.woocommerce-message a:hover {
  color: #fff;
  text-decoration: underline;
}
.summary-content > .price del,
.product-about > .price del,
.th-product .price del,
.tinv-wishlist td.product-price del {
  color: #6b6b6b;
}
.cart_totals .order-total .amount,
.checkout-ordertable .order-total .amount {
  color: var(--mdix-gold-dark);
}
.th-comment-form .form-text {
  color: #5c636a;
}

/* Target sentuh < 24px yang tersisa: telepon/email di footer halaman dalam (22px), tanggal & gambar
   "Artikel Terbaru" di sidebar blog (19–22px), ikon hapus item keranjang (16px lebar). */
.info-box .box-text a,
.about-card .box-info a,
.recent-post-meta a,
.recent-post .post-title a {
  display: inline-block;
  padding: 2px 0;
  min-height: 24px;
}
.recent-post .media-img a {
  display: block;
}
.cart_table a.remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
}

/* 768–991px: panah slider testimoni (75px, di tepi) menimpa awal/akhir baris kutipan (~8px). */
@media (min-width: 768px) and (max-width: 991px) {
  #testi-sec .testi-grid .box-text {
    padding-left: 28px;
    padding-right: 28px;
  }
}

/* Baris hak cipta: geseran 95px (ronde 2) membuat "Syarat & Ketentuan | Kebijakan Privasi" terbungkus
   dengan "|" menggantung di 390 dan 768. Tablet/laptop: kolom selebar isi, tautan satu baris.
   HP: baris di tengah tanpa geseran kanan; ruang bawah supaya tombol scroll-top (fixed, 30–80px dari
   bawah) tidak menutupi tautan di akhir halaman. */
.footer-links ul {
  white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1499px) {
  .copyright-wrap .row {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .copyright-wrap .row > .col-md-7,
  .copyright-wrap .row > .col-md-5 {
    flex: 0 1 auto;
    width: auto;
  }
}
@media (max-width: 767px) {
  .copyright-wrap .container {
    padding-right: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
    padding-bottom: 64px;
  }
  .copyright-wrap .copyright-text {
    text-align: center;
  }
}

/* Wishlist/keranjang: gambar & nama produk 16–22px tinggi; "Lost your password?" 22px. */
.tinv-wishlist .product-thumbnail a,
.cart_table .product-thumbnail a {
  display: inline-block;
}
.tinv-wishlist .product-name a,
.cart_table .product-name a,
.woocommerce-form-login a.text-reset {
  display: inline-block;
  padding: 4px 0;
  min-height: 24px;
}

/* Tombol menu HP & lencana jumlah keranjang: ikon/angka putih di oranye #FA8507 / emas #C59D5F (2,5:1)
   → warna gelap --mdix-gold-dark (non-teks ≥ 3:1). */
button.th-menu-toggle,
.th-menu-wrapper .th-menu-toggle,
.header-button .badge,
.header-button .icon-btn .badge,
.simple-icon .badge {
  background-color: var(--mdix-gold-dark);
}

/* Tautan gambar blog sebaris (kotak tautan 22px walau gambarnya besar) → blok selebar gambar. */
.blog-img > a:not(.play-btn),
.blog-img .swiper-slide > a {
  display: block;
}
.header-layout3 .th-menu-toggle {
  background-color: var(--mdix-gold-dark);
}

/* Verifikasi ulang akhir 2026-10-13: foto hero diberi ukuran agar tidak menggeser layout saat dimuat (CLS 0,14 kadang-kadang). */
.hero-img img { height: auto; }