/* MDIX Fashion Sentosa — audit fixes */

/* Hero: the copy sits on dark photos; give it a soft light card so it stays readable. */
@media (min-width: 480px) {
  .ul-banner-slide-txt {
    background: rgba(255, 255, 255, 0.88);
    padding: clamp(18px, 2vw, 36px) clamp(20px, 2.4vw, 44px);
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  }
}


/* ---- design-QA 2026-10-12 ---- */
/* Brand pink #EF2853 is 4.1:1 on white (AA needs 4.5): darker shade for text, buttons keep the gradient. */
:root {
  --ul-primary: #D0193F;
}
.ul-product-horizontal .ul-product-category a { color: #6b6b6b; }

/* Phones/tablets: readable small labels and finger-size targets */
@media (max-width: 991px) {
  .ul-product-discount-tag,
  .ul-product-category a,
  .ul-ad-categories .category,
  .ul-ad-sub-title { font-size: 12px; }
  .ul-product-category a,
  .ul-footer-top-widget-links a,
  .ul-sub-banner-btn,
  .ul-blogs-heading-btn,
  .ul-blog-btn { display: inline-flex; align-items: center; min-height: 28px; }
  .ul-header-actions { gap: 4px; }
  .ul-header-actions button,
  .ul-header-actions a {
    min-width: 34px; min-height: 34px; justify-content: center; align-items: center;
  }
  .ul-header-sidebar-opener {
    min-width: 44px; min-height: 44px; justify-content: center; align-items: center;
  }
}
/* product detail colour swatches match the cream sweater */
.ul-product-details-colors .variants .cream { background-color: #EADFCC; box-shadow: inset 0 0 0 1px #c9bfae; }
.ul-product-details-colors .variants .grey { background-color: #9A9A9A; }
.ul-product-details-colors .variants .navy { background-color: #1F2A44; }
.ul-product-details-colors .variants .cocoa { background-color: #7A4E2D; }
.ul-footer .logo { width: 170px; }
/* AA contrast for white text on the coloured promo cards */
.ul-sub-banner--2 { background-color: #B4581C; }
.ul-sub-banner--3 { background-color: #3A62C0; }
.ul-flash-sale-countdown .txt { color: #6b6b6b; }
/* the red half of the flash-sale block is a layer behind the text: paint it as an image layer (same colour) */
.ul-flash-sale::before { background: linear-gradient(var(--ul-primary), var(--ul-primary)); }
.ul-footer-middle-widget > a { display: inline-flex; align-items: center; min-height: 32px; }
@media (max-width: 991px) {
  .ul-blog-img .date .txt { font-size: 12px; }
  .ul-header-sidebar-opener i { width: 100%; height: 100%; min-height: 44px; justify-content: center; align-items: center; }
}
@media (max-width: 400px) {
  .ul-header-actions { gap: 0; }
  .ul-header-actions button, .ul-header-actions a { min-width: 32px; }
}
.ul-sidebar-closer { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.ul-sidebar-header-logo a { display: inline-flex; align-items: center; min-height: 32px; }
.ul-header-search-form button[type="submit"] { min-width: 32px; min-height: 32px; justify-content: center; align-items: center; }
.ul-product-category a { min-width: 24px; }
/* touch targets on inner pages */
.ul-breadcrumb-nav a,
.ul-products-categories-link a,
.ul-contact-info .descr a { display: inline-flex; align-items: center; min-height: 28px; }
.ul-products-categories-link a { display: flex; }
.ul-pagination ul > li > a { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 32px; }
.ul-product-quantity-wrapper .btns button { min-height: 24px; min-width: 30px; }
.share-options button, .share-options a { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 32px; }
.rating-field button { min-width: 28px; min-height: 28px; }
.ul-cart-item-remove button { min-width: 32px; min-height: 32px; display: inline-flex; align-items: center; justify-content: center; }
.ad-banner a { display: block; }
.ul-store-info a { display: inline-flex; align-items: center; min-height: 28px; }
.ul-cart-item-subtotal.green { color: #13801f; }
.ul-checkout-form-btn { background-color: var(--ul-primary); }
.ul-cart-item-price, .ul-cart-item-subtotal { white-space: nowrap; }
/* promo cards 768–1199: keep the copy beside the photo instead of under it */
@media (min-width: 576px) and (max-width: 1199px) {
  .ul-sub-banner .top { max-width: 56%; position: relative; z-index: 2; }
}
/* wishlist rows on phones: Rupiah prices are wider than the theme's 15–20% columns */
@media (max-width: 991px) {
  .ul-cart-item .ul-cart-item-price, .ul-cart-item .ul-cart-item-subtotal { width: auto; min-width: 84px; margin-right: 12px; }
}
.ul-checkout-form .ss-main .ss-placeholder, .ul-checkout-form .ss-placeholder { color: #6b6b6b; }

/* Final re-verification 2026-10-13: header wordmark was ~129x19 (text ~11px); foreign payment logos (Skrill, PayPal…) replaced by Indonesian methods. */
.logo-container .logo { width: 190px; height: auto; }
.ul-sidebar-header-logo .logo { width: 170px; height: auto; }
@media (max-width: 767px) { .logo-container .logo { width: 150px; } }
.mdix-pay { display: inline-block; font-size: 13px; line-height: 1.5; color: #e5e7eb; }
/* Final re-verification 2026-10-13: footer copyright #676666 on black was 3.67:1; wider wordmark pushed the menu button off-screen at 360px. */
.ul-footer-bottom .copyright-txt, .ul-footer-bottom .copyright-txt a { color: #a3a3a3; }
@media (max-width: 380px) { .logo-container .logo { width: 128px; } }