/* MDIX audit — template-specific fixes (mdix-masjid-utama). */

/* ScrollSmoother pins the whole page in a fixed wrapper; full-page captures (catalogue,
   audit, "save as PDF") then show only the first screen. Let the page scroll natively. */
#smooth-wrapper {
  position: relative !important;
  height: auto !important;
  overflow: visible !important;
  inset: auto !important;
}
#smooth-content {
  transform: none !important;
}

/* Footer background art spells the theme seller's name ("islamus"); hide that layer. */
.footer-one .sec-bg {
  display: none !important;
}

/* ---- design-qa round 1 (2026-10-13) ---- */

/* Sample-data labels (donation figures, prayer times, agenda are demo content). */
.mdix-sample-note {
  margin: 14px auto 0;
  max-width: 640px;
  font-size: 14px;
  line-height: 1.6;
  font-style: italic;
  color: #4d5c55;
}
.mdix-sample-inline {
  font-style: italic;
  white-space: nowrap;
}

/* Keyless map embed in place of the theme's illustrated US map image. */
.mdix-map {
  display: block;
  width: 100%;
  height: 220px;
  border: 0;
}
iframe.map {
  border: 0;
}

/* Replaced photo slot: keep the slot size, crop the photo. */
img.mdix-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Homepage footer is a rounded card; the 90px white strip under it looked unfinished. */
.pb-90:has(> .footer-one) {
  padding-bottom: 0 !important;
}

/* Decorative hero shape: no distortion on narrow screens. */
.banner-section .outer-box .shape1 img {
  object-fit: cover;
}

/* Phone menu button: 44px touch target (theme: 25x21). */
@media (max-width: 1023px) {
  .mobile-nav-toggler {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
}

/* AA contrast: donation amounts (#7A7A7A on the light card = 4.0:1). */
.causes-block .inner-block .content-box .donation-info .fund-raise .text span,
.causes-block .inner-block .content-box .donation-info .fund-goal .text span {
  color: #5c5c5c;
}

/* Touch targets >= 24px: team names, slider bullets. */
.team-block .title a,
.title-box .title a {
  display: inline-block;
  min-height: 24px;
}
.blog-slider .swiper-pagination .swiper-pagination-bullet {
  height: 24px;
  padding: 9px 0;
  background-clip: content-box;
}

/* Footer (inner pages): the one-line logo-2.png was only 13px tall; use the two-line white logo. */
.footer-two .inner-box .logo a img.mdix-footer-logo {
  width: 170px;
  height: auto;
  max-width: 100%;
}

/* Indonesian sentence case: undo the theme's Title Case on buttons, menus, breadcrumbs. */
.theme-btn,
.theme-btn .btn-title,
.main-menu .navigation li a,
.mobile-menu .navigation li > a,
.page-breadcrumb li,
.page-breadcrumb li a,
.service-block .inner-box .content .title,
.service-block-two .content .title,
.testimonial-block-two .inner-block .author-box .name,
.testimonial-block-two .inner-block .author-box .designation {
  text-transform: none;
}

/* Donation sidebar phone number: keep on one line. */
.help-contact a[href^="tel:"] {
  white-space: nowrap;
  font-size: clamp(20px, 2vw, 26px);
}

/* News grid: equal photo heights so the cards line up. */
.mdix-news-grid .blog-block .image-box img,
.mdix-news-grid .image-box img {
  height: 320px;
  width: 100%;
  object-fit: cover;
}

/* Comment avatars: round, never stretched. */
.comment-one__image img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
}

/* Event details: the two lower photos share one height. */
.row:has(.mdix-cover) .project-details__img img {
  width: 100%;
  aspect-ratio: 16 / 10;
  height: auto;
  object-fit: cover;
}

/* Team photos (homepage): keep proportions when the card is wider than the PNG. */
.team-block-two .inner-box .image img {
  object-fit: cover;
}

/* Touch targets >= 24px: logo links (inline <a> around a taller image), breadcrumb,
   footer contact links, blog meta links. */
.logo-box .logo a,
.nav-logo a,
.sticky-header .logo a,
.footer-two .logo a,
.footer-one .logo a {
  display: inline-block;
}
.page-breadcrumb li a,
.address-one .text a,
.copyright-text a,
.blog-details__meta li a,
.project-details__client a {
  display: inline-block;
  min-height: 24px;
}

/* AA contrast on inner pages. */
.project-details__client {
  color: #5f6673;
}
.blog-details__meta li a {
  color: #666;
}
.team-details__bottom-left-text {
  color: #5f6266;
}

/* Blog sidebar search: the theme's placeholder rule is dropped (invalid -ms- selector in the list),
   leaving a white placeholder on the light box. */
.sidebar__search-form input[type=search] {
  color: var(--theme-color2);
}
.sidebar__search-form input[type=search]::placeholder {
  color: #5a6660;
  opacity: 1;
}

/* Event details: "all events" grid icon link >= 24px. */
li.count > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  min-height: 28px;
}

/* Donation section: the posed studio-model cut-out (shown >= ~1600px) does not suit a mosque site
   (no posing models); hide it. Restore by deleting this rule. */
.donation-section .sec-hero {
  display: none !important;
}