/* MDIX Industri Prima — per-template fixes */
/* Indonesian titles are written in proper case; the theme's capitalize turned "dari" into "Dari". */
.glax_tm_hero_header_wrap .swiper_content .texts_wrap h3 { text-transform: none; }

/* Design QA 2026-10-12 */
/* Phone gutter: theme used 10px under 480px; 16px reads less cramped. */
@media (max-width: 480px) {
	.container { padding: 0 16px; }
}
/* Accordion headings asked for "Raleway", which is never loaded (fell back to a serif font). */
.glax_tm_accordion .accordion_in .acc_head { font-family: "Rubik", sans-serif; }
/* "Kenali Profil Perusahaan" link: the third-party video and its play icon were removed. */
.glax_tm_project_video.mdix-no-video .project_time { margin-left: 0; }
/* "Ke Atas" label was 10px. */
.glax_tm_totop .name { font-size: 12px; }
/* Phone footer: the absolute "Ke Atas" button sat on top of the copyright line. */
@media (max-width: 768px) {
	.glax_tm_footer_wrap .bottom_wrap .copyright p,
	.bottom_wrap .copyright p { padding-right: 64px; }
}
/* Project detail: the hanging logo ribbon covered the first gallery photo on desktop. */
@media (min-width: 1041px) {
	.glax_tm_justified_wrap { margin-top: 70px; }
}
/* Blog article body (the theme's post page had no text at all). */
.mdix-article { clear: both; margin: 34px 0 50px; }
.mdix-article p { font-size: 15px; line-height: 1.8; color: #555; margin: 0 0 18px; }
.mdix-article .mdix-article-meta { font-size: 13px; color: #666; font-style: italic; }
.mdix-article h3 { font-family: "Rubik", sans-serif; font-weight: 500; font-size: 22px; line-height: 1.3; color: #181a2f; margin: 28px 0 12px; }
.mdix-article a { color: #1f6fa8; text-decoration: underline; }

/* Small labels (10px) → 12px; the red "Tahun pengalaman" (#ad3110 on navy, 2.9:1) lightened for AA. */
.glax_tm_introduce_wrap .experience_box .bottom .definition,
.glax_tm_introduce_wrap .experience_box .bottom .definition p { font-size: 12px; color: #f2896a; }
.glax_tm_experience_box .bottom .definition,
.glax_tm_experience_box .bottom .definition p { font-size: 12px; }
.glax_tm_rating_wrap .inner .title p { font-size: 12px; }
/* Solid colours behind sections whose dark look comes from separate image/overlay layers
   (no visual change; keeps text contrast measurable). */
.glax_tm_hero_header_wrap { background-color: #0b1120; }
.glax_tm_main_responsibility_wrap { background-color: #23252e; }

/* Touch targets: phone/tablet top bar icons (20px), social icons (25px), menu button (30x18). */
.glax_tm_mobile_bar_wrap .mobile_topbar_wrap .short_info_wrap ul li { margin-right: 0; }
.glax_tm_mobile_bar_wrap .mobile_topbar_wrap .short_info_wrap ul li a { padding: 12px; top: 0; line-height: 0; }
.glax_tm_mobile_bar_wrap .mobile_topbar_wrap .mobile_socials_wrap ul li { margin-right: 8px; }
.glax_tm_mobile_bar_wrap .mobile_topbar_wrap .mobile_socials_wrap ul li a { width: 36px; height: 36px; line-height: 36px; }
.glax_tm_mobile_bar_wrap .mobile_header_wrap .trigger_wrap .hamburger { padding: 13px 7px; }
.glax_tm_mobile_bar_wrap .mobile_topbar_wrap .inner_wrap { padding: 8px 0; }
/* Text links in the footer and blog cards: at least 24px tall. */
footer .helpful_links a,
footer .links_wrap a,
.glax_tm_home_blog_wrap .descriptions_wrap .category a,
.glax_tm_view_more_wrap a { display: inline-block; padding-top: 3px; padding-bottom: 3px; }
.glax_tm_project_video.mdix-no-video .project_time { display: inline-block; padding: 3px 0; }
/* Footer: its navy look comes from overlay layers; a matching solid colour underneath (no visual change). */
footer.glax_tm_footer_wrap { background-color: #0d1628; }
/* Phone logo link was 19px tall: give it a 43px hit area, header height unchanged. */
.glax_tm_mobile_bar_wrap .mobile_header_wrap { padding: 8px 0; }
.glax_tm_mobile_bar_wrap .mobile_header_wrap .logo_wrap a { display: inline-block; padding: 12px 0; }
/* More short text links (breadcrumb, service list, comment reply, office e-mail, project filter) → ≥24px tall. */
.builify_tm_breadcrumbs ul li a,
.glax_tm_categories .list_wrap ul li a,
.glax_tm_blog_single_wrap .commentbox .definition a,
.glax_tm_main_contact_wrap .short_info_wrap a { display: inline-block; padding-top: 3px; padding-bottom: 3px; }
.glax_tm_projects_wrap .filter_wrap .all_projects a { display: inline-block; padding-top: 4px; padding-bottom: 4px; }
/* Project cards: white titles over a light sky were hard to read → darker bottom gradient. */
.glax_tm_home_project_wrapper_all .rightbox ul li .inner .image_wrap .overlay_color,
.glax_tm_projects_wrap .glax_tm_portfolio_list .inner .image_wrap .overlay_color { background-image: linear-gradient(to bottom, rgba(4, 18, 48, 0) 40%, rgba(4, 18, 48, .75) 100%); }
/* "Ke Atas" label at 12px needs a wider box (was clipped at 51px). */
.glax_tm_totop { width: 64px; }
.glax_tm_totop .shape { left: 17px; }
/* Blog photos come in different shapes (one is square): keep every post image 16:9. */
.glax_tm_blog_wrap .blog_list_wrap ul li .inner .image img,
.glax_tm_blog_single_wrap .image_holder_blog img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
/* The square Cikarang plant photo: show the plant, not the sky, in the 16:9 crop. */
img[src="img/blog/1.jpg"] { object-position: 50% 85%; }

/* AA contrast (D-20): theme grey #777 is 4.48:1 on white and 3.86:1 on the light-blue boxes → #666. */
.glax_tm_pagination ul li span,
.glax_tm_justified_content .infobox ul li span,
.glax_tm_service_title_holder p,
.glax_tm_service_single_wrap .leftbox .image_definition p,
.glax_tm_service_single_wrap .leftbox .service_features .definition p,
.glax_tm_other_services_wrap .services_list_wrap ul li .description p,
.glax_tm_blog_single_wrap .subtitle p,
.glax_tm_blog_single_wrap .comment_wrap .title h3,
.glax_tm_blog_single_wrap .commentbox .definition .title,
.glax_tm_blog_single_wrap .commentbox .definition p span,
.glax_tm_blog_single_wrap .commentbox .full_definition p,
.glax_tm_blog_single_wrap .replybox .title h3,
.glax_tm_about_wrap .subtitle p,
.glax_tm_about_wrap .about_service_list p,
.glax_tm_main_contact_wrap .contact_text p,
.glax_tm_contact_wrap .leftbox .subtitle p,
.glax_tm_contact_wrap .get_in_touch_wrap .title h3,
.glax_tm_contact_wrap .inner_wrap .row label
 { color: #666; }
/* AA contrast (D-20): brand blue #45a2df with white text is 2.8:1 → #1a5f91 for buttons, text links and
   labels on light backgrounds. Blue on dark backgrounds (footer hours, icons) stays as it was. */
.glax_tm_request_estimate_wrap .definition,
.glax_tm_other_services_wrap .services_list_wrap ul li .read_more_in,
.glax_tm_other_services_wrap .services_list_wrap ul li .read_more_in a:before,
.glax_tm_contact_wrap .inner_wrap .row a,
.glax_tm_projects_wrap .all_projects,
.glax_tm_subscribe_wrap .right_wrap .button { background-color: #1a5f91; }
.glax_tm_request_estimate_wrap .first_shape .first,
.glax_tm_request_estimate_wrap .first_shape .third,
.glax_tm_request_estimate_wrap .second_shape .first,
.glax_tm_request_estimate_wrap .second_shape .third { border-bottom-color: #1a5f91; }
.glax_tm_justified_content .infobox ul li label,
.glax_tm_blog_single_wrap .commentbox .definition p a,
.glax_tm_blog_single_wrap .commentbox .full_definition p a { color: #1a5f91; }
/* Blog list: image links were inline (19px tall); post meta links and share icons → ≥24px. */
.glax_tm_blog_wrap .blog_list_wrap ul li .inner .image a { display: block; }
.glax_tm_blog_wrap .definitions_wrap .short_info a { display: inline-block; padding-top: 3px; padding-bottom: 3px; }
.glax_tm_share_wrap ul li a { display: inline-block; min-width: 32px; min-height: 32px; line-height: 32px; text-align: center; }
/* "Selengkapnya →" links: the arrow hung 27px outside the link box (part of the arrow was not clickable). */
.glax_tm_button_more_wrap a { padding-right: 30px; }
.glax_tm_button_more_wrap a .arrow_wrap .first { right: 22px; }
.glax_tm_button_more_wrap a .arrow_wrap .second { right: 3px; }
.glax_tm_home_service_list ul li .inner_list:hover .arrow_wrap .first,
.glax_tm_button_more_wrap a:hover .arrow_wrap .first { right: 3px; }
/* Desktop menu: the dropdown caret sat outside the link box; same look, caret now inside the link. */
.glax_tm_header_wrap .header_inner_wrap .menu_wrap > ul > li.shape { margin-right: 30px; }
.glax_tm_header_wrap .header_inner_wrap .menu_wrap > ul > li.shape > a { padding-right: 15px; }
.glax_tm_header_wrap .header_inner_wrap .menu_wrap > ul > li.shape > a:before { left: auto; right: 0; }
/* Phone "Minta Penawaran" dropdown: three inputs side by side cut the placeholders ("Nama And…") → stack. */
@media (max-width: 600px) {
	.glax_tm_dropdown_wrap .input_list_wrap ul li { width: 100%; margin-bottom: 0; }
}
/* Hero slide 1 (three workers on the left of the photo): keep them in view on narrow screens. */
@media (max-width: 1040px) {
	.glax_tm_hero_header_wrap .bg_img[data-img-url="img/slider/1.jpg"],
	.glax_tm_hero_header_wrap .bg_img[style*="slider/1.jpg"] { background-position: 22% center; }
}