/* MDIX design-QA overrides — MDIX Agensi Prima (2026-10-13) */

/* Teks di atas foto terang: lapisan gelap agar terbaca */
.hero-1::before { background: linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.55) 55%, rgba(0,0,0,.45) 100%); }
.hero-1 .hero-content .text-1,
.hero-1 .icon-text p,
.hero-1 .hero-list li,
.hero-1 .client-info h4 span { color: #e6e6e6; }
.hero-1 .hero-list li::before { background-color: #e6e6e6; }
.about-section.bg-cover { box-shadow: inset 0 0 0 4000px rgba(10, 10, 14, .72); }
.about-wrapper .about-content ul .about-list .content p { color: #d0d0d0; text-transform: none; }
.cta-wrapper.bg-cover { box-shadow: inset 0 0 0 4000px rgba(10, 10, 14, .6); }

/* Kalimat Indonesia tidak di-Title Case */
.testimonial-wrapper .testimonial-box-items .client-info .client-content p,
.faq-wrapper .faq-content .accordion-item .accordion-header .accordion-button,
.service-details-wrapper .accordion-item .accordion-header .accordion-button,
.pricing-box-items .pricing-list li,
.news-details-wrapper .news-post-details .single-news-post .post-content .hilight-text p,
.contact-wrapper .contact-content .form-clt span { text-transform: none; }

/* Kontras AA: warna aksen (#59D2F3) dipergelap untuk teks di latar terang */
.brand-wrapper h4 span,
.section-title h6 { color: #0b7894; }
.about-section .section-title h6,
.case-study-section .section-title h6,
.testimonial-section .section-title h6,
.awards-area h3 { color: #59D2F3; }

/* Target sentuh */
.header-main .sidebar__toggle { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
.header-main .header-logo { display: inline-flex; align-items: center; min-height: 44px; }
.footer-wrapper .exolax-text { display: block; }
.swiper-dot .swiper-pagination-bullet { width: 24px; height: 24px; padding: 7px; background-clip: content-box; box-sizing: border-box; }
.swiper-dot .swiper-pagination-bullet:not(:last-child) { margin-right: 2px; }
.footer-wrapper .footer-wrapper-items .footer-social-contact .social-icon a { width: 44px; height: 44px; line-height: 44px; }
.offcanvas__info .social-icon a { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }

/* Hero: kata yang diketik selalu di baris sendiri, jadi tinggi judul tidak berubah (CLS) */
@media (max-width: 575px) {
  .hero-1 .hero-content h1 br { display: inline; }
}
.hero-1 .hero-content h1 #typing-text { display: inline-block; min-height: 1em; }

/* Header transparan di atas foto: gradasi tipis agar menu putih selalu terbaca */
.header-1:not(.sticky) { background-image: linear-gradient(180deg, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, 0) 100%); }

/* Harga Rupiah lebih panjang dari $99: ukuran disesuaikan agar tidak terpotong */
.pricing-box-items .pricing-header h2 { font-size: clamp(44px, 3.6vw, 56px); text-transform: none; line-height: 1.05; }
.pricing-box-items .pricing-header h2 sub { font-size: 24px; margin-left: 4px; bottom: 0; }

/* Target sentuh halaman dalam (≥24px) */
.breadcrumb-wrapper .page-heading .breadcrumb-items li a { display: inline-flex; align-items: center; min-height: 24px; }
.service-widget-categories ul li a,
.main-sidebar .single-sidebar-widget .news-widget-categories ul li a { display: inline-block; padding: 4px 0; min-height: 24px; }
.news-details-wrapper .news-post-details .tag-share-wrap .tagcloud a { display: inline-block; min-height: 24px; line-height: 24px; }
.news-details-wrapper .news-post-details .tag-share-wrap .social-share a { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; min-height: 24px; }

/* Label "Tentang Kami" (halaman Tentang) di latar putih */
.about-wrapper-2.style-theme-color .about-content h6 { color: #0b7894; }
.contact-info-section a[href^="tel:"], .contact-info-section a[href^="mailto:"],
.team-details-section a[href^="tel:"], .team-details-section a[href^="mailto:"] { display: inline-block; min-height: 24px; line-height: 24px; }
.cat-list li a { display: inline-block; min-height: 24px; line-height: 24px; }
.testimonial-wrapper-4 .testimonial-content h4,
.brand-wrapper-2 .brand-text { text-transform: none; }
.brand-wrapper-2 .brand-text::first-letter { text-transform: uppercase; }
.service-details-wrapper .accordion-item .accordion-header .accordion-button:not(.collapsed),
.faq-wrapper .faq-content .accordion-item .accordion-header .accordion-button:not(.collapsed) { color: #0b7894; }