/* MDIX Fashion Utama — audit fixes */

/* Promo banners: copy sat directly on busy fabric photos; give it a light card. */
.ps-collection--2 .ps-collection__content {
  background: rgba(255, 255, 255, 0.85);
  padding: 18px 26px;
  border-radius: 14px;
}
@media (max-width: 767px) {
  .ps-collection--2 .ps-collection__content {
    width: 62%;
    padding: 12px 14px;
  }
  .ps-collection--2 .ps-collection__content h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .ps-collection--2 .ps-collection__content .ps-btn {
    padding: 8px 14px;
    font-size: 12px;
  }
}

/* Hero slider arrow labels in Indonesian. */
#rev_slider_3_1 .custom-nav.tp-leftarrow:after {
  content: "Sebelumnya";
}
#rev_slider_3_1 .custom-nav.tp-rightarrow:after {
  content: "Berikutnya";
}

/* ---- design-qa 2026-10-12 ---- */
/* Badges: theme colours failed AA with white 11px text (2.0–2.7:1). */
.ps-badge { background-color: #c2410c; }
.ps-badge--sale-off { background-color: #3f6212; }
.ps-badge--new { background-color: #0369a1; }
.ps-badge span { font-size: 12px; }
/* Buttons: 11px uppercase → 12px minimum. */
.ps-btn, button.ps-btn { font-size: 12px; }
/* Phone/tablet menu button: 40px → 44px touch target. */
.menu-toggle { width: 44px; height: 44px; }
/* Newsletter band: dark copy sat on a blurred jeans photo; light veil for legibility. */
.ps-subscribe--2 { position: relative; }
.ps-subscribe--2::before { content: ""; position: absolute; inset: 0; background: rgba(255, 255, 255, 0.82); }
.ps-subscribe--2 > .container { position: relative; z-index: 1; }
.ps-subscribe--2 p { color: #444; }
/* Favourite heart toggled by mdix-shop.js. */
.ps-product__actions li a.is-active { background-color: #ca2028; color: #fff; }
/* Product page / quick view: single product photo (thumbnail strip removed). */
.ps-product--detail .ps-product__images-large { width: 100%; margin-left: 0; float: none; }
/* Newsletter button: "Daftar Sekarang" wrapped onto two lines at 160px. */
.ps-form--subscribe-2 .form-group .ps-btn { padding-left: 16px; padding-right: 16px; white-space: nowrap; }
/* Red price (#ca2028) on white is 5.6:1 — ok; theme red buttons keep white text. */
/* Contact page: keyless map iframe replaces the seller's gmap3 map. */
.ps-contact__left .mdix-map { position: relative; height: 100%; min-height: 420px; }
.ps-contact__left .mdix-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
/* Testimonials/comments without avatar photos (seller avatars were product crops). */
.ps-block--testimonial .ps-block__header { padding-left: 0; min-height: 0; }
.ps-block--comment .ps-block__header { padding-left: 0; }
/* Blog article title (filled per article by mdix-shop.js). */
.mdix-article-title { font-size: clamp(26px, 3.2vw, 40px); line-height: 1.25; font-weight: 400; color: #000; margin: 0 0 30px; }
/* Hero (Revolution fullscreen = 100vh) is display:none until its script runs → reserve the space (CLS 0.55 → 0). */
#rev_slider_3_1_wrapper { min-height: 100vh; }
/* Touch targets ≥ 24px on phones (breadcrumbs, footer/contact links, blog category, share icons, zoom). */
.breadcrumb > li > a, .ps-breadcrumb__link a { display: inline-block; min-height: 24px; line-height: 24px; min-width: 24px; }
.ps-site-info__detail a, .ps-contact__detail a, .widget_categories li a, .ps-post__category a, .ps-btn--underline { display: inline-block; min-height: 24px; line-height: 24px; }
.ps-product__sharing a { display: inline-block; min-width: 24px; min-height: 24px; line-height: 24px; text-align: center; }
.ps-product__zoom { min-width: 24px; min-height: 24px; text-align: center; }
.ps-collection__morelink { font-size: 12px !important; }
.ps-post__navigation a { display: inline-block; min-height: 24px; line-height: 24px; }
/* Phones: two products per row instead of one huge photo per screen. */
@media (max-width: 479px) {
  .ps-product-grid .ps-product-column { width: 50% !important; padding-left: 8px; padding-right: 8px; }
  .ps-product-grid { margin-left: -8px; margin-right: -8px; }
  .ps-product--1 .ps-product__title { font-size: 14px; }
  .ps-product--1 .ps-product__price { font-size: 12px; letter-spacing: 0.4px; }
  .ps-product--1 .ps-product__price del { display: block; }
}
@media (max-width: 575px) {
  .ps-shop .row > .col-xs-12 { width: 50%; padding-left: 8px; padding-right: 8px; }
  .ps-shop .row { margin-left: -8px; margin-right: -8px; }
  .ps-shop .row > .col-xs-12:nth-child(2n+1) { clear: left; }
}
/* Touch screens and tablets/phones (≤1199px): hover-only card actions are always shown (cart = round icon button). */
@media (hover: none), (max-width: 1199px) {
  .ps-product--1 .ps-product__actions { visibility: visible; opacity: 1; transform: none; top: 10px; right: 10px; }
  .ps-product--1 .ps-product__actions li a:before { display: none; }
  .ps-product--1 .ps-product__shopping { opacity: 1; transform: none; left: auto; right: 10px; bottom: 10px; min-width: 0; width: 44px; height: 44px; padding: 0; border-radius: 50%; line-height: 44px; }
  .ps-product--1 .ps-product__shopping .mdix-label { display: none; }
  .ps-product--1 .ps-product__actions li a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #fff; border-radius: 50%; box-shadow: 0 1px 4px rgba(0,0,0,.15); }
  .ps-product--1 .ps-product__shopping i { margin: 0; font-size: 16px; line-height: 44px; }
}
.ps-product--detail .ps-product__shopping > p { margin-top: 16px; }
.ps-product--1 .ps-product__title { padding: 2px 0; }
/* Filter bar: one sort select → full width on tablet/phone; category tabs inline instead of a tall list. */
@media (max-width: 1199px) {
  .ps-filter .ps-filter__right .bootstrap-select.ps-select:only-child, .ps-filter .ps-filter__right .bootstrap-select.ps-select:last-child:first-child { width: 100%; border-right: 0; }
}
@media (max-width: 640px) {
  .ps-filter .ps-filter__categories li { display: inline-block; margin: 0 8px; }
}
/* Inner-page heroes: black title sat on dark parts of the photo (hat, coat) → light veil on the text side. */
.ps-hero { position: relative; }
.ps-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.45) 45%, rgba(255,255,255,0) 75%); pointer-events: none; }
.ps-hero > .container { position: relative; z-index: 1; }
@media (max-width: 767px) { .ps-hero::before { background: rgba(255,255,255,0.6); } }
/* Quick view modal sat under the sticky header (z-index 100), hiding its title and close button. */
.ps-modal { z-index: 100010; }
.ps-modal .ps-modal__remove { z-index: 2; }
/* Phones: the floating "Kembali ke atas" pill covered the footer social links at the page end. */
@media (max-width: 767px) { footer[class*="ps-footer"] { padding-bottom: 72px; } }
.ps-product--detail .ps-product__price del { font-size: 0.6em; color: #6b6b6b; margin-left: 6px; }

/* Final re-verification 2026-10-13: wordmark was squeezed to 80px (text ~7px); "Kembali ke atas" covered the footer social links. */
.header--1 .ps-logo { max-width: 146px; }
.header--1 .ps-logo img { width: 146px; height: auto; }
@media (max-width: 767px) { .header--1 .ps-logo, .header--1 .ps-logo img { max-width: 120px; width: 120px; } }
#back2top { bottom: 110px; right: 24px; }
/* Final re-verification 2026-10-13: inner-page footer wordmark was squeezed (~70px wide, ~6px text). */
.ps-site-info .ps-logo { display: inline-block; max-width: none; }
.ps-site-info .ps-logo img { width: 146px; max-width: 100%; height: auto; }