/* MDIX audit fixes — MDIX Restoran Cepat Saji */

/* Logo has dark text; the header is dark. Put it on a light plate. */
.th-header .header-logo img {
  background: rgba(255, 255, 255, 0.95);
  padding: 6px 10px;
  border-radius: 6px;
  box-sizing: content-box;
}
.header-layout5 .header-logo {
  margin-top: 0;
}

/* Decorative cut-outs (tomato, chili, leaves, burger layers) were grey "W x H" placeholder
   boxes or unrelated photos. Hide them; the sections read fine without the garnish. */
#slider img[src*="update_2/hero/hero_shape_"],
#slider img[src*="update_2/hero/tomato_"],
#slider img[src*="update_2/hero/tree_"],
#slider img[src*="update_2/hero/hero_thumb_"],
#slider img[src*="update_2/hero/burger_part_"],
#slider .ls-svg-layer,
#slider ls-layer > svg,
.shape-mockup img[src*="update_2/shape/"],
.menu-tabs .nav-link img {
  display: none !important;
}

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

/* "Download app" banner: dark title sat on a busy photo. Darken the photo, make the title white. */
.download-area {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.download-area::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(10, 10, 14, 0.85) 0%, rgba(10, 10, 14, 0.55) 60%, rgba(10, 10, 14, 0.2) 100%);
  z-index: -1;
}
.download-area .sec-title {
  color: #fff;
}

/* About section: chili cut-out is a placeholder box too. */
img[src*="update_2/shape/red_chili_3"] {
  display: none !important;
}

/* The tab icons were placeholders and are hidden; on phones the theme shows icons only,
   so bring the text labels back and let the tabs wrap. */
@media (max-width: 767px) {
  .menu-tabs {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 8px;
  }
  .menu-tabs .nav-link {
    font-size: 14px;
    padding: 4px 10px;
  }
}

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

/* Header: nav + phone + search + cart + CTA did not fit in one row at 1200-1279px and
   1440-1599px (icons and "Pesan Meja" dropped to a second row). Hide the phone block
   until there is room and tighten the menu spacing on small desktops. */
@media (min-width: 1200px) and (max-width: 1699px) {
  .header-layout5 .header-info { display: none !important; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .header-layout5 .main-menu > ul > li { margin: 0 11px; }
}
/* Logo link wrapped only the text line (19px high): make the whole plate the target. */
.th-header .header-logo a { display: inline-block; }

/* Hero (LayerSlider): reserve its scaled height before the plugin runs, so the page
   does not jump when the slider initialises. */
#slider:not(.ls-container) {
  width: 100% !important;
  max-width: 1920px;
  height: calc(min(100vw, 1920px) * 810 / 1920) !important;
  overflow: hidden;
  background: #0c0c0f url("assets/img/update_2/hero/hero_bg_5_1.jpg") center / cover no-repeat;
}
#slider:not(.ls-container) > * { visibility: hidden; }

/* Phones: LayerSlider shrinks the 1920px design to ~20% (9px text, 6px button).
   Show a plain HTML hero instead. */
.mdix-hero-m { display: none; }
@media (max-width: 767px) {
  #slider { display: none !important; }
  .mdix-hero-m {
    display: flex;
    align-items: center;
    min-height: 420px;
    padding: 48px 0;
    color: #fff;
    background:
      linear-gradient(90deg, rgba(12, 12, 15, 0.92) 0%, rgba(12, 12, 15, 0.7) 55%, rgba(12, 12, 15, 0.25) 100%),
      #0c0c0f url("assets/img/update_2/hero/hero_bg_5_1.jpg") 78% center / cover no-repeat;
  }
  .mdix-hero-m .container { padding-left: 16px; padding-right: 16px; }
  .mdix-hero-m__sub {
    display: block;
    font-family: "Lobster Two", cursive;
    font-size: 20px;
    line-height: 1.3;
    color: #ff4d4d;
    margin-bottom: 10px;
  }
  .mdix-hero-m__title {
    font-size: 36px;
    line-height: 1.12;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 24px;
    max-width: 12ch;
  }
  .mdix-hero-m .th-btn { min-height: 48px; }
}

/* "Menu Paling Populer": the cut-out food PNGs were replaced by square photos, which
   the theme kept spinning (60s rotation). Show them as still, round photos. */
.th-menu_img img {
  -webkit-animation: none !important;
  animation: none !important;
  width: 180px;
  height: 180px;
  object-fit: cover;
  border-radius: 50%;
}
.th-menu .th-menu_desc { min-height: 3.6em; }
/* "HEMAT 24%" spilled out of its 60px circle. */
.th-menu_discount .sale {
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.15;
  text-align: center;
}

/* Menu lists: square photos poked out of the round frame. */
.food-menu_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/* About: the video thumbnail is a square photo under a round dark veil. */
.img-box5 .video-1 { overflow: hidden; }
.img-box5 .video-1 img { border-radius: 50%; display: block; }

/* Promo banner: red tagline on a busy grill photo was hard to read. */
.offer-pattern .offer-title {
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}
section[style*="offer_banner_1"] { isolation: isolate; }
section[style*="offer_banner_1"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(10, 10, 14, 0.75) 0%, rgba(10, 10, 14, 0.35) 70%, rgba(10, 10, 14, 0.15) 100%);
}

/* Reservation: no veil over the photo, red script title unreadable. */
.booking-sec1 { position: relative; isolation: isolate; }
.booking-sec1::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(10, 10, 14, 0.82) 0%, rgba(10, 10, 14, 0.6) 60%, rgba(10, 10, 14, 0.35) 100%);
}
.booking-sec1 .sub-title { color: #ff5a5a; }

/* App buttons: "UNDUH DI" was 10px. */
.download-btn .small-text { font-size: 12px; }

/* Newsletter button: the paper-plane icon wrapped under the label. */
.newsletter-form .th-btn { white-space: nowrap; }

/* Touch targets (WCAG 2.5.8): top-bar social icons were 9-14px wide, text links 16-21px high. */
.header-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
  margin-right: 2px;
}
.footer-wrapper .widget_nav_menu a,
.footer-wrapper .recent-post-meta a,
.footer-wrapper .post-title a,
.recent-post .recent-post-meta a,
.recent-post .post-title a {
  padding-top: 5px;
  padding-bottom: 5px;
}
.recent-post .media-img a { display: block; }

.link-btn {
  padding-top: 5px;
  padding-bottom: 7px;
  margin-top: -5px;
  margin-bottom: -7px;
}

/* Theme placeholder art ("W x H" grey boxes: leaves, chili, plates, card shapes, etc.)
   that was never replaced by real artwork. Purely decorative, so it is hidden.
   List generated from the image files that are flat grey placeholders. */
img[src$="assets/img/blog/author-1-1.png"],
img[src$="assets/img/category/category_1_1.png"],
img[src$="assets/img/category/category_1_10.png"],
img[src$="assets/img/category/category_1_2.png"],
img[src$="assets/img/category/category_1_3.png"],
img[src$="assets/img/category/category_1_4.png"],
img[src$="assets/img/category/category_1_5.png"],
img[src$="assets/img/category/category_1_6.png"],
img[src$="assets/img/category/category_1_7.png"],
img[src$="assets/img/category/category_1_8.png"],
img[src$="assets/img/category/category_1_9.png"],
img[src$="assets/img/coffee/category/category_2_1.png"],
img[src$="assets/img/coffee/category/category_2_2.png"],
img[src$="assets/img/coffee/category/category_2_3.png"],
img[src$="assets/img/coffee/category/category_2_4.png"],
img[src$="assets/img/coffee/hero/hero_shape_4_1.png"],
img[src$="assets/img/coffee/hero/hero_shape_4_4.png"],
img[src$="assets/img/coffee/hero/hero_thumb_4_1.png"],
img[src$="assets/img/coffee/hero/hero_thumb_4_2.png"],
img[src$="assets/img/coffee/hero/hero_thumb_4_3.png"],
img[src$="assets/img/coffee/normal/about_coffee_shape.png"],
img[src$="assets/img/hero/hero_shape_2_1.png"],
img[src$="assets/img/hero/hero_shape_2_2.png"],
img[src$="assets/img/hero/hero_shape_2_3.png"],
img[src$="assets/img/hero/hero_shape_2_4.png"],
img[src$="assets/img/hero/hero_shape_2_5.png"],
img[src$="assets/img/hero/hero_shape_2_6.png"],
img[src$="assets/img/hero/hero_shape_3.png"],
img[src$="assets/img/hero/hero_shape_4.png"],
img[src$="assets/img/hero/hero_shape_5.png"],
img[src$="assets/img/hero/hero_shape_6.png"],
img[src$="assets/img/hero/hero_shape_7.png"],
img[src$="assets/img/hero/hero_shape_8.png"],
img[src$="assets/img/hero/hero_thumb_2_1.png"],
img[src$="assets/img/hero/hero_thumb_2_1_active.png"],
img[src$="assets/img/hero/hero_thumb_2_2.png"],
img[src$="assets/img/hero/hero_thumb_2_2_active.png"],
img[src$="assets/img/hero/hero_thumb_2_3.png"],
img[src$="assets/img/hero/hero_thumb_2_3_active.png"],
img[src$="assets/img/shape/Burger_1.png"],
img[src$="assets/img/shape/bg_shape_1.png"],
img[src$="assets/img/shape/chicken_1.png"],
img[src$="assets/img/shape/chips_1.png"],
img[src$="assets/img/shape/chips_2.png"],
img[src$="assets/img/shape/chocolate_1.png"],
img[src$="assets/img/shape/food_1.png"],
img[src$="assets/img/shape/leaf_1.png"],
img[src$="assets/img/shape/leaf_2.png"],
img[src$="assets/img/shape/leaf_3.png"],
img[src$="assets/img/shape/leaf_4.png"],
img[src$="assets/img/shape/leaf_5.png"],
img[src$="assets/img/shape/leaf_6.png"],
img[src$="assets/img/shape/leaf_group_1.png"],
img[src$="assets/img/shape/leaf_group_2.png"],
img[src$="assets/img/shape/plate_1.png"],
img[src$="assets/img/shape/plate_2.png"],
img[src$="assets/img/shape/pot_1.png"],
img[src$="assets/img/shape/red_chili.png"],
img[src$="assets/img/shape/red_chili_2.png"],
img[src$="assets/img/update_2/hero/burger_part_2_4.png"],
img[src$="assets/img/update_2/hero/burger_part_3.png"],
img[src$="assets/img/update_2/hero/burger_part_6.png"],
img[src$="assets/img/update_2/hero/cherry_1.png"],
img[src$="assets/img/update_2/hero/hero_shape_1.png"],
img[src$="assets/img/update_2/hero/hero_shape_2.png"],
img[src$="assets/img/update_2/hero/hero_shape_2_1.png"],
img[src$="assets/img/update_2/hero/hero_shape_2_2.png"],
img[src$="assets/img/update_2/hero/hero_shape_2_3.png"],
img[src$="assets/img/update_2/hero/hero_shape_2_4.png"],
img[src$="assets/img/update_2/hero/hero_shape_2_5.png"],
img[src$="assets/img/update_2/hero/hero_shape_2_6.png"],
img[src$="assets/img/update_2/hero/hero_shape_3.png"],
img[src$="assets/img/update_2/hero/hero_shape_4.png"],
img[src$="assets/img/update_2/hero/hero_thumb_5_1.png"],
img[src$="assets/img/update_2/hero/hero_thumb_5_2.png"],
img[src$="assets/img/update_2/hero/hero_thumb_5_332.png"],
img[src$="assets/img/update_2/hero/hero_thumb_6_1.png"],
img[src$="assets/img/update_2/hero/hero_thumb_6_2.png"],
img[src$="assets/img/update_2/hero/hero_thumb_6_3.png"],
img[src$="assets/img/update_2/hero/tree_2.png"],
img[src$="assets/img/update_2/menu/burger.png"],
img[src$="assets/img/update_2/menu/drink.png"],
img[src$="assets/img/update_2/menu/food.png"],
img[src$="assets/img/update_2/menu/pizza.png"],
img[src$="assets/img/update_2/menu/sushi.png"],
img[src$="assets/img/update_2/normal/about_7_3.png"],
img[src$="assets/img/update_2/normal/category_6_1.png"],
img[src$="assets/img/update_2/normal/category_6_2.png"],
img[src$="assets/img/update_2/normal/category_6_3.png"],
img[src$="assets/img/update_2/normal/category_6_4.png"],
img[src$="assets/img/update_2/normal/category_6_5.png"],
img[src$="assets/img/update_2/normal/category_6_6.png"],
img[src$="assets/img/update_2/normal/category_6_7.png"],
img[src$="assets/img/update_2/normal/testi-card_shape_1.png"],
img[src$="assets/img/update_2/normal/testi-card_shape_2.png"],
img[src$="assets/img/update_2/normal/testi-card_shape_3.png"],
img[src$="assets/img/update_2/shape/barger.png"],
img[src$="assets/img/update_2/shape/bucket_1.png"],
img[src$="assets/img/update_2/shape/capsicum_1.png"],
img[src$="assets/img/update_2/shape/cherry_1.png"],
img[src$="assets/img/update_2/shape/food-safety.png"],
img[src$="assets/img/update_2/shape/footer_shape_1.png"],
img[src$="assets/img/update_2/shape/footer_shape_2.png"],
img[src$="assets/img/update_2/shape/french_fry.png"],
img[src$="assets/img/update_2/shape/layer_1.png"],
img[src$="assets/img/update_2/shape/layer_2.png"],
img[src$="assets/img/update_2/shape/layer_3.png"],
img[src$="assets/img/update_2/shape/layer_4.png"],
img[src$="assets/img/update_2/shape/layer_5.png"],
img[src$="assets/img/update_2/shape/layer_6.png"],
img[src$="assets/img/update_2/shape/pea_1.png"],
img[src$="assets/img/update_2/shape/pizza_1.png"],
img[src$="assets/img/update_2/shape/plate_3.png"],
img[src$="assets/img/update_2/shape/red_chili.png"],
img[src$="assets/img/update_2/shape/red_chili_2.png"],
img[src$="assets/img/update_2/shape/red_chili_3.png"],
img[src$="assets/img/update_2/shape/shape_1.png"],
img[src$="assets/img/update_2/shape/shape_2.png"],
img[src$="assets/img/update_2/shape/shape_3.png"],
img[src$="assets/img/update_2/shape/shape_4.png"],
img[src$="assets/img/update_2/shape/shape_5.png"],
img[src$="assets/img/update_2/shape/tomato_1.png"],
img[src$="assets/img/update_2/shape/tomato_2.png"],
img[src$="assets/img/update_2/shape/tomato_3.png"],
img[src$="assets/img/update_2/shape/tomato_4.png"],
img[src$="assets/img/update_2/shape/tomato_5.png"],
img[src$="assets/img/update_2/shape/tomato_6.png"],
img[src$="assets/img/update_2/shape/tomato_7.png"],
img[src$="assets/img/update_2/shape/tree_1.png"],
img[src$="assets/img/update_2/shape/tree_2.png"],
img[src$="assets/img/update_2/shape/tree_3.png"] {
  display: none !important;
}

/* Newsletter button: label + icon on one line needs a little more width. */
.newsletter-form .th-btn { min-width: max-content; padding-left: 24px; padding-right: 24px; }

/* Touch targets on inner pages (breadcrumb, shop, cart, checkout, blog). */
.breadcumb-menu a,
.woocommerce-review-link,
.product_meta a,
.posted_in a,
.tagged_as a,
.product-name a,
.cart-productname,
.showlogin,
.showcoupon,
.fs-xs .text-reset,
.recent-post .post-title a {
  padding-top: 5px;
  padding-bottom: 5px;
}
.product-thumbnail a { display: inline-block; }
a.remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  min-height: 28px;
}
.product-cb input[type="checkbox"] { width: 24px; height: 24px; }
.quantity .qty-btn { min-width: 28px; }
.stars a,
p.stars a { display: inline-block; min-width: 24px; min-height: 24px; }
.social-links a,
.author-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
}
.blog-img > a { display: block; }
.team-contact_text a { padding-top: 5px; padding-bottom: 5px; }

/* about-v2: the framed photo was 43px wider than a phone screen. */
@media (max-width: 575px) {
  .img-box2 .shape1 { left: 0; width: 100%; overflow: hidden; }
  .img-box2 .shape1 img { max-width: 100%; height: auto; }
}

/* Inner pages: decorative corner art in testimonial cards had been swapped for random
   photos (a river, people, an empty café) that covered the card text. Hide it. */
.testi-box_img,
.testi-block_shape { display: none !important; }

/* White text on photo backgrounds: add a dark veil. */
[style*="feature_bg_2"],
[style*="testi_bg_1"],
.breadcumb-wrapper,
.food-menu-header {
  position: relative;
  isolation: isolate;
}
[style*="feature_bg_2"]::after,
[style*="testi_bg_1"]::after,
.breadcumb-wrapper::after,
.food-menu-header::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: rgba(10, 10, 14, 0.62);
}
.breadcumb-wrapper::after { background: linear-gradient(90deg, rgba(10, 10, 14, 0.78), rgba(10, 10, 14, 0.4)); }
.food-menu-header::after { background: rgba(10, 10, 14, 0.45); }
[style*="testi_bg_1"] .sec-title,
[style*="testi_bg_1"] .sec-text { color: #fff; }

/* Contrast (WCAG AA): the theme red #eb0029 gave 4.27:1 against white (prices, sub-titles,
   white button labels). A slightly deeper red keeps the look and passes 4.5:1. */
:root { --theme-color: #d9002a; }
#slider .ls-button-layer { background-color: #d9002a !important; }
/* App Store button: white text on orange was 2.08:1. */
.download-btn.bg-theme2 { color: #111 !important; }
.download-btn.bg-theme2 .big-text,
.download-btn.bg-theme2 .small-text,
.download-btn.bg-theme2 i { color: #111 !important; }
/* Product tabs: the active tab label was the same colour as its background. */
.nav-link.th-btn.active,
.nav-link.th-btn.active:focus { color: #fff !important; background-color: var(--theme-color) !important; }
/* Skill % labels sit above the bar on the white page; give them that white explicitly. */
.skill-feature.style3 .progress-value { background-color: #fff; padding-left: 4px; }
/* Footer contact rows: text sat ~8px above the centre of its round icon. */
.info-box { align-items: center; }
.info-box .info-box_text { margin-top: 0; margin-bottom: 0; }

/* 404 page: the theme's 404 artwork had been replaced by two unrelated stock photos
   (a bar stool over a café), with the title on top. Show a clean 404 instead. */
section[style*="error_bg"] { background-image: none !important; }
section[style*="error_bg"] .error-img { display: none; }
section[style*="error_bg"] .error-content { text-align: center; }
section[style*="error_bg"] .error-content::before {
  content: "404";
  display: block;
  font-family: var(--title-font);
  font-weight: 800;
  font-size: clamp(96px, 22vw, 200px);
  line-height: 1;
  color: var(--theme-color);
  margin-bottom: 16px;
}

/* Verifikasi ulang akhir 2026-10-13: harga di keranjang/checkout #8b8b8b (3,4:1) → #666 (AA). */
tr.cart_item td span.amount, tr.cart_item td span.amount bdi { color: #666 !important; }