/* MDIX audit fixes — MDIX Restoran Ringkas */

/* The shared overflow guard (html { overflow-x: clip }) stopped body's overflow from propagating
   to the viewport, so the <body> became the scroll box: window scroll events never fired and the
   header, parallax and scroll animations broke. Let html stay visible; body still clips sideways. */
html {
  overflow: visible !important;
}

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

/* Header at exactly 768px: the theme's phone rules use max-width:768px while Bootstrap shows the
   desktop bar from 768px, so both applied and the bar broke (logo on top of "Layanan").
   At 768 we finish the phone layout instead: hamburger + dropdown, like 390. */
@media (min-width: 768px) and (max-width: 768px) {
  .navbar-header { float: none; }
  .navbar-toggle { display: block; }
  .navbar-collapse.collapse { display: none !important; }
  .navbar-collapse.collapse.in { display: block !important; overflow-y: auto; }
  .navbar-nav { float: none !important; right: auto; margin: 0 0 0 17px; }
  .navbar-nav > li { float: none; left: auto; }
  .navbar-nav > li.hidden-xs { display: none !important; }
  .navbar-brand.hidden-sm { display: block !important; }
}

/* Phone/tablet header after scrolling: the theme's script adds the dark (#1e1e1e) and the light
   (#eaeaea) bar classes in two different scroll events, so after a single jump (anchor link,
   reload mid-page) the bar was dark with a #111 menu icon = invisible hamburger. Always use the
   light bar the theme ends on (dark logo + dark icon stay readable). */
@media only screen and (max-width: 768px) {
  .navbar.navbar-bg-switch.main-navigation-bg { background: #eaeaea; }
}

/* Body text ≥ 12px (buttons in circles, contact strip, copyright were 9–11px) */
.more-button-txt-center,
.more-button-txt-center span { font-size: 12px; }
.contact-info-text,
.contact-info-text.large,
.contact-info-text a { font-size: 12px !important; }
.copyright,
.copyright a { font-size: 12px; }

/* Menu tabs: 15px-high tap targets → 44px; selected tab is marked */
.item-selector .item-button {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 0;
  border-bottom: 1px solid transparent;
}
.item-selector .item-button.is-active { color: #111; border-bottom-color: #111; }

/* Prices read "Rp165.000", not "RP165.000" */
.item-price { text-transform: none; white-space: nowrap; }

/* Phones: name left of the price, no half-width dotted leader */
@media (max-width: 767px) {
  .item-wrapper { align-items: center; }
  .item-name { flex: 1; text-align: left; margin: 0 12px 0 16px; }
  .item-divider { display: none; }
}

/* Service bars all go to 100% — the "100%" figure says nothing; keep the bars as lines only */
.skill-bar-percent,
.skill-bar-percent-2 { display: none; }

/* Gallery on tablets/large phones: 2 columns instead of six 1100px-tall photos in a row */
@media (min-width: 600px) and (max-width: 991px) {
  .legendary-gallery { display: flex; flex-wrap: wrap; }
  .legendary-gallery figure.col-sm-12 { width: 50%; }
}

/* Circle buttons ("Selengkapnya", "Semua artikel", "Tutup", "Kirim") had a second 11px rule */
.more-button-txt-center span,
.more-button-txt-center.more-button-txt-center-close span,
.more-button-txt-center button span { font-size: 12px !important; }

/* Footer: social links 16px high and logo/copyright links < 24px → comfortable tap areas */
#footer .social-icons li a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 4px;
}
#footer .social-icons li { display: inline-block; }
#footer a > img[alt="Logo Footer"] { display: block; }
#footer a:has(> img[alt="Logo Footer"]) { display: inline-block; padding: 8px; margin: -8px; }
.copyright a { display: inline-block; padding: 6px 0; margin: -6px 0; }

/* Verifikasi ulang akhir 2026-10-13: logo MDIX 59×35px tidak terbaca ("Restoran Ringkas" ±6px).
   File logo dibuat ulang 3× (288×170) dan ditampilkan 96px lebar. */
.logo .logo-light, .logo .logo-dark { width: 84px; }
.main-navigation-bg .logo .logo-light, .logo .logo-dark { height: 0; }
.logo .logo-light, .main-navigation-bg .logo .logo-dark { height: auto; }
#footer a > img[alt="Logo Footer"] { width: 96px; height: auto; }
/* Bilah lengket dan HP lebih pendek: logo diperkecil agar tidak terpotong. */
.main-navigation-bg .logo .logo-light, .main-navigation-bg .logo .logo-dark { width: 56px; }
@media only screen and (max-width: 768px) { .logo .logo-light, .logo .logo-dark { width: 56px; } }

/* Verifikasi ulang akhir 2026-10-13: menu aktif #b7b7b7 di bilah lengket putih dan menu HP abu-abu
   terbaca 1,97:1. Menu aktif kini sewarna menu lain dengan garis bawah (penanda tetap terlihat). */
.navbar-nav li.active, .navbar-nav > .active > a { color: #ffffff !important; text-decoration: underline !important; text-underline-offset: 6px; text-decoration-thickness: 2px; }
.main-navigation-bg .navbar-nav li.active, .main-navigation-bg .navbar-nav > .active > a { color: #111111 !important; }
@media (max-width: 767px) { .navbar-nav li.active, .navbar-nav > .active > a { color: #111111 !important; } }