/* MDIX Furniture Niaga — audit fixes */

/* Theme demo currency/language pickers (CAD, CNY, France…) are not used: hide. */
.language__currency {
  display: none !important;
}

/* Hero: white copy sat on bright white rooms and was invisible; add a dark wash. */
.hero__slider--items {
  position: relative;
}
.hero__slider--items::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(20, 16, 12, 0.48);
  pointer-events: none;
}
.hero__slider--items > .container-fluid {
  position: relative;
  z-index: 1;
}

/* Promo banners: give the titles a light backing so they read on busy photos. */
.banner__items--content__title,
.banner__items--content__style2--title {
  background: rgba(255, 255, 255, 0.82);
  padding: 6px 12px;
  border-radius: 6px;
  display: inline-block;
}

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

/* AA contrast: theme red #f51c1c was 4.15:1 on white (prices, badges, buttons) -> darker red. */
:root,
.color-scheme-1 {
  --secondary-color: #cc1111;
}
.old__price {
  color: #6b6b6b;
}

/* "Baru" ribbon and small cart buttons were 10px. */
.product__badge--items {
  font-size: 1.2rem;
  width: 3.4rem;
}
.product__cart--btn__style2 {
  font-size: 1.2rem;
}

/* Product titles in cards: at least 24px tall to tap. */
.product__items--content__title a,
.product__list--items__content--title a {
  display: inline-block;
  padding: 2px 0;
}

/* Header account/cart icons were 19-27px: give them a 44px hit area. */
.header__account--btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}

/* Inner-page banner: white title sat on a white office photo. */
.breadcrumb__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(18, 26, 37, 0.55);
  pointer-events: none;
}
.breadcrumb__bg > * {
  position: relative;
  z-index: 1;
}

/* Newsletter banner: white copy on a white sofa -> dark panel behind the copy. */
.newsletter__content {
  background: rgba(18, 26, 37, 0.78);
  padding: 2.4rem 2.8rem;
  border-radius: 8px;
}
@media only screen and (max-width: 575px) {
  .newsletter__content {
    padding: 1.6rem;
  }
  .newsletter__subscribe--form {
    width: 100%;
  }
}

/* Quick view: one photo of the clicked product; theme variants/lightbox belonged to a demo item. */
#modal1 .product__media--nav,
#modal1 .product__media--view__icon,
#modal1 .product__variant--list:has(.variant__color),
#modal1 .product__variant--list:has(.variant__size--value) {
  display: none;
}
#modal1 .product__media--preview__items--link {
  pointer-events: none;
}

/* Footer: payment methods as text (theme showed PayPal/Stripe logos). */
.mdix-payment {
  margin: 0;
  font-size: 1.4rem;
  color: var(--text-gray-color);
}

/* Size options are words ("3 Dudukan"), not "5 kg". */
.variant__size--value {
  width: auto;
  min-width: 4.7rem;
  padding: 0 1.2rem;
  white-space: nowrap;
}

/* Checkout payment choices: Indonesian labels are longer than "Paypal" -> let the box grow. */
.payment__history--link {
  height: auto;
  min-height: 4.4rem;
  line-height: 1.3;
  padding: 1rem 1.2rem;
  white-space: normal;
}
.cart__summary--footer__btn {
  white-space: nowrap;
}

/* Indonesian sentences: no Title Case from the theme. */
.blog__post--meta {
  text-transform: none;
}

/* Phones: the theme hides the cart/wishlist table header (<576px); label each value instead. */
@media only screen and (max-width: 575px) {
  .cart__table--body__list[data-label] {
    justify-content: space-between;
    align-items: center;
    gap: 1.2rem;
  }
  .cart__table--body__list[data-label]::before {
    content: attr(data-label);
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--text-gray-color);
  }
}

/* Touch targets (>=24px; menu toggle 44px). */
.offcanvas__header--menu__open--btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}
.swiper-pagination-bullet {
  width: 2.4rem;
  height: 2.4rem;
  padding: 0.7rem;
  background-clip: content-box;
  box-sizing: border-box;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 2.4rem;
  height: 2.4rem;
  padding: 0.5rem;
}
.product__list--action__btn,
.pagination__item--arrow,
.social__shear--list__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
}
.product__description--name a {
  display: inline-block;
  padding: 2px 0;
}

/* AA contrast on inner pages. */
.product__description--variant,
.reviews__comment--content__date2,
.account__login--divide__text {
  color: #6b6b6b;
}
.account__social--link.google {
  background: #c5311f;
}
.account__social--link.twitter {
  background: #1b6fa8;
}

/* 404 photo was squeezed by side padding on phones. */
@media only screen and (max-width: 575px) {
  .error__content--img {
    padding: 0;
    max-width: 100%;
    height: auto;
  }
}

/* Product photos come in two sizes (282x295 and 249x277): same frame in every card. */
.product__items--thumbnail .product__primary--img {
  aspect-ratio: 282 / 295;
  object-fit: cover;
  width: 100%;
}

/* Hero copy on bright rooms: a bit more wash + soft shadow. */
.hero__slider--items::before {
  background: rgba(20, 16, 12, 0.55);
}
.slider__content--maintitle,
.slider__content--desc {
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45);
}

/* Final re-verification 2026-10-13: brand strip showed real foreign company logos (HashiCorp, Sentry…) — hidden on about/cart/wishlist. */
.brand__logo--section { display: none !important; }

/* Final re-verification 2026-10-13: wordmark file was 72x31 (text ~7px); now 240x64. */
.main__logo--img { width: 170px; height: auto; }
.offcanvas__logo_link img, .footer__logo img { width: 160px; height: auto; }
@media (max-width: 767px) { .main__logo--img { width: 130px; } }