/* MDIX Furniture Utama — audit fixes */

/* Currency/language switcher and the layout chooser menu were removed from the HTML (2026-10-12). */

/* Placeholder graphics shipped by the theme seller (size-label boxes). */
.header-center .shipping > img,
.header-center .cart .cart-image,
.infomation-image,
.footer-middle .payment,
.footer-bottom-left {
  display: none !important;
}
.header-center .shipping .shipping-info {
  margin-left: 0;
  padding-left: 0;
}
.footer-bottom-right {
  text-align: center;
  float: none;
}

/* Brand block only contains placeholder logo boxes: hide it. */
.brands {
  display: none !important;
}

/* Portrait product photos spilled over the product name and price. */
.product-box .product-image .c-img {
  overflow: hidden;
}
.product-box .product-image .c-img img {
  height: 100% !important;
  object-fit: cover;
}

/* Top bar icons were placeholder boxes: use Font Awesome glyphs instead. */
.header-top .header-hotline .item {
  background: none !important;
  padding-left: 0 !important;
}
.header-top .header-hotline .item p:before {
  font-family: FontAwesome;
  margin-right: 6px;
  color: #beae59;
}
.header-top .header-hotline .item:first-child p:before { content: "\f086"; }
.header-top .header-hotline .item:last-child p:before { content: "\f095"; }

/* Quote mark in the testimonial was a placeholder box. */
.customer-opinion .item .opinion {
  background-image: none !important;
}

/* Keep the e-mail address lowercase. */
.contact-list a[href^="mailto:"] {
  text-transform: none !important;
}

@media (max-width: 767px) {
  /* Countdown sat directly on the deal photo: give it a readable backing. */
  .deals-days .table-countdown .countdown-box {
    background-color: rgba(255, 255, 255, 0.92);
  }
}

/* "Berlangganan" did not fit in the fixed 120px newsletter button. */
footer .newletter .newletter-right .send-letter .form-box {
  display: flex;
}
footer .newletter .newletter-right .send-letter .form-box input {
  flex: 1 1 auto;
  min-width: 0;
}
footer .newletter .newletter-right .send-letter .form-box button[type='submit'] {
  width: auto;
  flex: 0 0 auto;
  padding: 0 14px;
}

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

/* Brand gold #beae59 / orange #ff5e00 fail AA with white text and as text on white:
   darker shades (#7a6a20 5.4:1, #c44900 4.9:1) for backgrounds and text on light areas (generated from theme CSS). */
.lib-list-item-product2 .image-dev .list-button-dev li:hover { background: #c44900 !important; }
@media (min-width: 1200px) { .navbar-switcher { background: #c44900 !important; } }
.icons-social a:hover .icon-circled { background: #c44900 !important; }
.page-login .bottom-form .btn:hover { background: #c44900 !important; }
.module.main-newsleter-popup .so-custom-popup .popup-close { background-color: #c44900 !important; }
.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .socials li a:hover { background-color: #c44900 !important; }
.content-aside .product-simple .so-extraslider .owl2-controls .owl2-dots .owl2-dot:hover { background-color: #c44900 !important; }
.content-aside .product-simple .so-extraslider .owl2-controls .owl2-dots .owl2-dot.active { background-color: #c44900 !important; }
.content-aside .product-simple .so-extraslider .owl2-controls .owl2-nav .owl2-prev:hover, .content-aside .product-simple .so-extraslider .owl2-controls .owl2-nav .owl2-next:hover { background-color: #c44900 !important; }
.content-aside .product-simple .so-extraslider .extraslider-inner .item .item-inner .item-image .so-quickview .btn-button:hover { background-color: #c44900 !important; }
.button_grey:hover { background: #c44900 !important; }
.button_submit { background: #c44900 !important; }
.block-tags .so-popular-tag a:hover { background-color: #c44900 !important; }
.box-category > ul > li a.accordion-toggle:hover { background-color: #c44900 !important; }
#content #so-groups > a span { background-color: #c44900 !important; }
#content .so-groups-sticky { background-color: #c44900 !important; }
#content .so-groups-sticky .product-thumb .button-group button, #content .so-groups-sticky .form-content .form-box #button-search { background-color: #c44900 !important; }
#content .so-groups-sticky .form-content .form-box .product-thumb .image .bt-sale, #content .so-groups-sticky .popup-header { background-color: #c44900 !important; }
#so-groups > a span { background-color: #c44900 !important; }
#content #so_popup_countdown .modal-header { background-color: #c44900 !important; }
#so_popup_countdown .list-cates ul li a:hover .icon { background-color: #c44900 !important; }
.blogs .blog-box .blog-info .read-more { color: #7a6a20 !important; }
.blogs .blog-slider .owl2-controls .owl2-nav > div:hover { background-color: #7a6a20 !important; border-color: #7a6a20 !important; }
.customer-opinion .customer-opinion-slider .owl2-controls .owl2-nav div:hover { background-color: #7a6a20 !important; }
.deals-days .deals-left { background-color: #7a6a20 !important; }
.deals-days .deals-left .deals-left-desc .room .room-box.active .room-title { color: #7a6a20 !important; }
.deals-days .deals-center .left-group .table-countdown .countdown-box .time { color: #7a6a20 !important; }
.deals-days .deals-center .owl2-controls .owl2-nav div:hover { background-color: #7a6a20 !important; border-color: #7a6a20 !important; }
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default { background: #c44900 !important; }
.buttonGray:hover { background: #c44900 !important; }
#button-review:hover { background: #c44900 !important; }
.list-box li a:hover { color: #7a6a20 !important; }
.about-us .about-us-top .about-desc-box .about-title > span { color: #7a6a20 !important; }
.about-us .about-us-top .about-desc-box .about-title:before { background: #7a6a20 !important; }
.about-us .about-our-team .our-team-slider .owl2-controls .owl2-nav > div:hover { background-color: #7a6a20 !important; border-color: #7a6a20 !important; }
.contact-us .info-store .store-social ul li a:hover { background-color: #7a6a20 !important; border-color: #7a6a20 !important; }
.contact-us .contact-form .contact-form-submit input:focus, .contact-us .contact-form .contact-form-submit textarea:focus, .contact-us .contact-form .contact-form-submit button:focus { border-color: #7a6a20 !important; }
.contact-us .contact-form .contact-form-submit button[type='submit'] { background-color: #7a6a20 !important; }
.page-not-found .message-box .go-home-page:hover { background-color: #7a6a20 !important; }
.coming-soon .table-countdown .countdown-box { border-color: #7a6a20 !important; }
.coming-soon .coming-form button[type='submit'] { background-color: #7a6a20 !important; }
.coming-soon .coming-social li a:hover { color: #7a6a20 !important; }
.my-account input[type='submit']:hover { background-color: #7a6a20 !important; }
.btn-revo { background: #c44900 !important; }
.checkout .so-onepagecheckout .secondary-title i.fa { background-color: #7a6a20 !important; }
.compare .product-name:hover { color: #7a6a20 !important; }
.cart-page .btn-default { background-color: #7a6a20 !important; }
.product-box .product-image .quickview:hover { background-color: #7a6a20 !important; border-color: #7a6a20 !important; }
.product-box .button-group button:hover { background-color: #7a6a20 !important; }
.product-box .button-group .add-to-cart { color: #7a6a20 !important; }
.featured-title > span { color: #7a6a20 !important; }
.product-list .aside-filter .filter-box .fillter-category input[type='radio']:checked + .radio-checked + p { color: #7a6a20 !important; }
.product-list .aside-filter .filter-box .price-field input[type=range] { background-color: #7a6a20 !important; }
.product-list .aside-filter .filter-box .price-field input[type=range]::-webkit-slider-thumb { background-color: #7a6a20 !important; }
.product-list .aside-filter .filter-box .price-field input[type=range]::-moz-range-thumb { background-color: #7a6a20 !important; }
.product-list .aside-filter .filter-box .price-field input[type=range]::-ms-thumb { background-color: #7a6a20 !important; }
.product-list .aside-filter .filter-box button[type='submit'] { background-color: #7a6a20 !important; }
.product-list .product-filter-top .list-view button.active { background-color: #7a6a20 !important; border-color: #7a6a20 !important; }
.product-list .product-filter-top ul.pagination li:hover a { background-color: #7a6a20 !important; }
.product-list .product-filter-top ul.pagination li.active span { background-color: #7a6a20 !important; border-color: #7a6a20 !important; }
.product-list .product-list-view-04 .product-layout-table .product-box .button-group button:hover { border-color: #7a6a20 !important; }
.product-list .product-list-view-04 .product-layout-table .product-box .button-group .add-to-cart { background-color: #7a6a20 !important; }
.product-list .product-list-view-04 .product-layout-list .product-box .button-group button:hover { border-color: #7a6a20 !important; }
.product-list .product-list-view-04 .product-layout-list .product-box .button-group .add-to-cart { background-color: #7a6a20 !important; }
.product-detail-top .product-slider-box .gallery-box .product-detail-slider-gallery .gallery-item.slick-current { border-color: #7a6a20 !important; }
.product-detail-top .product-infomation .product-box .review-box a:hover { color: #7a6a20 !important; }
.product-detail-top .product-infomation .product-box .option-group .quantity-control-box .quantity-control-btn:hover { background-color: #7a6a20 !important; border-color: #7a6a20 !important; }
.product-detail-top .lSAction > a:hover { color: #7a6a20 !important; }
.product-detail-top .lSPager.lSGallery li.active { border-color: #7a6a20 !important; }
.content-product .content-product-tab ul.nav li a:hover { background-color: #7a6a20 !important; border-color: #7a6a20 !important; }
.content-product .content-product-tab ul.nav li.active a { background-color: #7a6a20 !important; border-color: #7a6a20 !important; }
.content-product .content-product-tab .reviews-form input[type="text"]:focus, .content-product .content-product-tab .reviews-form textarea:focus { border-color: #7a6a20 !important; }
.content-product .content-product-tab .reviews-form textarea:focus { border-color: #7a6a20 !important; }
.content-product .content-product-tab .reviews-form button[type='submit'] { background-color: #7a6a20 !important; }
.content-product .content-product-tab .tags-tab .tag { background-color: #7a6a20 !important; }
.releated-products .featured-slider:hover .owl2-controls .owl2-nav div:hover { background-color: #7a6a20 !important; }
.releated-products .featured-slider .owl2-controls .owl2-nav div:hover { background-color: #7a6a20 !important; }
.detail-sidebar .aside-left .aside-tags .tag.active, .detail-sidebar .aside-left .aside-tags .tag:hover { background-color: #7a6a20 !important; }
.detail-sidebar .product-detail-top .product-slider-box .gallery-box .gallery-item.slick-current { border-color: #7a6a20 !important; }
.brands .brand-left ul.nav li.brand-title-box { background-color: #7a6a20 !important; }
.brands .brand-center .tab-content .brand-info .shop-now:hover { background-color: #7a6a20 !important; }
@media (max-width: 480px) { .brands .brand-left ul.nav li.active { border-color: #7a6a20 !important; } }
.title-underline:before { background-color: #7a6a20 !important; }
.listing-blog .listing-blog-item .blog-item-desc-box .post-day { background-color: #7a6a20 !important; }
.listing-blog .listing-blog-item .blog-item-desc-box .blog-item-info .read-more:hover { background-color: #7a6a20 !important; }
.listing-blog .listing-blog-item.listing-blog-no-image .blog-item-desc-box .blog-item-info .blog-item-desc .author { color: #7a6a20 !important; }
.listing-blog ul.pagination li.active span { background-color: #7a6a20 !important; }
.listing-blog ul.pagination li:hover a { background-color: #7a6a20 !important; }
.blog-detail .comment-form form input:focus, .blog-detail .comment-form form textarea:focus { border-color: #7a6a20 !important; }
.blog-detail .comment-form form button[type='submit']:hover { background-color: #7a6a20 !important; }
.blog-detail .comment-form form button[type='submit']:focus { border-color: #7a6a20 !important; }
.portfolio-2-column .so-listing-tabs .ltabs-tabs-container .ltabs-tabs li.tab-sel, .portfolio-2-column .so-listing-tabs .ltabs-tabs-container .ltabs-tabs li:hover { background-color: #7a6a20 !important; }
.portfolio-2-column .portfolio-box .portfolio-info .portfolio-name a:hover { color: #7a6a20 !important; }
.portfolio-2-column .portfolio-box .portfolio-info .portfolio-button-group button:hover, .portfolio-2-column .portfolio-box .portfolio-info .portfolio-button-group a:hover { background-color: #7a6a20 !important; border-color: #7a6a20 !important; }
.portfolio-detail .comment-form form input:focus, .portfolio-detail .comment-form form textarea:focus { border-color: #7a6a20 !important; }
.portfolio-detail .comment-form form button { background-color: #7a6a20 !important; }
header ul.megamenu > li.active > a { background-color: #7a6a20 !important; }
header ul.megamenu > li.menu-home > a { background-color: #7a6a20 !important; }
header ul.menu-normal > li:hover > a { background-color: #7a6a20 !important; }
header ul.menu-normal > li ul li a:hover { background-color: #7a6a20 !important; }
header .cart .shopping-cart .product-item .product-item-image .remove-product-cart:hover { background-color: #7a6a20 !important; }
header .cart .shopping-cart .shopping-cart-checkout a:hover { background-color: #7a6a20 !important; }
.container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container { background-color: #c44900 !important; }
.typeheader-2 #sosearchpro .search button { background-color: #c44900 !important; }
.typeheader-2 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart .items_cart { background-color: #c44900 !important; }
.typeheader-3 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container { background-color: #c44900 !important; }
.typeheader-3 #sosearchpro .search button { background-color: #c44900 !important; }
.typeheader-3 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart .items_cart { background-color: #c44900 !important; }
footer .newletter .newletter-right .send-letter .form-box { border-color: #7a6a20 !important; }
footer .newletter .newletter-right .send-letter .form-box button[type='submit']:hover { background-color: #7a6a20 !important; }
footer .footer-middle .footer-title:before { background: #7a6a20 !important; }
footer .footer-bottom .footer-bottom-right ul.footer-social li a:hover { background-color: #7a6a20 !important; }
a:hover { color: #7a6a20 !important; }
.home-slider .item-slider .slider-info .see-more:hover { background-color: #7a6a20 !important; }
.home-slider .owl2-controls .owl2-dots .owl2-dot.active span { background-color: #7a6a20 !important; }
.featured-products .featured-slider:hover .owl2-controls .owl2-nav div:hover { background-color: #7a6a20 !important; }
.featured-products .featured-slider .owl2-controls .owl2-nav div:hover { background-color: #7a6a20 !important; }
.categories .sub-category .list-sub-category ul li a:hover { color: #7a6a20 !important; }
.categories .col-center .hot-category .hot-title { color: #7a6a20 !important; }
.categories .col-center .hot-category .view-all { background-color: #7a6a20 !important; }
@media (max-width: 767px) { header.typeheader-1 .navbar-default .navbar-toggle:hover { background-color: #7a6a20 !important; } }
@media (max-width: 767px) { header.typeheader-1 .header-center .logo { border-color: #7a6a20 !important; } }
@media (max-width: 767px) { header.typeheader-1 .header-center .shipping { border-color: #7a6a20 !important; } }
@media (max-width: 480px) { .layout-1 .brands .brand-left ul.nav li.active, .layout-3 .brands .brand-left ul.nav li.active, .layout-4 .brands .brand-left ul.nav li.active { border-color: #7a6a20 !important; } }
@media (min-width: 768px) and (max-width: 991px) { header.typeheader-1 .header-center .search-form .search-form-btn { background-color: #7a6a20 !important; } }
.typeheader-1 .header-center .search-form form .icon { border-color: #7a6a20 !important; }
.typeheader-1 .header-center .search-form form button[type='submit'] { background-color: #7a6a20 !important; }
.typeheader-1 .header-center .cart .cart-box { background-color: #7a6a20 !important; }
.typeheader-1 .header-bottom .header-bottom-left .megamenu-style-dev ul.megamenu > li > a:hover { background-color: #7a6a20 !important; }

.header-center .search-box button, .header-center .search-box .btn, .search-header button { background-color: #7a6a20 !important; color: #fff !important; }
.label-sale { background-color: #c44900 !important; }
.label-sale.blue-left, .deals-days .label-sale { background-color: #1f6f99 !important; }
.label-sale.blue-left:before { border-color: #1f6f99 transparent transparent !important; }
.price-old, .price .price-old { color: #6f6f6f !important; }
.footer-middle-right { background-color: #6b5d1c !important; }

/* Hero: three different photos, darker veil so white titles stay readable on light rooms. */
.home-slider .item-slider { position: relative; }
.home-slider .item-slider > a { display: block; position: relative; }
.home-slider .item-slider > a::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); pointer-events: none; }
.home-slider .item-slider img { width: 100%; height: auto; aspect-ratio: 1920 / 895; object-fit: cover; }

/* Deal carousel now shows catalogue photos (square/portrait) in a 340x370 slot. */
.deals-days .product-info .product-image img { width: 100%; aspect-ratio: 340 / 370; object-fit: cover; }

/* Small labels: countdown units and blog month were 10px. */
.table-countdown .text, .deals-days .countdown-box .text, .post-month { font-size: 12px !important; }

/* "Diskon" label text sat 4px outside its tag. */
.label-sale { width: auto !important; min-width: 72px; padding-left: 10px !important; padding-right: 10px !important; white-space: nowrap; text-align: center; }

/* The right "Produk Populer" panel shares .deals-left with the gold panel: keep it white. */
.deals-days .deals-left.deals-right { background-color: #fff !important; }

/* Thumbnails in cart/checkout/wishlist/compare tables. */
.mdix-thumb { width: 80px; height: 80px; object-fit: cover; }
.compare .mdix-thumb { width: 160px; height: 160px; }

/* Share icons on the product page (replaced the seller's Facebook/Twitter iframes). */
.mdix-share { list-style: none; margin: 8px 0 0; padding: 0; display: flex; gap: 8px; }
.mdix-share a { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border: 1px solid #ddd; color: #444; font-size: 18px; }
.mdix-share a:hover, .mdix-share a:focus { background: #7a6a20; border-color: #7a6a20; color: #fff; }

@media (max-width: 991px) {
  /* Phone menu button 34px -> 44px. */
  #show-megamenu.navbar-toggle { width: 44px; height: 44px; min-width: 44px; padding: 0; font-size: 20px; line-height: 44px; text-align: center; }
  /* Touch targets: footer/menu text links and product names were 17-20px tall. */
  .footer-list li a, .contact-list li a, .row-list li a, .list-sub-category ul li a, .list-box li a { display: inline-block; min-height: 24px; padding: 4px 0; }
  .product-name a, .blog-title a { display: inline-block; min-height: 24px; }
  .footer-social li a { width: 44px !important; height: 44px !important; line-height: 44px !important; }
}

/* Testimonial: fixed 1920x614 background left white bands on tall screens -> cover + scroll (JPG copy, 1.2 MB PNG). */
.customer-opinion { background: #3a3a3a url(image/catalog/demo/slider/home1/customer-bg.jpg) no-repeat center / cover !important; background-attachment: scroll !important; }
.customer-opinion .customer-opinion-slider .owl2-controls .owl2-nav div { color: #fff !important; background-color: rgba(0, 0, 0, 0.6) !important; width: 44px !important; height: 44px !important; line-height: 44px !important; font-size: 18px; }

/* Bootstrap primary buttons (checkout, account, cart) were light grey/gold with white text. */
.btn-primary, .btn-primary:focus, #content .btn-primary, .so-onepagecheckout .btn-primary, .so-onepagecheckout #button-confirm, .so-onepagecheckout .btn { background-color: #7a6a20 !important; border-color: #7a6a20 !important; color: #fff !important; }
.btn-primary:hover { background-color: #5c4f16 !important; border-color: #5c4f16 !important; }

/* Product page: only one photo per product, so the single-thumbnail column is hidden. */
.product-detail-top .gallery-box, .product-slider-gallery-sidebar { display: none !important; }
.product-detail-top .main-slider-box { width: 100% !important; float: none !important; margin: 0 !important; }
/* "Tambah ke keranjang" wrapped outside its button. */
@media (min-width: 768px) { .product-infomation .option-group .button-group .add-to-cart { width: auto !important; min-width: 170px; padding: 0 16px; white-space: nowrap; } }

/* Blog: "Selengkapnya" button grey #999 with white text; quote-post icon was a 27x24 placeholder box. */
.listing-blog .listing-blog-item .blog-item-desc-box .blog-item-info .read-more { background-color: #7a6a20 !important; color: #fff !important; }
.listing-blog .listing-blog-item.listing-blog-no-image .blog-item-desc-box .blog-item-info .blog-item-desc,
.listing-blog-2-column .listing-blog-item.listing-blog-no-image .blog-item-desc-box .blog-item-info .blog-item-desc { background-image: none !important; position: relative; }
.listing-blog .listing-blog-item.listing-blog-no-image .blog-item-desc-box .blog-item-info .blog-item-desc::before,
.listing-blog-2-column .listing-blog-item.listing-blog-no-image .blog-item-desc-box .blog-item-info .blog-item-desc::before { content: "\f10d"; font-family: FontAwesome; position: absolute; left: 0; top: 2px; color: #7a6a20; font-size: 18px; }

/* Menu bar: translucent black over the hero measured 1.2:1 against light photos -> solid dark bar. */
.typeheader-1 .header-bottom { background-color: #3a3a3a !important; }

/* Info strip: white text on light blue (1.9:1) -> darker blues (4.9:1 / 5.7:1). */
.infomation .infomation-bg { background-color: #23799c !important; }
.infomation .infomation-bg .box:nth-child(2) .infomation-box { background-color: #1b6f8f !important; }
.infomation .infomation-bg .box:nth-child(2) .infomation-box:before { border-right-color: #1b6f8f !important; }
.infomation .infomation-bg .box:nth-child(2) .infomation-box:after { border-left-color: #1b6f8f !important; }
@media (max-width: 991px) { .infomation .infomation-bg .box:nth-child(2) { background-color: #1b6f8f !important; } }

/* Room tabs in "Promo Hari Ini": keep photo proportions. */
.deals-days .room .room-box img { object-fit: cover; }

/* Heavy backgrounds -> JPG copies. */
footer .footer-box, .typefooter-1 .footer-box { background: linear-gradient(rgba(20, 20, 20, 0.72), rgba(20, 20, 20, 0.72)), #2b2b2b url(image/catalog/demo/footer/footer-middle-bg.jpg) center / cover no-repeat !important; }

@media (max-width: 767px) {
  /* Phone header: "Gratis Ongkir" box hidden and logo + cart share one row, so the menu button sits higher. */
  .typeheader-1 .header-center .shipping { display: none !important; }
  .typeheader-1 .header-bottom .social-header a, .typeheader-1 .header-bottom-right a, .header-bottom ul.social li a { min-width: 32px; min-height: 44px; display: inline-flex !important; align-items: center; justify-content: center; }
  .listing-blog .read-more, .blogs .read-more, a.read-more { display: inline-block; padding: 6px 0; }
}

@media (max-width: 767px) {
  /* Compact phone header (logo, search, cart) so the menu button is reachable without scrolling far. */
  .typeheader-1 .header-center { padding-top: 8px !important; padding-bottom: 8px !important; }
  .typeheader-1 .header-center .logo { margin: 0 0 8px !important; padding: 4px !important; }
  .typeheader-1 .header-center .logo img { max-height: 40px; width: auto; }
  .typeheader-1 .header-center .search-form { margin: 0 0 8px !important; }
  .typeheader-1 .header-center .cart { margin: 0 !important; }
  .typeheader-1 .header-center .cart .cart-box { padding-top: 8px !important; padding-bottom: 8px !important; min-height: 44px; }
  .typeheader-1 .header-top { padding: 0 !important; }
}
.typeheader-1 .header-center .logo img { width: 198px; height: auto; }
@media (max-width: 767px) {
  /* Logo and cart share the first row, search below. */
  .typeheader-1 .header-center .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 0; }
  .typeheader-1 .header-center .container::before, .typeheader-1 .header-center .container::after { display: none; }
  .typeheader-1 .header-center .logo { order: 1; flex: 0 0 auto; width: auto !important; margin: 0 !important; border: 0 !important; padding: 0 !important; float: none !important; }
  .typeheader-1 .header-center .logo img { width: 150px; }
  .typeheader-1 .header-center .cart { order: 2; flex: 0 0 auto; width: auto !important; float: none !important; }
  .typeheader-1 .header-center .cart .cart-box { padding: 6px 12px !important; }
  .typeheader-1 .header-center .cart .quantity { font-size: 13px; margin: 0; }
  .typeheader-1 .header-center .search-form { order: 3; flex: 0 0 100%; width: 100% !important; margin: 0 !important; float: none !important; }
}
/* Room tabs: labels sat directly on light photos. */
.deals-days .deals-left .room .room-box a { position: relative; display: block; }
.deals-days .deals-left .room .room-box a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 55%; background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); pointer-events: none; }
.deals-days .deals-left .room .room-box .room-title { z-index: 1; color: #fff !important; }
.deals-days .deals-left .room .room-box.active .room-title { text-decoration: underline; text-underline-offset: 4px; }

/* Blue "Diskon" tag: its tail stuck 4px outside the tag box. */
.label-sale.blue-left:before { right: 0 !important; }
/* Remaining AA contrast on light grey sidebars / table heads / review links. */
.aside-best-seller .price, .deals-box .price { color: #b3141c !important; }
.price .price-old, .aside-best-seller .price .price-old { color: #5f5f5f !important; }
.checkout-product thead th, .so-onepagecheckout .checkout-product th { color: #555 !important; }
.reviews-button, .add-reviews, .product-infomation .review-box a { color: #666 !important; }
/* List view: the cart button has a gold background, so its label must be white. */
.product-list .product-list-view-04 .product-layout-table .product-box .button-group .add-to-cart,
.product-list .product-list-view-04 .product-layout-list .product-box .button-group .add-to-cart,
.product-list .product-list-view .product-layout-list .product-box .button-group .add-to-cart { color: #fff !important; }
@media (min-width: 992px) { .product-list .product-box .button-group .add-to-cart { white-space: nowrap; font-size: 12px; padding-left: 6px !important; padding-right: 6px !important; } }
/* Price filter row: two Rupiah fields + button on one line. */
.filter-price .price-container { display: flex; align-items: center; gap: 6px; }
.filter-price .price-container::before, .filter-price .price-container::after { display: none; }
.filter-price .price-container .price-wrap-1, .filter-price .price-container .price-wrap-2 { flex: 1 1 0; min-width: 0; margin: 0 !important; float: none !important; display: flex; align-items: center; }
.filter-price .price-container input { width: 100% !important; min-width: 0; }
.filter-price .price-container button { flex: 0 0 auto; float: none !important; margin: 0 !important; padding: 0 12px; }
@media (max-width: 991px) {
  /* Touch targets on tablets/landscape phones: header social icons (8-13px wide), top-bar links, "Selengkapnya". */
  .typeheader-1 .header-bottom-right ul li a { display: inline-flex !important; min-width: 32px; min-height: 44px; align-items: center; justify-content: center; }
  .typeheader-1 .header-top a { display: inline-flex; align-items: center; min-height: 32px; }
  a.read-more, .blogs .blog-box a.read-more, .blogs a.smooth.read-more { display: inline-flex !important; align-items: center; min-height: 32px; }
}
@media (max-width: 991px) {
  /* Inner pages: breadcrumbs, table/product links, accordion toggles, review links >= 24px tall. */
  .breadcrumbs .breadcrumb li a, .table td a, .panel-title a, .review-box a, .checkout-product a.product-name, .list-box li a, .blog-categories-box li a, .aside-best-seller .product-name a { display: inline-block; min-height: 24px; line-height: 24px; }
  .checkout-product a.product-name { white-space: normal !important; overflow: visible !important; height: auto !important; line-height: 20px; padding: 2px 0; }
  .my-account fieldset .control-label.col-md-2 { width: auto !important; white-space: nowrap; }
}

/* Blog meta (author, category, comments) was #ccc on white. */
.blog-item-info-post .blog-info-post-item, .blog-info-post-item { color: #666 !important; }
.comment-form button.btn, .comment-form .btn { background-color: #7a6a20 !important; color: #fff !important; }

@media (hover: none) {
  /* Portfolio: project names only appeared on mouse hover; on touch screens show them as a caption bar. */
  .portfolio-2-column .portfolio-box .portfolio-info, .portfolio-3-column .portfolio-box .portfolio-info, .related-project .portfolio-box .portfolio-info { opacity: 1 !important; transform: none !important; top: auto !important; padding: 8px 12px; background-color: #333 !important; pointer-events: auto !important; }
  .portfolio-box .portfolio-info .portfolio-button-group { display: none; }
}
@media (max-width: 991px) {
  .blog-item-title a, .related-post-title a, .portfolio-name a, .about-the-author a, .contact-us a[href^="mailto:"], .contact-us a[href^="tel:"], .store-item a, .login a, form a.agree, .forget-password a { display: inline-block; min-height: 24px; line-height: 24px; }
}
@media (max-width: 991px) { .form-group > a[href="contact-us.html"], .about-the-author .author-email a { display: inline-block; min-height: 24px; line-height: 24px; } }

.ltabs-tab-selected, span.ltabs-tab-selected { color: #444 !important; }
.coming-soon ul li a, .coming-soon-social li a, .page-coming-soon .social a { display: inline-flex !important; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }
@media (max-width: 767px) { .product-infomation .option-group .button-group .add-to-cart { white-space: normal; height: auto; line-height: 1.3; padding: 8px 10px; } }
.coming-social li a { display: inline-flex !important; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }

/* CLS: Owl sliders stacked every slide until the script ran (hero pushed "Promo Hari Ini" down). Show only the first slide before init. */
.yt-content-slider:not(.owl2-loaded) > div:not(:first-child) { display: none; }

/* FAQ: white text on cyan (2.3:1). */
.faq-container ul.yt-accordion li.accordion-group .accordion-heading.active, .faq-container ul.yt-accordion li.accordion-group .accordion-heading:hover,
.faq-container .faq-tabs > li.active a, .faq-container .faq-tabs > li > a:hover { background-color: #1b6f8f !important; border-color: #1b6f8f !important; color: #fff !important; }
.btn-danger { background-color: #b52b27 !important; border-color: #b52b27 !important; }
/* Blog date badge: solid dark box. */
.blogs .post-time { background-color: #333 !important; }
/* Portfolio project names: caption bar on every screen (they were white text that only appeared on mouse hover). */
.portfolio-2-column .portfolio-box .portfolio-info, .portfolio-3-column .portfolio-box .portfolio-info, .related-project .portfolio-box .portfolio-info { opacity: 1 !important; transform: none !important; top: auto !important; padding: 8px 12px; background-color: #333 !important; pointer-events: auto !important; }
.portfolio-box .portfolio-info .portfolio-button-group { display: none; }
/* "Tambah ke keranjang" wrapped onto a second line outside the 45px button on 3-4 column grids. */
.product-box .button-group .add-to-cart { width: 70% !important; padding: 0 2px !important; white-space: nowrap; }
.product-box .button-group .wishlist-btn { width: 15% !important; }
@media (min-width: 768px) and (max-width: 991px) {
  /* Info strip: three equal-height boxes. */
  .infomation .infomation-bg { display: flex; }
  .infomation .infomation-bg .box { flex: 1 1 0; display: flex; }
  .infomation .infomation-bg .box .infomation-box { flex: 1 1 auto; }
}
/* Hero: the photo sits under a 50% black veil; give the slide the matching dark colour so text contrast is measured against it. */
.home-slider .item-slider { background-color: #2b2b2b; }
.product-infomation .button-group .wishlist-btn { min-width: 32px; }
@media (max-width: 767px) { .infomation .infomation-bg .box:nth-child(2) .infomation-box { margin-left: 0 !important; margin-right: 0 !important; } .infomation .infomation-bg { overflow: hidden; } }
@media (max-width: 767px) { footer .copyright, .typefooter-1 .copyright { padding: 0 60px 12px !important; } }
.mdix-thumb { max-width: none !important; min-width: 64px; flex: none; }
@media (max-width: 767px) { .table .mdix-thumb { width: 64px; height: 64px; min-width: 64px; } }
.deals-days .deals-left .deals-left-desc .room .room-box.active .room-title, .deals-days .deals-left .deals-left-desc .room .room-box .room-title { color: #fff !important; position: relative; z-index: 2; }

/* Final re-verification 2026-10-13: hovered/tapped top menu item had olive text on the olive hover background (1:1). */
header ul.megamenu > li > a:hover,
header ul.megamenu > li:hover > a,
header ul.megamenu > li.active > a { color: #fff !important; }
/* Final re-verification 2026-10-13: wordmark redrawn with "Furniture Utama" as large as "MDIX" (was ~6px on phones). */
@media (max-width: 767px) { .typeheader-1 .header-center .logo img { width: 175px; max-width: 100%; height: auto; } }