/* MDIX audit fixes — MDIX Kafe Niaga */

/* Founder signature was a grey "116X50" placeholder box. */
.author-sign img[src*="about/sign.png"] {
  display: none !important;
}
/* "HEALTHY FOODS" badge is an English-only graphic. */
img.sub-head[src*="hero/sub.png"],
img[src*="gallery/sub.png"] {
  display: none !important;
}

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

/* MDIX wordmark is a transparent 2x PNG (238x102): show it at its layout size. */
img[src*="/logo/logo-white.png"],
img[src*="/logo/logo-main.png"] {
  width: 119px;
  height: auto;
}

/* Primary controls: menu toggle and close button at least 44px. */
.header-navigation .navbar-toggler {
  padding-top: 13px;
  padding-bottom: 13px;
}
.header-navigation .navbar-close {
  width: 44px !important;
  height: 44px !important;
}
.header-navigation .navbar-toggler:focus-visible,
.header-navigation .navbar-close:focus-visible,
.cart-remove:focus-visible {
  outline: 2px solid var(--primary-color, #d39a5f);
  outline-offset: 3px;
}

/* Social icons: 44px touch targets. */
.footer-widget .widget-content .social-box a,
.header-navigation .theme-menu-bottom .social-link li a {
  width: 44px;
  height: 44px;
}

/* "Senin - Jumat:" broke over two lines in the 90px label column. */
.footer-time-widget .widget-content ul li span.days,
.bistly-open-box .content ul li span.days {
  width: auto;
  min-width: 110px;
  white-space: nowrap;
}

/* Phone gutters: 16px instead of 12px. */
@media (max-width: 575.98px) {
  .container,
  .container-fluid {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* Booking band: the café photo is busy, darken it so the orange label and button read. */
.rs-booking:after {
  background-color: rgba(24, 38, 37, 0.78) !important;
}

/* Cart: product thumbnails are product photos (not square) - crop, never squash;
   product title links get a 24px+ tap height. */
.product-thumb-item .product-thumbnail img {
  width: 60px;
  height: 60px;
  object-fit: cover;
}
.product-thumb-item .product-info .title a {
  display: inline-block;
  padding: 4px 0;
}

/* 992-1199px: the nested "Toko"/"Blog" flyout under "Halaman" ran 59px past the
   right edge. Open nested flyouts of the last two top-level items to the left. */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .header-navigation .main-menu > ul > li:nth-last-child(-n+2) .sub-menu li .sub-menu {
    left: auto;
    right: 100%;
  }
}

/* Blog comment: the absolute "Balas" link sat on top of longer author names. */
.comments-area .comment .comment-content {
  position: relative;
  padding-right: 64px;
}

/* Checkout form kept a 50px right padding on phones/tablets (only needed beside the sidebar). */
@media (max-width: 991.98px) {
  .bistly-billing-wrapper {
    padding-right: 0;
  }
}

/* Contact info cards: equal heights in a row. */
.contact-info-sec .row > [class*="col-"] { display: flex; }
.contact-info-sec .contact-info-box { width: 100%; }

/* ===== WCAG AA contrast (brand orange #D0965C fails AA as text colour / under white text) ===== */
/* Filled buttons: keep the orange, use dark text (5.5:1) instead of white (2.6:1). Hover is unchanged (white on dark green). */
.header-one ~ #smooth-wrapper .theme-btn.style-one,
.header-one .theme-btn.style-one {
  color: #16201f;
}
.theme-btn.style-one:hover,
.theme-btn.style-one:focus-visible {
  color: #fff;
}
/* Outline buttons sit on the dark green bands: lighter orange (5.0:1+). */
.theme-btn.style-two {
  color: #e8b47e;
  border-color: #e8b47e;
}
/* Small orange labels: darker caramel on light backgrounds (5.1:1), lighter orange on the dark bands. */
.header-one ~ #smooth-wrapper .sub-title {
  color: #9a622d;
}
.bistly-shop-details-sec .product-info p a {
  color: #9a622d !important;
}
.header-one ~ #smooth-wrapper .rs-enjoy-food .sub-title,
.header-one ~ #smooth-wrapper .rs-food-menu .sub-title,
.header-one ~ #smooth-wrapper .rs-booking .sub-title,
.header-one ~ #smooth-wrapper .rs-time-sec .sub-title,
.header-one ~ #smooth-wrapper .rs-testimonial .sub-title,
.header-one ~ #smooth-wrapper .bistly-features-sec .sub-title,
.header-one ~ #smooth-wrapper .section-title.text-white .sub-title {
  color: #e8b47e;
}
/* Prices: #FF4040 on white is 3.5:1 -> #C62828 (5.6:1). */
.bistly-product-item .product-info .ratings-price .price,
.bistly-menu-list-item .content h4 span,
.bistly-shop-details-sec .shop-details-wrapper .product-info .price,
.cart-total-box .cart-list li:last-child .list-item .total-price,
.billing-sidebar .checkout-total-box ul li:last-child .list-item .total-price {
  color: #c62828;
}
/* Header sits over the hero/banner photo; give it the same solid colour it gets when sticky,
   so the white menu links always have a solid dark background behind them. */
.header-area.header-one,
.header-area.header-two {
  background-color: var(--primary-black-color);
}