/* MDIX Logistik Prima — per-template fixes */

/* The decorative header shape (logo-shape.svg) was overwritten with a giant text logo during the
   rebrand and covered the menu; the real logo already sits on the orange .logo-bg. */
.header-layout1 .logo-shape { display: none; }

/* Indonesian menu labels are longer: tighten spacing so the menu and button stay on one row. */
@media (min-width: 1200px) {
  .header-layout1 .main-menu > ul > li { margin: 0 9px; }
}

/* ---------- design-QA 2026-10-12 ---------- */
/* Counter labels used an undefined --style-font and fell back to Times. */
.counter-card_text { font-family: var(--body-font); }

/* Brand orange (#F68B21) with white text is 2.4:1. Buttons, active tabs and orange text use a darker
   shade (#B35900, 4.8:1 on white); decorative orange (logo plate, icon circles) stays as is.
   The button's own background is set too, so the colour is right before the hover layer paints. */
.themeholy-btn:before, .themeholy-btn:not(.blue-btn):not(.blue-btn2):before { background-color: #B35900; }
.themeholy-btn:not(.blue-btn):not(.blue-btn2) { background-color: #B35900; }
.themeholy-btn:not(.blue-btn):not(.blue-btn2):hover, .themeholy-btn:not(.blue-btn):not(.blue-btn2):focus { background-color: var(--theme-color-2); }
.themeholy-btn.white-btn:not(.blue-btn):not(.blue-btn2):hover { background-color: #fff; color: #B35900; }
.themeholy-btn.blue-btn2 { background-color: var(--theme-color-2); }
.request-quote-tabs .nav-link.active { background-color: #B35900 !important; color: #fff !important; }
.faq-tabs .nav-link.active { color: #B35900; }
.sub-title, .project-subtitle, .line-btn:hover, .breadcumb-menu li a, .text-theme,
.accordion-card.active .accordion-button, .accordion-button:not(.collapsed), .footer-links a:hover,
.blog-meta a i, .copyright-text a { color: #B35900; }
.footer-layout1 .copyright-text a { color: #F68B21; } /* on the black footer the bright orange passes */

/* Footer newsletter: keep "Berlangganan" and its icon on one line; show the title on tablets/phones too. */
.newsletter-form .themeholy-btn { white-space: nowrap; max-width: none; padding-left: 28px; padding-right: 28px; }
@media (max-width: 991px) {
  .footer-newsletter .newsletter-title { display: block; text-align: center; margin: 0 0 20px; }
}
/* the fixed scroll-to-top button covered the end of the copyright line on phones */
@media (max-width: 767px) {
  .copyright-wrap .copyright-text { padding-right: 76px; text-align: left; }
}

/* Touch targets (>= 24px) */
.header-logo a, .about-logo a, .mobile-logo a { display: inline-block; padding-top: 4px; padding-bottom: 4px; }
.header-links li a { display: inline-block; padding-top: 4px; padding-bottom: 4px; }
.box-title a, .project-title a, .team-title a, .blog-title a, .post-title a { display: inline-block; padding-top: 2px; padding-bottom: 2px; }
.footer-widget .menu a, .footer-widget ul li a, .footer-links a { display: inline-block; padding-top: 2px; padding-bottom: 2px; }
.blog-meta a, .line-btn { padding-block: 2px; }
.team-card .team-social .themeholy-social { width: 46px; min-height: 140px; left: 4px; }
.team-card .team-social .themeholy-social a { width: 26px; height: 28px; line-height: 28px; }

/* Client page: industry sectors as text tiles instead of third-party brand logos. */
.client-image.client-sector { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; text-align: center; }
.client-image.client-sector i { font-size: 34px; color: #B35900; }
.client-image.client-sector span { font-family: var(--title-font); font-weight: 600; font-size: 17px; color: var(--title-color); }

/* Shop details: product name added above the price */
.product-about .product-title { margin-bottom: 10px; }

/* About photo was squeezed at 1200–1399px (fixed height, auto width): crop instead of stretching. */
.img-box1 .img1 img { object-fit: cover; }

/* Top bar text sits on a sibling dark strip (.top-shape); give the text blocks the same dark colour so
   their contrast is real for any renderer. Dropdown: the selected language was orange on orange. */
.header-layout1 .header-top .header-links ul, .header-layout1 .header-top .header-right { background-color: #121212; }
.header-layout1 .header-right .langauge .nice-select .option.selected { color: #fff !important; background: #B35900 !important; }
.nice-select .list .option { color: var(--title-color); }

/* Orange panels/notices with white text: same darker shade, scoped by overriding the theme variable. */
.service-form, .map-form-wrapper, .contact-form-wrapp, .about-counter-wrapper, .about-counter-wrap,
.woocommerce-notices-wrapper, .woocommerce-form-login-toggle, .woocommerce-form-coupon-toggle,
.cart_table, .cart_totals, .woocommerce-cart-form, .woocommerce-checkout-review-order, .project-card, .project-content,
.widget_price_filter, .product-about { --theme-color: #B35900; }
.price del, del { color: #6B6B6B; }
.woocommerce-info a, .woocommerce-message a { color: inherit; text-decoration: underline; }
/* widget titles: the hidden .shape below the title made the box overflow (flagged as clipped text) */
.widget_title .shape { display: none; }
/* review stars and inline links in the checkout toggles: >= 24px targets */
.rating-select p.stars a { width: 24px; height: 24px; }
.woocommerce-form-login-toggle a, .woocommerce-form-coupon-toggle a, .woocommerce-info a { display: inline-block; padding-top: 3px; padding-bottom: 3px; }
.price del, .product-about .price del, .themeholy-product .price del { color: #6B6B6B !important; }
.nice-select .option.selected.disabled { color: #fff !important; }
.cart_table .amount, .cart_table bdi, .cart_totals bdi, .woocommerce-table bdi, .woocommerce-cart-form bdi { color: #3D3D3D; }
.widget_price_filter .button { color: #8F4700; }
.payment_box p, .wc_payment_methods .payment_box p { color: #4A4A4A; }
/* the selected placeholder option in the quote form was blue on blue */
.themeholy-request-form .form-group .nice-select .option.selected { color: #fff !important; }
/* decorative contour texture behind the testimonial photo: CSS background instead of an <img alt="shape"> */
.testi-contour { display: block; width: 588px; height: 676px; background: url(assets/img/shape/testi_shape_1.jpg) no-repeat center / cover; }
/* star ratings are decoration (they were "#" links): spans keep the old look */
.star-icon span { display: inline-block; font-size: 12px; margin-right: 2px; }
.star-icon span i { color: var(--theme-color); }
/* more >= 24px targets on phones */
.breadcumb-menu li a { display: inline-block; padding-top: 3px; padding-bottom: 3px; }
.blog-img > a, .media-img > a, .product-img > a, .cart-productimage, .wishlist-img > a { display: block; }
.recent-post-meta a, .woocommerce-review-link, .product_meta a, .cart-productname, .product-name a { display: inline-block; padding-top: 4px; padding-bottom: 4px; }
.cart_table a.remove { display: inline-block; min-width: 28px; min-height: 28px; line-height: 28px; text-align: center; }
.widget_price_filter .button { padding-top: 4px; padding-bottom: 4px; }
.project-details-bar-icon { min-width: 26px; min-height: 26px; }
.product-thumbnail > a { display: block; }
/* sub-titles on dark sections keep the bright orange; on the busy container photo use white + a dark overlay */
.bg-title .sub-title { color: #F68B21; }
.testi-sec4 { position: relative; }
.testi-sec4::after { content: ""; position: absolute; inset: 0; background: rgba(8, 18, 48, 0.55); z-index: 0; pointer-events: none; }
.testi-sec4 > .container { position: relative; z-index: 1; }
.testi-sec4 .sub-title { color: #fff; }