/* MDIX audit — template-specific fixes (mdix-donasi-amanah). */

/* Partner-logo strip only held placeholder images (no real partners yet). */
.clients-area {
  display: none !important;
}

/* The footer logo has dark lettering on the dark footer; show it in white. */
footer .footer-bottom .logo img {
  filter: brightness(0) invert(1);
}

/* Rupiah amounts are longer than the original dollar figures: put the target on its own line. */
.popular-causes-items .progress-box h5 .pull-right {
  float: none !important;
  display: block;
  margin-top: 4px;
}

/* ---- design-qa 2026-10-13 ---- */

/* Title Case (text-transform: capitalize) on Indonesian sentences reads wrong ("Halo@Mdix.Digital",
   "Santunan Dan Cek Kesehatan"): text is already written in sentence case in the HTML. */
.top-bar-area .top-address li, .top-bar-area .info li p span, .help-step-area .info h2,
.recent-causes-area ul li, .popular-causes-items .info ul li, .event-area .event-items .info .meta li,
.event-area .item .info h2, .event-area .item .info h3, .event-area .item .info h4,
.upcomming-event-area .info h4, .sidebar-info.upcomming-event .meta li,
.our-story-area .achivement-items .medium, .our-story-area .info h2, .we-do-area .info .item h4,
.history-area .info h4, .our-mission .item h4, .testimonial-items .item h4, .testimonial-items .item span,
.portfolio-area .mix-item-menu button, .portfolio-area .pf-item .info a, .portfolio-details .conetnt li a,
.portfolio-details .bottom-info .tags li a, .portfolio-details .info li span, .portfolio-details .bottom-info li,
.blog-area .blog-items .info h2, .blog-area .blog-items .info h3, .blog-area .blog-items .info h4,
.blog-area .blog-items .info h5, .sidebar-item.category ul li a, .sidebar-item.archives ul li a,
.sidebar-item.tags ul li a, .sidebar-item.search input[type="submit"], .post-tags span, .post-tags a,
.author-bio .content h4, .comments-area .comments-title h2, .comments-area .comments-title h3,
.comments-area .comments-title h4, .comments-list .commen-item .content h5, .comments-form .title h2,
.comments-form .title h3, .comments-form .title h4, .testimonials-area .testimonials-info h2,
.contact-form-area .heading h2, .contact-form-area .heading h3, .contact-form-area .heading h4,
.contact-form-area .heading h5, .error-page-area h2, footer .f-item.recent-post li a,
footer .f-item.link li a, footer .f-item .social li a {
  text-transform: none !important;
}

/* "Data contoh" notes next to donation totals / counters (D-22 style honesty for demo numbers). */
.mdix-sample-note {
  display: inline-block;
  margin: 12px auto 0;
  padding: 6px 14px;
  border-radius: 20px;
  background: #fff4f6;
  border: 1px solid #f1c6d0;
  color: #8a1c35;
  font-size: 13px;
  line-height: 1.5;
}
.mdix-sample-note i { margin-right: 6px; }
.recent-causes-area .mdix-sample-note { display: table; margin: 0 auto 24px; }
.history-area .mdix-sample-note { margin: 0 0 16px; }

/* Donation form: demo notice instead of card fields (no payment is processed). */
.mdix-demo-note {
  margin: 4px 0 18px;
  padding: 12px 14px;
  border-left: 3px solid #b8264a;
  background: #f7f7f9;
  color: #333;
  font-size: 14px;
  line-height: 1.6;
}
.donation-form .btn i.fab { margin-right: 6px; }
.donation-form .input-group-addon:first-child { border-right: 0; }

/* Footer hashtags are plain text now (they linked to "#"). */
footer .mdix-hashtag { color: #f08aa3; }

/* Call-to-action blocks added to inner pages. */
.mdix-cta { margin-top: 50px; }
.mdix-cta h3 { font-weight: 600; margin-bottom: 12px; }
.mdix-cta p { margin-bottom: 20px; }
.mdix-more { margin-top: 10px; margin-bottom: 30px; }
.sidebar-item.archives .sidebar-info p { margin-bottom: 15px; }

/* Event sidebar thumbs: photos are 4:3, keep the theme's wide strip. */
.sidebar-info.upcomming-event .item img { width: 100%; height: 150px; object-fit: cover; margin-bottom: 15px; }

/* Testimonial and comment avatars are real square photos now. */
.testimonial-items .item img { object-fit: cover; }
.author-bio .avatar img, .comments-list .commen-item .avatar img { object-fit: cover; }

/* Footer contact links keep the footer text colour. */
footer .f-item .address li span a { color: inherit; }

/* Blog meta (author/date) was #909090 on white = 3.19:1 → AA grey. */
.blog-area .blog-items .info .meta li,
.blog-area .blog-items .info .meta li a { color: #666666; }

/* Long WhatsApp button text wraps instead of running off phone screens. */
.donation-form .btn { white-space: normal; height: auto; line-height: 1.4; padding-top: 12px; padding-bottom: 12px; max-width: 100%; }

/* Touch targets: phone menu toggle and side-panel toggle were 16x26 / 18px wide. */
@media (max-width: 1199px) {
  nav.navbar.bootsnav .navbar-toggle { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  .attr-nav > ul > li > a { min-width: 44px; text-align: center; }
  .event-area .item .info h4 a,
  .blog-area .blog-items .info .title h4 a,
  footer .f-item .address li span a,
  footer .f-item.recent-post li .info > a { display: inline-block; min-height: 24px; padding: 2px 0; }
}

.mdix-sample-inline { margin: -10px 0 18px; font-size: 13px; color: #666666; font-style: italic; }
footer .footer-bottom .logo a { display: inline-block; padding: 4px 0; min-height: 24px; }

/* Sidebar "recent post" dates were #ccc on white (2.2:1); blockquote author 4.1:1. */
.sidebar-item.recent-post li .info, .sidebar-item.recent-post li .info .meta-title,
.sidebar-item.recent-post li .info .post-date { color: #666666; }
.blog-area blockquote footer { color: #555555; }

/* Breadcrumb and contact links: 24px minimum touch height. */
.breadcrumb-area .breadcrumb li a,
.address-info li p span a { display: inline-block; min-height: 24px; padding: 3px 0; }
.blog-area.full-blog .sidebar .info .meta-title,
.blog-area.full-blog .sidebar .info .meta-title span { color: #666666; }
.address-info li p span a { color: inherit; }