/* MDIX Fashion Prima — audit fixes */

/* Theme demo language/currency switchers do nothing: hide them. */
.header-top-lan,
.header-top-curr,
.offcanvas-lag-curr {
  display: none !important;
}

/* Hero: soft white wash on the left so the headline stays readable over the photo. */
.hero-slide-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 0) 70%);
  pointer-events: none;
}
@media (max-width: 767px) {
  .hero-slide-bg::after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0.35) 100%);
  }
}

/* Promo banners: dark wash + white text so the copy reads on any photo. */
.banner:has(.info) .banner-image a {
  position: relative;
}
.banner:has(.info) .banner-image a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.35) 55%, rgba(0, 0, 0, 0.05) 100%);
  pointer-events: none;
}
.banner .info {
  z-index: 2;
}
.banner .small-banner-content .sub-title,
.banner .small-banner-content .title {
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

/* Brand-logo strip only has grey "132x84" placeholders: hide it. */
.section:has(.brand-logo-carousel) {
  display: none !important;
}

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

/* Small product lists (Penawaran Terbaik/Produk Terbaru/Terlaris): the carousel pulls itself 15px out
   and expects .product padding, but these items are .single-product-list -> thumbs stuck out of the gutter. */
.product-list-carousel .single-product-list,
.product-list-carousel-2 .single-product-list,
.product-list-carousel-3 .single-product-list {
  padding: 0 15px;
}

/* Phone top bar: theme drops the message to 10px. */
@media (max-width: 479px) {
  .header-top-message,
  .header-top-message a {
    font-size: 12px;
  }
}

/* Phone menu button: theme box is 21px wide. */
.header-action-btn-menu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}
@media (min-width: 1200px) {
  .header-action-btn-menu { display: none !important; }
}

/* Touch targets: card titles/brands, slider dots, footer social icons. */
.product .content .title a,
.product .content .sub-title a,
.single-product-list .content .title a,
.cart-product-content .title a {
  display: inline-block;
  padding: 3px 0;
}
.swiper-pagination-bullet {
  width: 24px !important;
  height: 24px !important;
  padding: 6px;
  background-clip: content-box;
  box-sizing: border-box;
}
.footer-social-inline a,
.widget-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
}

/* Grey helper text below AA. */
.ratings .rating-num,
.price .old,
.old-price,
.old-price del {
  color: #666 !important;
}

/* Promo banners: dark base under the photo (the text sits on a dark wash). */
.banner:has(.info) .banner-image,
.banner:has(.info) {
  background-color: #2b2b2b;
}

/* Theme cursor icon file is missing (404). */
.single-product-gallery img,
.product-details-img img,
.gallery-top img,
.single-product-slider img {
  cursor: zoom-in !important;
}

/* Detail product colour swatch (one colour: olive). */
.product-color-variation .mdix-swatch-olive {
  background-color: #5b5a22;
  border-color: #5b5a22;
}

/* Brand red #ff4545 fails AA (3.39:1 with white text, 2.77:1 on the grey top bar).
   Same selectors as style.css, darker shade #c81e1e (5.74:1 on white). */
:root { --bs-primary: #c81e1e; }
.form-check-input:checked { background-color: #c81e1e; border-color: #c81e1e; }
.form-check-input[type="checkbox"]:indeterminate { background-color: #c81e1e; border-color: #c81e1e; }
.form-range::-webkit-slider-thumb { background-color: #c81e1e; }
.form-range::-moz-range-thumb { background-color: #c81e1e; }
.btn-primary { background-color: #c81e1e; border-color: #c81e1e; }
.btn-primary:disabled, .btn-primary.disabled { background-color: #c81e1e; border-color: #c81e1e; }
.btn-outline-primary { color: #c81e1e; border-color: #c81e1e; }
.btn-outline-primary:hover { background-color: #c81e1e; border-color: #c81e1e; }
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { background-color: #c81e1e; border-color: #c81e1e; }
.btn-outline-primary:disabled, .btn-outline-primary.disabled { color: #c81e1e; }
.dropdown-item.active, .dropdown-item:active { background-color: #c81e1e; }
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { background-color: #c81e1e; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link { background-color: #c81e1e; }
.page-link { color: #c81e1e; }
.page-item.active .page-link { background-color: #c81e1e; border-color: #c81e1e; }
.progress-bar { background-color: #c81e1e; }
.list-group-item.active { background-color: #c81e1e; border-color: #c81e1e; }
.link-primary { color: #c81e1e; }
.border-primary { border-color: #c81e1e !important; }
.text-primary { color: #c81e1e !important; }
.bg-primary { background-color: #c81e1e !important; }
.section-title span { background: #c81e1e; }
.swiper-pagination .swiper-pagination-bullet:hover:before { background: #c81e1e; }
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #c81e1e; }
.swiper-pagination.swiper-pagination-primary .swiper-pagination-bullet:hover:before { background: #c81e1e; }
.swiper-pagination.swiper-pagination-primary .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 2px solid #c81e1e; background: #c81e1e; }
.widget-social a:hover { color: #c81e1e; }
input[type="checkbox"] + label:after { color: #c81e1e; }
input[type="checkbox"]:checked + label:before { border: 1px solid #c81e1e; }
.link::before { color: #c81e1e; }
.link:hover { color: #c81e1e; }
.scroll-top:hover { background-color: #c81e1e; }
.header-top-links a:hover { color: #c81e1e; }
.header-top-lan-curr-link .dropdown .dropdown-toggle:hover { color: #c81e1e; }
.header-top-lan-curr-link .dropdown .dropdown-menu { border-bottom: 3px solid #c81e1e; }
.header-top-lan-curr-link .dropdown .dropdown-menu li .dropdown-item:hover, .header-top-lan-curr-link .dropdown .dropdown-menu li .dropdown-item.active { color: #c81e1e; }
.header-top-message a { color: #c81e1e; }
.main-menu > ul > li > a:hover, .main-menu > ul > li > a.active { color: #c81e1e; }
.main-menu > ul > li > a > span:before { background-color: #c81e1e; }
.main-menu ul .has-children .sub-menu { border-bottom: 3px solid #c81e1e; }
.main-menu ul .has-children .sub-menu li a:hover { color: #c81e1e; }
.mega-menu { border-bottom: 3px solid #c81e1e; }
.mega-menu > li .mega-menu-title::after { background: #c81e1e; }
.mega-menu > li > ul a:hover { color: #c81e1e; }
.header-actions .header-action-btn:hover { color: #c81e1e; }
.header-actions .header-action-btn .header-action-num { background-color: #c81e1e; }
.mobile-menu-inner .offcanvas-btn-close i:hover { color: #c81e1e; }
.mobile-menu > .has-children.active > a { color: #c81e1e; }
.mobile-menu > li > a:hover { color: #c81e1e; }
.contact-links li a:hover { color: #c81e1e; }
.contact-links li i { color: #c81e1e; }
.cart-offcanvas-inner .offcanvas-btn-close i:hover { color: #c81e1e; }
.cart-product-wrapper .single-cart-product .cart-product-content .title a:hover { color: #c81e1e; }
.cart-product-wrapper .cart-product-remove a:hover { color: #c81e1e; }
.offcanvas-search-inner .offcanvas-btn-close i:hover { color: #c81e1e; }
.hero-slider .main-slider-nav:hover { color: #c81e1e; }
.single-footer-widget .widget-address li a:hover { color: #c81e1e; }
.single-footer-widget .widget-list li a:hover { color: #c81e1e; }
.single-footer-widget .newsletter-form-wrap .email-box:focus { border-bottom: 1px solid #c81e1e; }
.footer-bottom .copyright-content a:hover { color: #c81e1e; }
.btn-primary { border-color: #c81e1e; background-color: #c81e1e; }
.btn-outline-primary { color: #c81e1e; border-color: #c81e1e; }
.btn-outline-primary:hover { background-color: #c81e1e; }
.btn-warning { color: #c81e1e; }
.btn-light { color: #c81e1e; }
.btn-hover-primary:hover, .btn-hover-primary:not(:disabled):not(.disabled).active { background-color: #c81e1e; }
.btn-outline-hover-primary:hover, .btn-outline-hover-primary:not(:disabled):not(.disabled).active { color: #c81e1e; }
.banner:hover .small-banner-content .btn { background: #c81e1e; }
.banner .small-banner-content .sub-title span { color: #c81e1e; }
.product-tab-nav .nav-item .nav-link:after { color: #c81e1e; background: #c81e1e; }
.product-tab-nav .nav-item .nav-link:hover, .product-tab-nav .nav-item .nav-link.active { color: #c81e1e; }
.product .thumb .actions .action.active { color: #c81e1e; }
.product .thumb .actions .action:hover:not(.active) { background-color: #c81e1e; }
.product .content .sub-title:hover { color: #c81e1e; }
.product .content .title a:hover { color: #c81e1e; }
.product-carousel .swiper-button-prev i:hover, .product-carousel .swiper-button-next i:hover, .product-deal-carousel .swiper-button-prev i:hover, .product-deal-carousel .swiper-button-next i:hover { background: #c81e1e !important; }
.price span.new { color: #c81e1e; }
.product-list-title span { border: 1px solid #c81e1e; }
.single-product-list .content .title a:hover { color: #c81e1e; }
.product-list-carousel .swiper-button-prev i:hover, .product-list-carousel .swiper-button-next i:hover,
.product-list-carousel-2 .swiper-button-prev i:hover,
.product-list-carousel-2 .swiper-button-next i:hover,
.product-list-carousel-3 .swiper-button-prev i:hover,
.product-list-carousel-3 .swiper-button-next i:hover { background: #c81e1e !important; }
.breadcrumb-content ul li a:hover { color: #c81e1e; }
.pagination .page-item .page-link.active { background: #c81e1e; border-color: #c81e1e; }
.pagination .page-item .page-link:hover { background: #c81e1e; border-color: #c81e1e; }
.sidebar_widget .widget_inner .search-box .form-control:focus { border-color: #c81e1e; }
.sidebar_widget .widget_inner .widget-list .category-menu > li > a:hover { color: #c81e1e; }
.sidebar_widget .widget_inner .widget-list .slider-range-submit:hover { background: #c81e1e; }
.sidebar_widget .widget_inner .widget-list .slider-range-amount:focus { border: 1px solid #c81e1e; }
.sidebar-list > li > a:hover { color: #c81e1e; }
.sidebar-list .btn:focus { border-color: #c81e1e; }
.tags li a:hover { background: #c81e1e; border-color: #c81e1e; }
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover { background: #c81e1e; border-color: #c81e1e; }
.modal-product-carousel .swiper-button-prev i:hover, .modal-product-carousel .swiper-button-next i:hover { background: #c81e1e !important; }
.blog-content .post-meta span a:hover { color: #c81e1e; }
.blog-content .title a:hover { color: #c81e1e; }
.blog-details .content .meta-list a:hover { color: #c81e1e; }
.blog-details .share-article .left-side a:hover { color: #c81e1e; }
.blog-details .share-article .right-side a:hover { color: #c81e1e; }
.comment-area-wrapper .single-comment-wrap .comments-info .author a:hover { color: #c81e1e; }
.comment-area-wrapper .single-comment-wrap .comments-info .btn-reply:hover { color: #c81e1e; }
.blog-comment-form-wrapper .comment-box .input-area:focus { border: 1px solid #c81e1e; }
.shop_toolbar_wrapper .shop_toolbar_btn button.active { border: 1px solid #c81e1e; color: #c81e1e; }
.shop_toolbar_wrapper .shop_toolbar_btn button:hover { color: #c81e1e; border-color: #c81e1e; }
.shop_toolbar_wrapper .shop-top-bar-right .shop-short-by .nice-select li:hover { color: #c81e1e; }
.shop_toolbar_wrapper .shop-top-bar-right .shop-short-by .nice-select:focus { border-color: #c81e1e; }
.single-product-tab .nav-tabs .nav-item .nav-link:hover { color: #c81e1e; }
.single-product-tab .nav-tabs .nav-item .nav-link.active { color: #c81e1e; }
.single-product-tab .comments-reply-area .comment-input input:focus, .single-product-tab .comments-reply-area .comment-input textarea:focus, .single-product-tab .comments-reply-area .comment-form-comment input:focus, .single-product-tab .comments-reply-area .comment-form-comment textarea:focus { border-color: #c81e1e; }
.product-summery .price-box .regular-price { color: #c81e1e; }
.product-summery .social-share a:hover { color: #c81e1e; }
.product-details-img .single-product-thumb .swiper-slide-thumb-active img { border-color: #c81e1e; }
.product-details-img .single-product-thumb .swiper-button-prev i:hover, .product-details-img .single-product-thumb .swiper-button-next i:hover { background: #c81e1e !important; }
.product-thumb-vertical .swiper-slide-thumb-active img { border-color: #c81e1e; }
.product-thumb-vertical .swiper-button-prev i:hover, .product-thumb-vertical .swiper-button-next i:hover { background: #c81e1e !important; }
.quantity .cart-plus-minus > .qtybutton:hover { background-color: #c81e1e; }
.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active { background-color: #c81e1e; border-color: #c81e1e; }
.myaccount-content form .single-input-item input:focus { border: 1px solid #c81e1e; }
.myaccount-content .welcome a:hover { color: #c81e1e; }
.myaccount-content .welcome strong { color: #c81e1e; }
.saved-message { border-top: 3px solid #c81e1e; }
.login-wrapper .single-input-item input:focus, .register-wrapper .single-input-item input:focus { border: 1px solid #c81e1e; }
.login-wrapper .single-input-item input[type="checkbox"] + label:before, .register-wrapper .single-input-item input[type="checkbox"] + label:before { border-color: #c81e1e; }
.login-wrapper .forget-pwd:hover, .register-wrapper .forget-pwd:hover { color: #c81e1e; }
.login-wrapper .lost-password a:hover, .register-wrapper .lost-password a:hover { color: #c81e1e; }
.wishlist-table .table tbody td a:hover { color: #c81e1e; }
.cart-table .table tbody td a:hover { color: #c81e1e; }
.cart-update-option .apply-coupon-wrapper form input:focus, .cart-update-option .apply-coupon-wrapper form input:active { border-color: #c81e1e; }
.cart-calculator-wrapper .cart-calculate-items .table tr td.total-amount { color: #c81e1e; }
.compare-table .table tbody tr td.product-image-title .category { color: #c81e1e; }
.compare-table .table tbody tr td.product-image-title .title:hover { color: #c81e1e; }
.compare-table .table tbody tr td.pro-remove button:hover { color: #c81e1e; }
.coupon-accordion span:hover { color: #c81e1e; }
.coupon-accordion .coupon-content .coupon-info p.form-row-first label span .required, .coupon-accordion .coupon-content .coupon-info p.form-row-last label span .required { color: #c81e1e; }
.coupon-accordion .coupon-content .coupon-info p.form-row-first input:focus, .coupon-accordion .coupon-content .coupon-info p.form-row-last input:focus { border: 1px solid #c81e1e; }
.coupon-accordion .coupon-content .coupon-info .lost-password a:hover { color: #c81e1e; }
.coupon-checkout-content .coupon-info .checkout-coupon input[type="text"]:focus { border: 1px solid #c81e1e; }
.checkbox-form .title::before { background: #c81e1e; }
.checkbox-form .checkout-form-list input[type="text"]:focus,
.checkbox-form .checkout-form-list input[type="password"]:focus,
.checkbox-form .checkout-form-list input[type="email"]:focus { border: 1px solid #c81e1e; }
.checkbox-label:hover { color: #c81e1e; }
.order-notes textarea:focus { border: 1px solid #c81e1e; }
.your-order-area .title::before { background: #c81e1e; }
.payment-accordion .single-payment .panel-title .collapse-off:hover { background: #c81e1e; }
.contact-form-wrapper .input-item input[type="text"]:focus,
.contact-form-wrapper .input-item input[type="password"]:focus,
.contact-form-wrapper .input-item input[type="email"]:focus,
.contact-form-wrapper .input-item textarea:focus { border: 1px solid #c81e1e; }
.single-contact-info .single-contact-title-content .desc-content a:hover { color: #c81e1e; }
.error_form .title { color: #c81e1e; }
.error_form .search-form-error .submit-btn:hover { color: #c81e1e; }
.accordion_area .card-header { background: #c81e1e; }
.card-header.card_accor button.btn-link { border-bottom: 1px dotted #c81e1e; }
.card-header.card_accor button.btn-link.collapsed { border-bottom: 1px dotted #c81e1e; }

/* Quick view of a product without its own gallery: show its single photo (mdix-quickview.js). */
.mdix-qv-img { display: none; }
.mdix-qv-single .mdix-qv-img { display: block; aspect-ratio: 1 / 1; object-fit: cover; }
.mdix-qv-single .modal-product-carousel .swiper-container,
.mdix-qv-single .product-meta,
.mdix-qv-single .product-color-variation,
.mdix-qv-single .sku { display: none !important; }

/* Round 2 */
.product-details-sticky-img img { cursor: zoom-in !important; }
/* Touch targets >= 24px */
.product .content .sub-title a,
.product .content .title a,
.single-product-list .content .title a { padding: 4px 0; }
.single-product-list .thumb a.image { display: block; }
.header-top-message a { display: inline-block; padding: 3px 0; }
.footer-section a[href^="mailto:"],
.footer-section a[href^="tel:"] { display: inline-block; padding: 3px 0; }
/* Contrast */
.product .thumb .badges span.sale { background-color: #c81e1e; }
.countdown-wrapper .single-countdown .single-countdown_text { color: #666; }
.single-deal-product .content .inner-desc { color: #00699e; }
.footer-section .widget-list li a,
.footer-section .footer-widget a { color: #555; }
/* Red discount figure over dark promo photos: lighter red reads on the dark wash */
.banner .info .title span,
.banner .info .sub-title span,
.banner .info span[class*="text"] { color: #ff8080; }
.header-logo a { display: inline-block; padding: 4px 0; }
.product .content .sub-title a,
.product .content .title a,
.single-product-list .content .title a { padding: 5px 0; }
/* Phone menu: close quickly (theme fades for 700ms) */
.mobile-menu-wrapper { transition-duration: 300ms !important; }
.mobile-menu-wrapper:not(.open) { pointer-events: none; }
/* Blog meta (author/date) below AA */
.blog-content .post-meta,
.blog-content .post-meta span,
.blog-content .post-meta a { color: #666; }
/* Indonesian product names: no Title Case in tables */
.cart-table .pro-title a,
.compare-table .title { text-transform: none; }

/* Round 3: inner-page targets & contrast */
.breadcrumb-content a,
.breadcrumb-content li a { display: inline-block; padding: 3px 0; }
.post-meta a,
.blog-content .post-meta a { display: inline-block; padding: 3px 0; color: #555 !important; }
.blog-content a.link { display: inline-block; line-height: 24px; }
.product-size a,
.product-metarial a { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; min-height: 28px; padding: 0 4px; cursor: pointer; }
.product-color-variation .btn { min-width: 28px; min-height: 28px; }
.social-share a { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 32px; }
.cart-table .pro-thumbnail a { display: inline-block; }

/* Final re-verification 2026-10-13: wordmark was 105x28 (text ~8px); file is now 240x64. */
.header-logo img { width: 180px; height: auto; }
@media (max-width: 767px) { .header-logo img { width: 140px; } }