/* MDIX audit fixes — MDIX Restoran Elegan */

/* Hero description is a single nowrap line from the slider; on phones it ran off both edges. */
@media (max-width: 767px) {
  .slide--bio {
    white-space: normal !important;
    width: 88vw !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  .slide--headline {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }
  .slide--bio br {
    display: none;
  }
}

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

/* Hero: judul skrip terlalu lebar di 360 & 992–1239 (terpotong di kiri-kanan). */
@media (max-width: 479px) {
  .slider .slide--subheadline { font-size: 22px !important; line-height: 1.3 !important; }
  .slider .slide--headline { font-size: 25px !important; }
}
@media (min-width: 768px) and (max-width: 1239px) {
  .slider .slide--headline { font-size: 60px !important; line-height: 1.3 !important; }
}

/* Header ponsel/tablet: tombol menu & ikon modul 36px -> 44px. */
@media (max-width: 991px) {
  .module-container { padding-top: 28px; }
  .module .module-icon { width: 44px; height: 44px; line-height: 44px; }
  .navbar-toggle {
    width: 44px; height: 44px; padding: 0;
    margin-top: 28px; margin-bottom: 28px;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
  }
  .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
  .module-reservation .btn-popup { width: 44px; height: 44px; line-height: 44px; }
  .module-reservation .btn-popup i { line-height: 42px; }
}
/* Logo: area klik setinggi header, bukan hanya 15px gambar. */
.header .navbar .navbar-header > a.logo { display: inline-block; }

/* Foto kartu menu tidak gepeng saat kolom tidak persegi (1024). */
.dish-panel img, .dish--img img, .menu-mixed-grid img { object-fit: cover; }

/* Teks kecil 11px -> 12px, link tag/kategori setinggi >= 24px. */
.entry--meta, .entry--meta a, .entry--date, .entry-meta a { font-size: 12px !important; }
.entry--meta a, .entry-meta a { display: inline-block; padding: 6px 0; }
.link--styled { display: inline-block; padding: 12px 0; }
.widget-tags .widget--content a { min-height: 24px; }

/* Nomor telepon tidak dipatah di tengah (768 / 844). */
.mdix-nowrap { white-space: nowrap; }

/* 768–991: kartu ketiga tab "Tentang" tidak menggantung sendirian di kiri. */
@media (min-width: 768px) and (max-width: 991px) {
  .banner-1 .row > .col-sm-6.col-md-4:nth-child(3):last-child { float: none; margin: 0 auto; }
}

/* Footer: tombol kirim newsletter 13px & ikon sosial 42px -> 44px. */
.footer--social-newsletter button { min-width: 44px; min-height: 44px; }
.footer--social-icons a { width: 44px; height: 44px; line-height: 44px; }

/* Halaman dalam (blog dll.): area sentuh link kecil >= 24px. */
.entry--img > a, .entry-img > a { display: block; }
.entry--share a, .entry-bio-desc a, .widget-social a {
  display: inline-block; min-width: 24px; min-height: 24px; line-height: 24px; text-align: center;
}
.breadcrumb a, .comment a.reply, .entry-desc a, .entry-title a, .entry--title a, .widget-recent-posts .entry-meta a {
  display: inline-block; padding-top: 4px; padding-bottom: 4px;
}
.comment a.reply { padding-top: 6px; padding-bottom: 6px; }

/* Judul artikel berbahasa Indonesia jangan dipaksa Title Case ("Untuk", "Ala"). */
.widget-recent-posts .entry .entry-title a, .entry-prev-next .entry-desc a, .entry-related .entry--title a,
.title .breadcrumb > .active { text-transform: none; }

/* Tombol ikon reservasi di ponsel: label disembunyikan secara aksesibel (bukan font-size 0). */
@media (max-width: 991px) {
  .module-reservation .btn-popup .mdix-btn-label {
    position: absolute; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0 0 0 0); white-space: nowrap; font-size: 12px;
  }
}

/* 992–1239: Revolution Slider menyusut ke ±578px, tapi seksi #slider tetap 700px -> pita putih 120px. */
@media (min-width: 992px) and (max-width: 1239px) {
  #slider.slider { height: auto; }
}

/* D-20: emas tema #c59d5f hanya 2,51:1 di atas putih -> dipergelap untuk teks kecil & tombol Tutup (AA 4,98:1). Dekorasi/garis tetap emas asli. */
.heading .heading--subtitle,
.entry--meta a,
.entry--meta span a { color: #8c6a30; }
.module-cancel,
.module-active .module-hamburger .module-widgets .module-cancel { background-color: #8c6a30; color: #fff; }

/* Kontras AA (dibuka lagi 2026-10-12): deskripsi judul #a5a5a5 (2,46:1), tag panel #9b9b9b (2,78:1) dan tab aktif emas (2,51:1) di atas putih.
   Hanya untuk halaman terang; halaman gelap (body.page-dark) dan judul putih di atas foto tetap warna asli. */
body:not(.page-dark) .heading .heading--desc { color: #6b6b6b; }
body:not(.page-dark) .heading:has(.text-white) .heading--desc { color: #a5a5a5; }
body:not(.page-dark) .widget-tags .widget--content a:not(:hover):not(:focus) { color: #6b6b6b; }
body:not(.page-dark) .tabs .nav-tabs > li.active > a,
body:not(.page-dark) .tabs .nav-tabs > li > a:hover,
body:not(.page-dark) .tabs .nav-tabs > li > a:focus { color: #8c6a30; }
/* Teks abu #a5a5a5 (2,46:1) dan emas #c59d5f (2,51:1) di kartu putih: deskripsi menu/kartu, harga, label rekomendasi, subjudul kartu. */
body:not(.page-dark) .banner-panel .banner--content p,
body:not(.page-dark) .dish-panel .dish--desc,
body:not(.page-dark) .blog-entry .entry--bio { color: #6b6b6b; }
body:not(.page-dark) .banner-panel .banner--content h3,
body:not(.page-dark) .dish-panel .dish--price { color: #8c6a30; }
.dish-panel .dish--tag { background-color: #8c6a30; }

/* Teks isi tema #a5a5a5 di atas putih hanya 2,46:1 (halaman dalam juga). Di area terang dipergelap ke #6b6b6b (5,3:1);
   di area gelap (footer, seksi foto/overlay, slider, judul halaman, halaman gelap) warna asli tetap.
   Spesifisitas dijaga rendah (:where) supaya aturan komponen tema yang lebih khusus tetap berlaku. */
body:where(:not(.page-dark)) { color: #6b6b6b; }
:where(footer, .footer, .bg-overlay, .bg-parallax, .slider, .page-title, .bg-dark, .bg-overlay-dark, .bg-overlay-dark4, .bg-overlay-gradient) { color: #a5a5a5; }
p:where(:not(:is(footer, .footer, .bg-overlay, .bg-parallax, .slider, .page-title, .bg-dark, .bg-overlay-dark, .bg-overlay-dark4, .bg-overlay-gradient, .page-dark) p)) { color: #6b6b6b; }
:is(.testimonial--author h4, .contact .contact--desc p, .member .member-info h6, .accordion .panel .panel--body, table tbody tr td, .number-panel .number--content p, .widget-info .info--content, .widget-filter label):where(:not(:is(footer, .footer, .bg-overlay, .bg-parallax, .slider, .page-title, .bg-dark, .bg-overlay-dark, .bg-overlay-dark4, .bg-overlay-gradient, .page-dark) *)) { color: #6b6b6b; }
:is(.history-panel h6, ul.comments-list .comment-body .comment a.reply, .contact--info a.link--styled, .number-panel .number--content h6, .product--content .product--price, .shop-product .product-price, .blog-entry .entry--meta .entry--cat a):where(:not(:is(footer, .footer, .bg-overlay, .bg-parallax, .slider, .page-title, .bg-dark, .bg-overlay-dark, .bg-overlay-dark4, .bg-overlay-gradient, .page-dark) *)) { color: #8c6a30; }
/* Halaman gelap (homepage-13-dark): emas gelap D-20 tidak dipakai di atas #222; tanggal blog #686868 -> #a5a5a5; kartu menu putih tetap dipergelap. */
.page-dark .entry--meta a, .page-dark .entry--meta span a { color: #c59d5f; }
.page-dark .blog-entry .entry--date { color: #a5a5a5; }
.page-dark .dishes-wrapper.text--center .dish-panel > .dish--desc { color: #6b6b6b; }
.page-dark .dishes-wrapper.text--center .dish-panel > .dish--price { color: #8c6a30; }

/* D-20 lanjutan (halaman dalam): tombol emas putih-di-emas 2,51:1 -> latar #8c6a30 (4,98:1); teks emas/abu kecil di area terang. */
.btn.btn--primary:not(.btn--bordered):not(.btn--link):not(:hover):not(:focus),
.module-reservation .btn-popup-theme:not(:hover) { background-color: #8c6a30; border-color: #8c6a30; }
:is(.btn--link.btn--primary, .btn--bordered.btn--primary, .btn.btn--link, .alerts .alert-content h4, .shop-product .product-details ul li, .cart-total-amount ul li, .product-tabs .nav-tabs > li.active > a, .widget-categories ul li a span, .widget-tweets ul li a, .twitter-follow a):not(:hover):where(:not(:is(footer, .footer, .bg-overlay, .bg-parallax, .slider, .page-title, .bg-dark, .bg-overlay-dark, .bg-overlay-dark4, .bg-overlay-gradient, .page-dark) *)) { color: #8c6a30; }
.btn--bordered.btn--primary:not(:hover):where(:not(:is(footer, .footer, .bg-overlay, .bg-parallax, .slider, .page-title, .bg-dark, .bg-overlay-dark, .bg-overlay-dark4, .bg-overlay-gradient, .page-dark) *)) { border-color: #8c6a30; }
:is(.list li, .alerts .alert-content p, .shop-product .product-review span, .shop-product .product-review span a, .shop-product .product-desc p, .shop-product .product-details ul li span, .cart-total-amount ul li span, .reservation--dec):where(:not(:is(footer, .footer, .bg-overlay, .bg-parallax, .slider, .page-title, .bg-dark, .bg-overlay-dark, .bg-overlay-dark4, .bg-overlay-gradient, .page-dark) *)) { color: #6b6b6b; }
/* Sisa D-20: tab produk (tema memakai !important), deskripsi form reservasi di kartu putih, judul kotak reservasi footer-10. */
body:not(.page-dark) .product-tabs .nav-tabs > li.active > a { color: #8c6a30 !important; }
.reservation-form.bg-white .reservation--dec { color: #6b6b6b; }
.footer-10 .footer--reservation h3 { background-color: #8c6a30; }

/* Verifikasi ulang akhir 2026-10-13: harga Rupiah di tabel harga (elements-pricing) tidak boleh patah. */
.pricing .pricing--heading p { white-space: nowrap; font-size: 40px; letter-spacing: 0; }
.pricing .pricing--heading p span.time { display: block; margin-top: 6px; }
@media (min-width: 768px) and (max-width: 1199px) { .pricing .pricing--heading p { font-size: 28px; } .pricing .pricing--heading span.currency { font-size: 18px; } }
/* Target sentuh ≥24px: breadcrumb judul halaman dan tautan meta blog. */
.breadcrumb > li > a, .entry--meta span a { display: inline-block; min-height: 24px; min-width: 24px; line-height: 24px; }

/* Verifikasi ulang akhir 2026-10-13: logo MDIX 107×39px dengan teks ±11px terlalu kecil.
   File logo-light/dark/footer dibuat ulang 3× (361×123) dan ditampilkan 132px (HP 116px). */
.logo img.logo-light, .logo img.logo-dark, img[src$="logo/logo-footer.png"] { width: 132px; height: auto; max-width: none; }
@media (max-width: 767px) { .logo img.logo-light, .logo img.logo-dark { width: 116px; } }