/* MDIX Bakery Utama — perbaikan audit template */

/* Logo MDIX berwarna putih: beri lencana bulat toska agar terbaca di header putih */
.main-header .main-box .logo a {
  display: block;
  width: 185px;
  height: 185px;
  border-radius: 50%;
  background-color: #5fcac7;
  box-shadow: 0 6px 18px rgba(75, 67, 66, 0.18);
}

/* Harga dalam Rupiah lebih panjang dari "$15": kecilkan sedikit agar muat di kartu */
.pricing-table .price-box .price {
  font-size: 34px;
  white-space: nowrap;
}
.pricing-table .price-box .price sup {
  font-size: 18px;
  margin-right: 2px;
}

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

/* Kontras AA: toska & pink merek terlalu terang untuk teks putih / teks di atas putih (D-20) */
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li > ul > li > ul > li.current > a,
.main-menu .navigation > li > ul > li.current > a,
.main-menu .navigation > li.current > a { color: #237a77; }
.call-to-action .shape_wrapper .overlay { background-color: rgba(30, 122, 102, 0.9); }
.testimonial-section .shape_wrapper .overlay { background-color: #c8475f; }
.features-section .shape_wrapper .overlay { background-color: rgba(0, 0, 0, 0.62); }

/* Tombol menu, keranjang, cari: target sentuh 44px */
.nav-outer .mobile-nav-toggler {
  min-width: 44px;
  min-height: 44px;
  line-height: 34px;
  text-align: center;
}
.main-header .cart-btn > a {
  min-width: 44px;
  min-height: 44px;
  line-height: 44px;
  text-align: center;
}
.main-header .search-box .search-btn { min-width: 44px; min-height: 44px; }
.mobile-header .logo a,
.sticky-header .logo a { display: inline-block; min-height: 44px; }

/* Footer HP: logo tidak raksasa, jarak antar-kolom lebih rapat */
@media (max-width: 767px) {
  .main-footer .footer-logo img { max-width: 180px; height: auto; }
}

/* CLS: sediakan tinggi hero Revolution Slider sebelum JS-nya jalan (rasio grid 1920/1280/800 × 850) */
.main-slider { min-height: 44.27vw; }
@media (max-width: 777px) { .main-slider { min-height: 66.4vw; } }
@media (max-width: 480px) { .main-slider { min-height: 106.25vw; } }

/* Kontras AA (D-20): semua teks & tombol berwarna toska/pink tema memakai nada yang lebih gelap.
   Daftar selektor diambil otomatis dari css/style.css (warna asli #5fcac7 / #ff91a4). */
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option--highlighted[aria-selected],
.accordion-box .block .icon-outer,
.btn-style-one:hover span:before, .btn-style-one:hover,
.theme-btn.bg-sky:hover, .theme-btn.bg-sky:hover span:before,
.theme-btn.border-sky, .theme-btn.border-sky span:before,
.main-menu .navigation > li:hover > a, .main-menu .navigation > li > ul > li > ul > li.current > a, .main-menu .navigation > li > ul > li.current > a, .main-menu .navigation > li.current > a,
.main-menu .navigation > li > ul > li:hover > a,
.main-menu .navigation > li > ul > li > ul > li > a:hover,
.shopping-cart .cart-item:hover .item-name,
.shopping-cart .item-quantity,
.shopping-cart .cart-item .remove-item:hover,
.shopping-cart .theme-btn:hover,
.mobile-menu .navigation li.current > a,
.portfolio-single .term,
.browse-recipe .browse-dropdown a,
.browse-recipe .browse-dropdown a:hover,
.recipes-section-three .title-column h3 span,
.cooked-recipe-info a,
.cooked-recipe-info a:hover,
.contact-section .contact-info li a:hover,
.categories-list li:before,
.comments-area .comment-box .name,
.shop-item .name a:hover,
.product-details .image-column .image .icon,
.cart-section .proceed-btn, .cart-section .cart-options .coupon-btn, .cart-section .cart-options .cart-btn,
.cart-section .totals-table .total-price,
.checkout-page .default-links .message-box a:hover,
.order-box table .order-total,
.payment-box .payment-options .text a:hover, .payment-box .payment-options .text a,
.login-form .form-group input[type="submit"]:hover, .login-form button:hover,
.login-form .psw,
.screenshots-section .title-column h3 span { color: #237a77; }
.list-style-one li:before,
.theme-btn.bg-pink:hover, .theme-btn.bg-pink:hover span:before,
.theme-btn.border-pink, .theme-btn.border-pink span:before,
.scroll-to-top,
.chef-section h4,
.our-standards h4,
.our-standards .content .icon,
.portfolio-tabs .tab-btn:hover, .portfolio-tabs .tab-btn.active-btn,
.mixitup-gallery .filter.active,
.portfolio-block-four .title-box h3 a:hover,
blockquote:before, blockquote:after,
.recipe-block-two .date,
.recipe-block-two .post-info li a:hover,
.recipe-block-two .post-info li .icon,
.team-block .social-links li a:hover,
.team-block .name a:hover,
.team-single .social-links li a:hover,
.team-single .name a:hover,
.news-block .image-column .date,
.news-block h3 a:hover,
.news-block .post-info li a:hover,
.news-block .post-info li .icon,
.news-block .owl-next:hover, .news-block .owl-prev:hover,
.styled-pagination li a:hover, .styled-pagination li .current,
.quote-box:before, .quote-box:after,
.team-block-two .text,
.team-block-two .text a,
.comment-form .form-group input[type="submit"], .comment-form .form-group button,
.product-details .basic-details .details-header .item-price,
.product-details .other-options .add-to-cart:hover,
.product-details .product-meta li a,
.checkout-page .default-links .message-box a,
.payment-box .lower-box .theme-btn:hover { color: #c8475f; }
.default-tabs .tab-buttons li.active-btn,
.accordion-box .block.active-block,
.theme-btn.bg-sky, .theme-btn.bg-sky span:before,
.theme-btn.border-sky:hover, .theme-btn.border-sky:hover span:before,
.main-header .cart-btn .count,
.shopping-cart .theme-btn,
.mobile-menu .close-btn,
.cooked-recipe-search .search-recipe-submit .theme-btn,
.pricing-table.tagged .price-box .title,
.newslatter-form .form-group input[type="submit"]:hover, .newslatter-form .form-group button:hover,
.tag-list li a:hover,
.cart-section .proceed-btn:hover, .cart-section .cart-options .coupon-btn:hover, .cart-section .coupon-btn:hover,
.cart-section .cart-options .cart-btn:hover,
.cart-section .totals-table .proceed-btn:hover,
.payment-box .payment-options li .radio-option label .small-text,
.login-form .form-group input[type="submit"], .login-form button { background-color: #237a77; }
.theme-btn.bg-pink, .theme-btn.bg-pink span:before,
.theme-btn.border-pink:hover, .theme-btn.border-pink:hover span:before,
.pricing-table .price-box .title,
.team-block .social-links li a,
.team-single .social-links li a,
.sidebar .search-widget .form-group input[type="submit"], .sidebar .search-widget .form-group button,
.tag-list li a,
.comment-form .form-group input[type="submit"]:hover, .comment-form .form-group button:hover,
.shop-item .sale-tag,
.product-details .other-options .add-to-cart,
.cart-section .totals-table .proceed-btn,
.payment-box .lower-box .theme-btn { background-color: #c8475f; }
.pricing-table .pricing-svg svg { fill: #2a8a87; }
.pricing-table .inner-box { border-color: #2a8a87; }
.pricing-table.tagged .pricing-svg svg { fill: #c8475f; }
.pricing-table.tagged .inner-box { border-color: #c8475f; }
.shop-item .price del, del { color: #767676; }

/* Filter harga toko: label "Harga:" + rentang Rupiah di baris sendiri, tombol di bawahnya */
.range-slider-one .title:before { content: none; }
.range-slider-one .input-box,
.range-slider-one .btn-box { float: none !important; display: block; }
.range-slider-one .title { float: none; margin-bottom: 4px; }
.range-slider-one .input { float: none; left: 0; max-width: none; padding-left: 0; }
.range-slider-one .input input { width: 100%; }
.range-slider-one .btn-box { margin-top: 10px; }

/* Tentang Kami: latar foto pengganti terlalu ramai untuk teks gelap → lapisan krem tipis (seperti latar pucat aslinya) */
.about-section-two.alternate,
.our-standards,
.chef-section { position: relative; }
.about-section-two.alternate::before,
.our-standards::before,
.chef-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 251, 247, 0.86);
  pointer-events: none;
}
.about-section-two.alternate > *,
.our-standards > *,
.chef-section > * { position: relative; z-index: 1; }

/* Target sentuh ≥ 24px untuk link teks kecil di halaman dalam (WCAG 2.5.8) */
.page-title .page-breadcrumb li a,
.news-block .post-info li a,
.shop-item .name a,
.cart-section .cart-table td a,
.checkout-page .payment-box a,
.login-form .psw,
.product-details .reviews,
.related-products .shop-item .name a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}
.styled-pagination li a {
  min-width: 24px;
  min-height: 24px;
  line-height: 24px;
  text-align: center;
}
.cart-section .cart-table .remove { display: inline-block; min-width: 24px; min-height: 24px; line-height: 24px; text-align: center; }
.load-more .back_link { min-width: 24px; min-height: 24px; }

/* Putaran 2: sisa kontras & tata letak halaman toko */
.main-footer.style-seven .footer-widget p,
.main-footer.style-seven .footer-widget p a,
.main-footer.style-six p,
.main-footer.style-six p a { color: #e6e1df; }
.product-details .basic-details .details-header .reviews { color: #6b6b6b; }
.prod-tabs .tab-btns .tab-btn { color: #5f5f5f; }
.team-block-two .text a { color: #a63650; display: inline-block; min-height: 24px; line-height: 24px; }
.shopping-cart .remove-item { min-width: 24px; min-height: 24px; }
/* tombol "Lihat Keranjang" / "Pembayaran" di sidebar toko: bertumpuk penuh, teks tidak keluar tombol */
.cart-widget .shopping-cart .cart-footer .theme-btn {
  display: block;
  width: 100%;
  float: none;
  margin: 8px 0 0;
  letter-spacing: 0.5px;
}

/* D-28: only one portfolio detail page exists, so prev/next stay hidden (layout kept). */
.post-control-option .mdix-pager-off { visibility: hidden; }
