/* MDIX Furniture Prima — audit fixes (design QA 2026-10-12) */

:root {
  --mdix-teal: #127a75;      /* theme teal #1daaa3 darkened for AA text/buttons on light backgrounds */
  --mdix-coral: #b83d25;     /* theme coral #ff7a5f darkened for prices and sale badges */
  --mdix-muted: #666666;
}

/* ---------- Header ---------- */
/* The 56x38 logo image only repeats the wordmark in ~6px type; the text logo next to it stays. */
.logo-block img { display: none !important; }
.top-header .contact li a span,
.top-header .dropdown-bar label,
.add-to-cart .cart h5,
.middle-header .input-group-btn .btn.dropdown-toggle { color: var(--mdix-muted) !important; }
.add-to-cart .cart h5 span { color: var(--mdix-teal) !important; }
.middle-header .add-to-cart .cart > li > a > i,
.add-to-cart #cart .fa { background-color: var(--mdix-teal) !important; }

/* Cart summary in the header no longer pokes out of the 1024 layout. */
@media (min-width: 992px) and (max-width: 1199px) {
  .add-to-cart .cart h3 { font-size: 12px !important; }
  .add-to-cart .cart h5 { font-size: 12px !important; white-space: nowrap; }
  .add-to-cart #cart { padding-right: 0 !important; }
  .middle-header .add-to-cart { padding-left: 0; padding-right: 0; }
}

/* Phone/tablet header: wordmark in the theme font, 44px controls, closed panels really hidden. */
.ow-navigation .navbar-header a.text-logo { font-family: "Poppins", sans-serif; }
@media (max-width: 991px) {
  .ow-navigation .navbar-toggle { width: 44px; height: 44px; padding: 13px 11px; }
  #slideit, #closeit { min-width: 44px; min-height: 44px; line-height: 44px; text-align: center; }
  .ow-navigation .navbar-collapse.collapse:not(.in) { display: none !important; }
}

@media (max-width: 480px) {
  .ow-navigation .navbar-header a.text-logo { font-size: 20px !important; margin-right: 0 !important; }
}

/* ---------- Hero slider ---------- */
/* Slide indicators: 24px tap height, and below the photo on phones instead of over the button. */
.photo-slider .carousel-indicators li,
.photo-slider .carousel-indicators li.active {
  height: 24px; margin-bottom: 0; background-color: transparent;
  background-image: linear-gradient(#262626, #262626); background-size: 100% 3px; background-position: center; background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .photo-slider .item { padding: 48px 0 56px; }
  .photo-slider .carousel-caption a.shop-now { margin-bottom: 28px; }
  .photo-slider .carousel-caption h3 { font-size: 32px; }
  .photo-slider .carousel-indicators {
    top: auto; bottom: 12px; left: 0; right: 0; width: auto; margin: 0; transform: none; text-align: center;
  }
  .photo-slider .carousel-indicators li,
  .photo-slider .carousel-indicators li.active { display: inline-block; float: none; margin: 0 6px; }
}

/* ---------- Brand colours with AA contrast ---------- */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale,
span.onsale { background-color: var(--mdix-coral) !important; }
.new-product,
.woocommerce ul.products li.product .new-product { background-color: var(--mdix-teal) !important; }
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount,
.woocommerce ul.products li.product .amount { color: var(--mdix-coral) !important; text-transform: none !important; }
.woocommerce ul.products li.product .price del { color: #767676 !important; }
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .hover-content .button { background-color: var(--mdix-teal) !important; color: #fff !important; }
.new-product, span.onsale { font-size: 12px !important; }

/* Product hover actions are hover-only in the theme: show them on touch screens. */
@media (max-width: 991px), (hover: none) {
  .woocommerce ul.products li.product .hover-content { opacity: 1 !important; visibility: visible !important; transform: none !important; position: static !important; transition: none !important; margin-top: 10px; }
}
.woocommerce ul.products li.product .hover-content a.icons {
  display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px;
}

/* ---------- Ad banners (home): theme expected transparent cut-outs; photos need a real grid ---------- */
.ad-banner-1 .modern-box {
  display: grid !important;
  grid-template-columns: 55% 1fr;
  grid-template-rows: 1fr auto;
  column-gap: 24px;
  align-items: center;
  width: 100%;
  padding: 24px !important;
  min-height: 0;
}
.ad-banner-1 .modern-box.modern-ads,
.ad-banner-1 .modern-box.modern-shop-1 { grid-template-columns: 1fr 55%; }
.ad-banner-1 .modern-box > [class*="col-"] { width: auto !important; float: none !important; padding: 0 !important; min-height: 0; }
.ad-banner-1 .modern-box > div:has(> img) { grid-row: 1 / span 2; }
.ad-banner-1 .modern-box > div > img { display: block; width: 100%; height: 230px; object-fit: cover; }
.ad-banner-1 .modern-box h3.ad-heading { align-self: end; margin-bottom: 6px; overflow-wrap: normal; word-break: normal; hyphens: none; }
.ad-banner-1 .modern-box > div:not(:has(> img)) { align-self: end; }
.ad-banner-1 .modern-box h5 { color: var(--mdix-muted) !important; margin-bottom: 0; }
.ad-banner-1 .modern-box a.shop-now {
  position: static !important; align-self: start; justify-self: start;
  display: inline-flex; align-items: center; min-height: 44px; margin-top: 4px;
}
.ad-banner-1 .modern-box a.shop-now { white-space: nowrap; }
@media (min-width: 992px) and (max-width: 1199px) {
  .ad-banner-1 .modern-box h3.ad-heading { font-size: 22px; line-height: 30px; }
  .ad-banner-1 .col-md-5 .modern-box { grid-template-columns: 45% 1fr; }
  .ad-banner-1 .col-md-5 .modern-box.modern-ads { grid-template-columns: 1fr 45%; }
}
/* Tablet: one banner per row instead of two cramped columns. */
@media (min-width: 768px) and (max-width: 991px) {
  .ad-banner-1 .container > .col-sm-5,
  .ad-banner-1 .container > .col-sm-7 { width: 100%; float: none; }
  .ad-banner-1 .modern-box > div > img { height: 240px; }
}
@media (max-width: 575px) {
  .ad-banner-1 .modern-box h3.ad-heading, .ad-banner-1 .modern-box h5 { text-align: left; }
  .ad-banner-1 .modern-box,
  .ad-banner-1 .modern-box.modern-ads,
  .ad-banner-1 .modern-box.modern-shop-1 { grid-template-columns: 1fr; grid-template-rows: auto; text-align: left; }
  .ad-banner-1 .modern-box > div:has(> img) { grid-row: auto; order: -1; margin-bottom: 16px; }
  .ad-banner-1 .modern-box > div > img { height: 200px; }
}
.ad-banner-1 .discount-box { background-color: var(--mdix-teal) !important; }
.ad-banner-1 .discount-box a { background-color: #fff !important; border-color: #fff !important; color: var(--mdix-teal) !important; font-size: 12px; min-height: 44px; display: inline-flex; align-items: center; }
.ad-banner-1 .discount-box a:hover { background-color: transparent !important; color: #fff !important; }
/* Text over the lamp photo: one dark layer under the copy (the old ::before layer is replaced). */
.ad-banner-1 .discount-img-box::before { display: none; }
.ad-banner-1 .discount-img-box img { display: block; width: 100%; height: 270px; object-fit: cover; }
.ad-banner-1 .discount-img-content {
  top: 0; bottom: 0; left: 15px; right: 15px; transform: none !important;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  background-image: linear-gradient(rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.58));
}
.ad-banner-1 .discount-img-content a { font-size: 12px; min-height: 44px; display: inline-flex; align-items: center; }

/* ---------- Promo section (sale slider) ---------- */
.saleup-section .saleup-info ul h3 { margin-bottom: 24px !important; }
.saleup-section .saleup-info ul li > img { display: block; width: 485px; max-width: 100%; height: 260px; object-fit: cover; margin: 0 auto; }
.saleup-section .saleup-info ul span { margin-top: 24px; color: var(--mdix-coral); }
.saleup-section .saleup-info ul h5 { color: var(--mdix-teal); }
.saleup-section .saleup-info ul del { color: #767676; }
.saleup-section .saleup-info .lSPager.lSGallery a { display: block; }
.saleup-section .saleup-info .lSPager.lSGallery img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
@media (max-width: 767px) {
  .saleup-section .saleup-info { padding: 64px 16px !important; }
  .saleup-section .saleup-info ul li > img { height: 200px; }
}
/* "Promo Spesial Hari Ini": white copy on a light room photo; darken the photo. */
.saleup-section .saleup-img {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("images/saleup-bg.jpg");
}
.saleup-section .saleup-img .clock p span,
.clock p span { color: #1f56b3 !important; }

/* Left column of banners grows to match the taller right column (no empty block under it). */
@media (min-width: 992px) {
  .ad-banner-1 .container { display: flex; }
  .ad-banner-1 .container > .col-md-5 { display: flex; flex-direction: column; }
  .ad-banner-1 .container > .col-md-5 > .modern-box { flex: 1 1 auto; }
  .ad-banner-1 .container > .col-md-5 > .modern-box:last-child { margin-bottom: 0; }
  .ad-banner-1 .container > .col-md-5 > .modern-box > div:has(> img) { align-self: stretch; }
  .ad-banner-1 .container > .col-md-5 > .modern-box > div > img { height: 100%; min-height: 230px; }
}
.testimonials-box .owl-dots .owl-dot:only-child { display: none; }

/* ---------- Blog cards ---------- */
.latest-blog .entry-cover .image-gradient,
.blog-section .entry-cover .image-gradient {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0) 100%) !important;
}
/* The caption itself carries the dark gradient, so the white title always sits on a dark layer. */
.latest-blog .entry-cover .latest-blog-content {
  left: 0 !important; right: 0 !important; bottom: 0 !important; padding: 56px 24px 28px 30px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.45) 65%, rgba(0, 0, 0, 0) 100%);
}

/* ---------- Testimonials ---------- */
.testimonial-content p { color: #666 !important; }
.testimonial-content h3 { color: var(--mdix-teal) !important; }
.testimonial-content h5 { color: #707070 !important; }
.latest-blog .entry-cover > a > img { display: block; width: 100%; height: auto; }

/* ---------- Thumbnails that now point at full product photos: keep each slot's size fixed ---------- */
.mini_cart_item img.attachment-shop_thumbnail { width: 60px !important; height: 60px !important; object-fit: cover; }
.shop_table .product-thumbnail img { width: 100px !important; height: 108px !important; object-fit: cover; }
.widget-latestposts .latest-content > a img { width: 79px !important; height: 79px !important; object-fit: cover; }
.Product-detail .images .thumbnails a { display: inline-flex; align-items: center; justify-content: center; }
.Product-detail .images .thumbnails img { width: 72px !important; height: 72px !important; object-fit: cover; }
.instagram-widget ul li a { display: block; }

/* ---------- Text ---------- */
.woocommerce-checkout .woocommerce-shipping-fields label { text-transform: none !important; }
.testimonial-content h5,
.footer-copyright p,
.footer-breadcrumb .breadcrumb li,
.footer-breadcrumb .breadcrumb li a { font-size: 12px !important; }
.ad-banner-1 a.shop-now,
.photo-slider .carousel-caption a.shop-now { font-size: 12px; }

/* ---------- Footer: comfortable tap targets ---------- */
.footer-main .ftr-widget ul li a,
.footer-main .about-widget p a { display: inline-block; padding: 3px 0; min-height: 24px; }
.footer-breadcrumb .breadcrumb li a { display: inline-block; padding: 6px 0; min-height: 24px; }
.footer-social ul li a { width: 44px !important; height: 44px !important; line-height: 42px !important; }

/* ---------- Inner pages: AA text colours ---------- */
.shop_table .product-name h4 span,
.cart_totals th, .cart_totals .shipping span, .cart_totals .shipping label,
.woocommerce-checkout .cart_totals label,
.contact-detail .section-header p,
.contact-info p, .contact-info p a,
.blog-section .entry-content p,
.blog-post .entry-content p,
.media-content p,
.widget-tag a,
.woocommerce-product-rating a,
.Product-detail .product-content p,
.Product-detail .tab-content p { color: #5c5c5c !important; }
.woocommerce .summary .price .amount,
.Product-detail .summary h4 span,
.widget-latestposts .latest-content p,
.blog-post .entry-content p span,
.blog-post .entry-content blockquote span,
.blog-post .entry-content a,
.price-filter .price-input span { color: var(--mdix-teal) !important; }
.woocommerce-checkout label,
.media-content .media-heading span,
.media-content > a { color: var(--mdix-coral) !important; }
.media-content > a { border-color: var(--mdix-coral) !important; }
.coupon .btn, .coupon .btn-default,
.price-filter a.filter,
.single_add_to_cart_button, .Product-detail .product-wish,
.product-details-tab .nav-tabs > li.active > a,
.product-details-tab .nav-tabs > li.active > a:hover,
.product-details-tab .nav-tabs > li.active > a:focus,
.cart_totals .shipping button,
.wc-proceed-to-checkout a.btn,
.place-order input[type="submit"],
.contact-form input[type="submit"],
.comment-form input[type="submit"] { background-color: var(--mdix-teal) !important; border-color: var(--mdix-teal) !important; color: #fff !important; }
.product-details-tab .nav-tabs { border-bottom-color: var(--mdix-teal) !important; }
.contact-form label { font-size: 12px !important; }

/* ---------- Inner pages: tap targets ---------- */
.shop_table .product-thumbnail a,
.Product-detail .images a.woocommerce-main-image { display: block; }
.shop_table .product-remove a.remove { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
.contact-info p a,
.woocommerce-product-rating a,
.widget-categories ul li a,
.widget-latestposts .latest-content h3 a,
.blog-section .latest-blog-content a,
.about-author .author-content > a { display: inline-block; min-height: 24px; padding-top: 2px; padding-bottom: 2px; }
.widget-categories ul li a { display: block; }
.woocommerce-info a { background-color: var(--mdix-teal) !important; color: #fff !important; }
.woocommerce-checkout-payment p { color: #5c5c5c !important; }
@media (max-width: 767px) {
  .woocommerce-info { padding: 11px 16px; }
  .woocommerce-info a { float: none; display: inline-block; line-height: 1.4; padding: 10px 16px; margin-top: 6px; }
}
/* Indonesian sentences in Title Case read oddly: keep the casing as written. */
.woocommerce-checkout label,
.woocommerce-checkout .form-control,
.woocommerce-checkout .form-control::placeholder,
.cart_totals label { text-transform: none !important; }
.woocommerce-checkout-payment label,
.woocommerce-checkout .cart_totals label { color: #333 !important; }
.ow-pagination .pagination > li.active > a,
.ow-pagination .pagination > li > a:hover { background-color: var(--mdix-teal) !important; border-color: var(--mdix-teal) !important; color: #fff !important; }
.price-filter .price-input span { text-transform: none !important; }
.blog-section .latest-blog-content h3 { display: block !important; margin-bottom: 6px; }
.contact-detail > .row { display: flex; flex-wrap: wrap; }
.cart_totals .shipping .form-group { display: flex; align-items: flex-start; gap: 10px; }
.cart_totals .shipping .form-group input { flex: none; margin-top: 4px; }
.cart_totals .shipping .form-group label { margin: 0; padding: 0 !important; }
@media (max-width: 575px) {
  .saleup-section .saleup-img .clock { display: flex; justify-content: center; gap: 8px; }
  .saleup-section .saleup-img .clock p { margin: 0 !important; padding: 10px 6px; width: 23%; font-size: 30px; }
  .saleup-section .saleup-img .clock p > span { font-size: 12px; }
}
.woocommerce .type-product.product div.thumbnails { display: flex; gap: 10px; float: none; width: 100%; max-width: 380px; }
.woocommerce .type-product.product div.thumbnails a { flex: 1 1 0; width: auto; height: auto; margin: 0 !important; float: none; padding: 4px; }
.Product-detail .images .thumbnails img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; }
@media (min-width: 992px) {
  .saleup-section { display: flex; }
  .saleup-section .saleup-img { background-size: cover; background-position: center; }
}
/* Slick arrow buttons hide their text with font-size:0; keep the icon, hide the text without a 0px font. */
.slick-arrow { font-size: 12px !important; color: transparent !important; text-indent: -9999px; }
.slick-arrow::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-indent: 0; display: flex; align-items: center; justify-content: center; }
.latest-blog .image-icon a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
.latest-blog .latest-blog-content h3 a { padding: 4px 0; }
/* Phone: the theme caps every product card at 270px, which breaks slick's slide maths in the
   home carousels (half cards at both edges). Let the slide fill its slot and centre the card inside. */
.woocommerce ul.products.product-carousel li.product { max-width: none !important; margin: 0 !important; }
@media (max-width: 767px) {
  .woocommerce ul.products.product-carousel li.product > a,
  .woocommerce ul.products.product-carousel li.product > .hover-content { display: block; max-width: 270px; margin-left: auto !important; margin-right: auto !important; }
}
/* No 1s fade on the product hover panel: avoids a half-faded panel over photos when the input mode changes. */
.woocommerce .hover-content { transition: none !important; }

/* Final re-verification 2026-10-13: text logos had no MDIX mark. */
.mdix-mark { color: inherit !important; font-weight: 800; margin-right: .15em; }
.ow-navigation .navbar-header a.text-logo .mdix-mark { color: #fff !important; }