/* MDIX Industri Korporat — audit fixes */

/* Client logo strip only holds the seller's size-label placeholder boxes. */
.clients-section,
.client-section,
section.clients,
.clients {
  display: none !important;
}

/* ---------- Colour / contrast (WCAG AA) ---------- */
p,
.font-20,
.font-20 p {
  color: #666;
}
a {
  color: #5f5f5f;
}
.main-header .header-top {
  background: #245a86;
  color: #fff;
}
.main-header .header-top a {
  color: #fff;
}
.main-header .header-top .top-right .links-nav li a {
  background: #173d5c;
  color: #fac012;
  line-height: 30px;
}
.main-header .info-box .light-text,
.main-header .info-box li a {
  color: #5f5f5f;
}

/* ---------- Hero (Revolution Slider) ---------- */
.rev_slider .tp-caption {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.75);
}
.rev_slider_wrapper .factory-caption-p {
  color: #fff;
}
.rev_slider_wrapper .factory-caption-p .thm-btn {
  text-shadow: none;
}
/* Theme hides every hero caption under 640px: show a text panel under the photo instead. */
.mdix-hero-mobile {
  display: none;
}
@media (max-width: 640px) {
  .mdix-hero-mobile {
    display: block;
    background: #080808;
    padding: 28px 0 32px;
  }
  .mdix-hero-mobile h1 {
    margin: 0 0 10px;
    font-size: 26px;
    line-height: 1.25;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
  }
  .mdix-hero-mobile p {
    color: #e6e6e6;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 20px;
  }
  .mdix-hero-mobile .thm-btn {
    min-height: 48px;
    line-height: 48px;
    padding: 0 22px;
    margin: 0 8px 8px 0;
  }
}

/* ---------- Full-width photo bands (inline `background:` shorthand made them tile) ---------- */
.call-to-action-home,
.contact-section[style*="background"],
.inner-banner[style*="background"],
section[style*="parallax.jpg"] {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.call-to-action-home {
  position: relative;
}
.call-to-action-home::before,
.contact-section[style*="background"]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.call-to-action-home::before {
  background: rgba(8, 8, 8, 0.72);
}
.call-to-action-home .container {
  position: relative;
  z-index: 1;
}
.call-to-action-home p,
.call-to-action-home p a {
  color: #fff;
  border-color: #fac012;
}
.call-to-action-home p a {
  color: #fac012;
}
.contact-section[style*="background"] {
  position: relative;
}
.contact-section[style*="background"]::before {
  background: rgba(8, 8, 8, 0.8);
}
.contact-section[style*="background"] > .container {
  position: relative;
  z-index: 1;
}

/* ---------- Header ---------- */
/* hamburger is only for the collapsed menu (theme shows it up to 1199px, menu collapses at 1024px) */
@media (min-width: 1025px) {
  .mainmenu-holder .nav-footer {
    display: none !important;
  }
}
/* search + quote button on one row next to the menu */
@media (min-width: 1200px) {
  .mainmenu-wrapper .search-box {
    width: 140px;
    margin-right: 10px;
  }
  .mainmenu-wrapper .get-appt .appt-btn {
    padding-left: 18px;
    padding-right: 18px;
  }
  .mainmenu-wrapper .search-box form input {
    width: calc(100% - 50px);
    box-sizing: border-box;
    padding-left: 14px;
  }
}
@media (max-width: 767px) {
  .main-header .header-top,
  .main-header .header-upper .upper-right {
    display: none;
  }
  .main-header .header-upper {
    padding: 14px 0 16px;
  }
  .main-header .header-upper .logo img {
    margin-top: 0;
  }
}
/* Hamburger (moved out of its list so it is a plain button) */
.mainmenu-holder .nav-footer > .menu-expander {
  width: 50px;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  color: #111;
  background: #fbca00;
  border: 0;
  padding: 0;
}
.mainmenu-holder .nav-footer > .menu-expander:hover,
.mainmenu-holder .nav-footer > .menu-expander:focus-visible {
  background: #fff;
}
@media (max-width: 1024px) {
  /* closed phone menu: not just clipped, really hidden (no focusable links) */
  .mainmenu-holder .nav-header.closed {
    visibility: hidden;
  }
  .mainmenu-holder .nav-header.opened {
    visibility: visible;
  }
  .mainmenu-holder .nav-header > ul > li > a {
    min-height: 44px;
    line-height: 44px;
  }
  .mainmenu-holder .nav-header .navigation .dropdown-expander {
    min-width: 44px;
    min-height: 44px;
  }
}

/* ---------- Footer ---------- */
.footer-widget.about-widget .social li a {
  display: inline-block;
  min-width: 44px;
  min-height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
}
.footer-widget.about-widget .social li + li {
  margin-left: 6px;
}
.footer-widget.about-widget .social {
  margin-left: -14px;
}
.single-team-member .social li a {
  display: inline-block;
  min-width: 28px;
  min-height: 28px;
  line-height: 28px;
  text-align: center;
}
.footer-bottom .get-text li a {
  display: inline-block;
  min-height: 32px;
  line-height: 32px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .footer-widget .inner-title h3 {
    font-size: 20px;
    word-break: normal;
  }
}
@media (max-width: 991px) {
  .footer-widget {
    padding: 40px 0 10px;
  }
}
@media (max-width: 767px) {
  .footer-bottom .pull-left,
  .footer-bottom .pull-right {
    float: none !important;
  }
  .footer-bottom .copy-text {
    padding-right: 64px;
  }
}

/* ---------- Text blocks: manual line breaks only make sense on wide screens ---------- */
@media (max-width: 1199px) {
  .section-title .font-20 p br,
  .single-our-service p br,
  .blogList_single_post p br,
  .video-quot p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer-widget {
    padding-left: 0;
  }
}

/* Testimonial page: signature line instead of the seller's signature image */
.our-achivement .mdix-sign {
  font-family: "Montserrat", sans-serif;
  color: #444;
  line-height: 1.5;
}
.our-achivement .mdix-sign strong {
  color: #111;
  font-size: 18px;
}

/* FAQ: "Roboto Slab" is never loaded, the browser fell back to Times */
.single-faq-box h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 18px;
}

/* Blog detail: article title as the page's main heading */
.blogList_single_post .post .text .mdix-post-title {
  font-family: "Montserrat", sans-serif;
  font-size: 26px;
  line-height: 1.35;
  color: #272727;
  margin: 6px 0 16px;
}
@media (max-width: 767px) {
  .blogList_single_post .post .text .mdix-post-title {
    font-size: 22px;
  }
}

/* Shop: Rupiah prices in an AA-safe dark gold, product names link to the detail page */
.single-shop-item .text-box p span,
.best_selling_item .text span,
.product_details .item_price {
  color: #8a6400;
}
.single-shop-item .text-box h3 a {
  color: inherit;
}
ul.feedback li i {
  color: #fac012;
}
.product_details .mdix-product-title {
  font-family: "Montserrat", sans-serif;
  font-size: 26px;
  line-height: 1.3;
  color: #272727;
  margin: 0;
}

/* Hero: reserve the slider height before Revolution Slider sets it (CLS 0.35 -> 0) */
.rev_slider_wrapper {
  min-height: min(675px, calc(100vw * 675 / 1170));
}

/* ---------- AA text on the yellow brand colour ---------- */
.thm-btn {
  color: #111;
}
.thm-btn i {
  color: inherit;
}
.thm-btn:hover,
.thm-btn:focus-visible {
  background: #111;
  border-color: #111;
  color: #fff;
}
.thm-btn.thm-tran-bg {
  color: #fff;
}
.thm-btn.thm-tran-bg:hover,
.thm-btn.thm-tran-bg:focus-visible,
.thm-btn.thm-color2:hover,
.thm-btn.thm-color2:focus-visible {
  background: #fac012;
  border-color: #fac012;
  color: #111;
}
.thm-btn.thm-color,
.thm-btn.thm-tran-bg.thm-color {
  color: #fac012;
}
.thm-btn.thm-color:hover,
.thm-btn.thm-color:focus-visible {
  background: #fac012;
  border-color: #fac012;
  color: #111;
}
.video-quot p,
.news .blogList_single_post .post .news-date {
  color: #111;
}
.testimonials-section .author p {
  color: #8a6400;
}
.blogList_single_post .post .text p a,
.blogList_single_post .post .text p.author a {
  color: #666;
}

/* Touch targets */
.blogList_single_post .link a,
.main-header .header-top .top-left .links-nav li a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}

/* Footer text: the global AA grey above is for light sections only */
.footer p,
.footer-widget.link-widget li a,
.footer-widget.about-widget .social li a,
.footer-bottom p,
.footer-bottom .get-text ul li a {
  color: #bdbdbd;
}
.footer-widget.link-widget li a:hover,
.footer-bottom .get-text ul li a:hover {
  color: #fac012;
}

/* Brand yellow used as TEXT on light backgrounds -> dark gold (D-20); stays yellow on dark sections */
.thm-color,
.breadcumb-wrapper .get-qoute,
.contact-details .item .content h5 {
  color: #8a6400;
}
.about-section .thm-color,
.footer .thm-color,
.contact-section .thm-color,
.call-out .thm-color,
.thm-btn.thm-color {
  color: #fac012;
}

.history .item .top-box .count {
  color: #555;
}

/* Shop sidebar: Rupiah range needs room; long product names stay next to their thumbnail */
.single-sidebar.price-ranger .ranger-min-max-block input[type='text'],
.single-sidebar.price-ranger .ranger-min-max-block input[type='text'].max {
  max-width: 78px;
  width: 78px;
  color: #555;
  text-align: left;
}
.single-sidebar.price-ranger .ranger-min-max-block span {
  color: #555;
}
.single-sidebar.price-ranger .ranger-min-max-block > span:first-of-type {
  display: block;
  margin-top: 10px;
}
.best_sellers .best_selling_item .text {
  width: calc(100% - 70px);
  padding-left: 14px;
}
.best_sellers .best_selling_item .text span,
.product_details .product_top_section .item_description .item_price {
  color: #8a6400;
}

/* Yellow buttons with the thm-color modifier (contact form) need dark text */
.thm-btn.thm-color:not(.thm-tran-bg) {
  color: #111;
}
/* Testimonial grid: equal-height cards so the float grid does not stagger */
.mixit-gallery > .row {
  display: flex;
  flex-wrap: wrap;
}
.mixit-gallery > .row > .mix {
  margin-bottom: 30px;
}
.mixit-gallery > .row > .mix .slide-item {
  height: 100%;
  margin-bottom: 0;
}
.accordions-box.style-2 .accrodion.active .accrodion-title h4,
.accordions-box.style-2 .accrodion.active .accrodion-title h4:before,
.accrodion.active .accrodion-title h4:before,
.img-slide-box .caption h5,
.img-slide-box .caption p {
  color: #111;
}

/* Card grids (news cards, blog grid, shop): equal-height rows instead of staggered floats */
section.news > .container > .row,
.shop .col-md-9 > .row {
  display: flex;
  flex-wrap: wrap;
}
section.news > .container > .row > .col-md-4 {
  display: flex;
}
section.news > .container > .row > .col-md-4 > .blogList_single_post {
  width: 100%;
}
.blogList_single_post .post .text p br {
  display: none;
}

/* Cart: province dropdown (jQuery UI selectmenu) uses the full column width */
.shipping_address .ui-selectmenu-button {
  width: 100% !important;
  box-sizing: border-box;
}


/* Theme light-grey (#9e9e9e family) text on white/#f7f7f7 fails AA -> #666 (generated from style.css selectors, dark sections excluded) */
.accordions-box.style-2 .accrodion .accrodion-title h4:before,
.account_page .single_checkbox label,
.account_page form .input_group i,
.account_page form .input_group input,
.accrodion .accrodion-content p,
.accrodion .accrodion-title h4:before,
.cart_table .table-2 td:last-child span,
.cart_table input,
.check_out_form form textarea,
.check_out_form input,
.error-section .error-searchbox ul li a,
.news .blogList_single_post .post p a,
.news .blogList_single_post .post ul li a,
.outer ul.benifit li,
.product-review-tab .add_your_review form input,
.product-review-tab .add_your_review form textarea,
.product-review-tab .item_review_content .text .reply_share_area a,
.product-review-tab .item_review_content .text .up_down_nav a,
.product_details .product-review-tab .nav li a,
.product_details .product_top_section .item_description>div button,
.product_details .product_top_section .item_description>div input,
.product_details .product_top_section .item_description>ul>li,
.recent-posts.post-thumb .post,
.recent-posts.post-thumb .post .post-info,
.shipping_address .submit_form  .ui-selectmenu-button span.ui-icon,
.shipping_address .submit_form .ui-selectmenu-button span.ui-selectmenu-text,
.shipping_address .submit_form .ui-state-default,
.shipping_address .submit_form input,
.shop_cart_table .table-1 tr td span,
.shop_cart_table .table-2 td:last-child span,
.shop_cart_table input.coupon,
.sidebar_categories ul li a,
.sidebar_search input,
.sidebar_tags ul li a,
.single-blog .post-pagination .post-controls li,
.single-blog .post-pagination .post-controls li a,
.single-blog .post-pagination .share-options li a,
.single-project-content .single-project-content p,
.single-shop-item .text-box p del,
.single-sidebar-box .contact-details .item .content p,
.single-sidebar-box.price-filter button,
.single-sidebar-box.service-link-widget ul.catergori-list li a,
.single-sidebar-box.tag-links ul li a,
.single-sidebar.price-ranger .ranger-min-max-block input[type='text'],
.single-sidebar.price-ranger .ranger-min-max-block span,
.single-team-member .social li a,
.single_contact_form .contact-details .item .content p,
.single_contact_form .g-select,
.single_contact_form .g-select:focus,
.single_contact_form .select-form .dropdown-menu.inner .btn.focus,
.single_contact_form .select-form .dropdown-menu.inner .btn:focus,
.social-links-one a,
.subscription label,
.tabs-box.tabs-style-two ul li,
ul.gallery-filter li span {
  color: #666;
}

/* Yellow-filled theme buttons (shop/account/blog forms): dark text */
.color1_bg,
.color2_bg,
button.color1_bg,
a.color1_bg,
a.color2_bg {
  color: #111 !important;
}
/* Small text links: at least 24px tall */
.breadcumb-wrapper ul.link-list li a,
.breadcumb-wrapper .get-qoute,
.error-section .error-searchbox ul li a,
.account_page .float_right {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}
.error-section .search-box form button {
  min-height: 44px;
}
/* Checkout: heading with its checkbox may wrap on narrow columns */
.check_out_form .section-title h2 {
  white-space: normal;
  overflow-wrap: anywhere;
}
.check_out_form h2 input {
  right: auto;
  margin-left: 14px;
  vertical-align: middle;
}

/* ---------- Round 2: remaining AA spots on inner pages ---------- */
.contact-post h4,
.brochures-lists li.active a span,
.tabs-box.tabs-style-two ul li.active-btn,
.product_details .product-review-tab .nav li.active a {
  color: #111;
}
.tabs-box.tabs-style-two ul li.active-btn,
.brochures-lists li.active a,
.our-achivement .quot,
.our-achivement .quot span,
.link-btn a,
.contact-section.style-2 .section-title h2,
.faq-section .contact-section .section-title h2 {
  color: #8a6400;
}
.bootstrap-select .filter-option,
.contact-post .text a,
.contact-post .text-box a {
  color: #555;
}
/* tap targets on phones */
.chemical-offer .title a,
.best_sellers .best_selling_item .text > a,
.shop_cart_table .flex_item h6 a,
.link-btn a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}
.img-slide-box .bx-pager-link {
  width: 24px !important;
  height: 24px !important;
  padding: 7px;
  background-clip: content-box !important;
  box-sizing: border-box;
}
.bootstrap-select .filter-option {
  text-transform: none;
}
.contact-section .bootstrap-select .filter-option,
.contact-section .g-select {
  color: #fff;
}
.contact-section.style-2 .bootstrap-select .filter-option {
  color: #555;
}
.breadcumb-wrapper a.get-qoute {
  color: #8a6400;
  font-weight: 400;
}
.single-sidebar-box.service-link-widget ul.catergori-list li.active a,
.single-sidebar-box.service-link-widget ul.catergori-list li a:hover,
.single-sidebar-box .contact-details .item .content h5,
.single_contact_form .contact-details .item .content h5 {
  color: #8a6400;
}
.chemical-offer .item .title span {
  color: #111;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  width: 24px !important;
  height: 24px !important;
  padding: 7px;
  background-clip: content-box !important;
  box-sizing: border-box;
}

/* Hero captions over light photos: dark backdrop behind the subtitle, tinted ghost button */
.rev_slider_wrapper .factory-caption-p:not(:has(.thm-btn)) {
  background: rgba(0, 0, 0, 0.55);
  padding: 6px 14px !important;
  text-shadow: none;
}
.rev_slider_wrapper .thm-btn.thm-tran-bg {
  background: rgba(0, 0, 0, 0.45);
}
section.news > .container > .row > .col-md-4 > .blogList_single_post {
  display: flex;
  flex-direction: column;
}
section.news > .container > .row > .col-md-4 > .blogList_single_post > .post {
  flex: 1 1 auto;
}
@media (max-width: 991px) {
  .contact-section .home-contact-form {
    margin-top: 0;
  }
}
/* keep the fixed scroll-to-top button off the copyright line */
@media (max-width: 1199px) {
  .footer-bottom .container {
    padding-right: 80px;
  }
}

.single-sidebar-box.service-link-widget ul.catergori-list li a {
  min-height: 24px;
}

/* Verifikasi ulang akhir 2026-10-13 */
.mdix-sample-note { display: block; width: 100%; margin: 12px 0 0; font-size: 13px; line-height: 1.4; font-style: italic; font-weight: 400; letter-spacing: 0; text-transform: none; color: inherit; }