/* MDIX Masjid Syariah — audit fixes (2026-10-05) */

/* Scroll-reveal (WOW) left a course card blank in the page; show content immediately. */
.wow {
  visibility: visible !important;
  animation-name: none !important;
}

/* Footer links sat on a bright mosque photo: darken it so the white text reads. */
.main-footer .footer_bg-image {
  filter: brightness(0.3);
}

/* White hero title on a bright white-mosque photo: dim the photo. */
.slider-one_image-layer {
  filter: brightness(0.55);
}

/* Testimonial text sat on a busy library photo. */
.testimonial-one {
  background-color: rgba(255, 255, 255, 0.85) !important;
  background-blend-mode: lighten;
}

/* Rupiah amounts are longer than "$32": fit them inside the price circle. */
.price-block_one-price {
  font-size: 24px;
  padding-top: 30px;
}
.price-block_one-price sub {
  font-size: 13px;
}


/* ===== Design QA 2026-10-13 ===== */

/* Title Case (text-transform: capitalize) on Indonesian sentences ("Di Masjid", "Selamat Datang Di"):
   show text as written, only the first letter capitalised. */
.slider-one_heading,
.students-one_title,
.top-rated_heading,
.passout_heading,
.course-block_one-study,
.course-block_one-price,
.cta-one_heading,
.price-block_one-button .theme-btn,
.news-block_one-heading,
.news-block_one-author,
.news-block_one-more,
.cta-two_heading,
.course-block_two-heading,
.course-block_two-price,
.news-block_two-heading,
.news-block_two-author,
.news-block_two-more,
.page-title h2,
.page-title .bread-crumb li,
.styled-pagination li a,
.service-detail_lower-title,
.course-detail-tabs .tab-btns .tab-btn,
.accordion-box .block .acc-btn,
.accordion-box .block .preview,
.accordion-box .questions,
.skills .skill-item .skill-header .skill-title,
.class-block_one-list li a,
.time-countdown_subtitle,
.news-block_three-heading,
.news-block_three-more,
.category-list li a,
.post-widget .post h6,
.post-widget .post .post-date,
.popular-tags a,
.blog-detail_heading,
.blog-detail_subtitle,
.post-share-options .tags a,
.sidebar-page-container .comments-area .comment-info .comment-time,
.sidebar-page-container .comments-area .comment-box .reply-btn,
.event-block_one-heading,
.event-detail_subtitle,
.accordion-box_two.style-two .block .acc-btn,
.organiser-title,
.contact-info_heading,
.contact-form_box h4,
.faq-one h3,
.faq-one h4,
.error-one h3,
.register-one h3,
.course-review_box h5,
.course-block_three-heading,
.footer-title,
.btn-style-one,
.btn-style-two,
.btn-style-three,
.sec-title_heading {
  text-transform: none !important;
}
.main-header .main-menu .navigation > li > a,
.main-header .mobile-menu .navigation li > a {
  text-transform: none;
}
.sec-title_heading::first-letter, .page-title h2::first-letter, .slider-one_heading::first-letter,
.students-one_title::first-letter, .top-rated_heading::first-letter, .passout_heading::first-letter,
.cta-two_heading::first-letter, .cta-one_heading::first-letter, .news-block_one-heading::first-letter,
.event-block_one-heading::first-letter, .course-block_two-heading::first-letter,
.news-block_two-heading::first-letter, .news-block_three-heading::first-letter, .blog-detail_heading::first-letter,
.accordion-box .block .acc-btn::first-letter, .faq-one h3::first-letter, .error-one h3::first-letter,
.register-one h3::first-letter, .contact-form_box h4::first-letter, .event-detail_subtitle::first-letter,
.blog-detail_subtitle::first-letter, .service-detail_lower-title::first-letter {
  text-transform: uppercase;
}

/* Brand green rgb(29,142,90) gives 4.14:1 with white button text: darken to 5.2:1 (also green text on white). */
:root {
  --main-color: rgb(24,124,78);
  --main-color-rgb: 24,124,78;
}

/* Hidden hover label of the white button was white on white (1.00:1). */
.btn-style-three .btn-wrap .text-two {
  color: var(--color-nine);
}
.btn-style-three:hover .btn-wrap .text-two {
  color: var(--white-color);
}

/* Inner-page banners: white title on a bright white-mosque photo — add a dark overlay. */
.page-title::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(8, 28, 19, 0.55), rgba(8, 28, 19, 0.65));
  pointer-events: none;
}
.page-title > .auto-container {
  position: relative;
  z-index: 1;
}

/* Custom cursor ring parked at (0,0) on touch screens. */
@media (hover: none), (max-width: 1199px) {
  .cursor, .cursor-follower { display: none !important; }
}

/* Phone menu button 22x44 -> 44x44. */
.main-header .mobile-nav-toggler {
  min-width: 44px;
  min-height: 44px;
  text-align: center;
}

/* Touch targets >= 24px: footer links, logo link, legal links, card "Selengkapnya". */
.main-footer .footer-list li a,
.main-footer .footer-nav li a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}
.logo-box .logo a, .footer-logo a, .nav-logo a {
  display: inline-block;
  min-height: 44px;
  line-height: 0;
  padding: 1px 0;
}
.service-block_one-more {
  min-height: 24px;
  line-height: 24px;
}

/* Swiper dots 12px -> 24px hit area, same 12px look. */
.testimonial-one .swiper-pagination-bullet,
.testimonial-two_pagination .swiper-pagination-bullet {
  width: 24px !important;
  height: 24px !important;
  border: 0 !important;
  background: none !important;
  margin: 0 2px !important;
}
.testimonial-one .swiper-pagination-bullet::before,
.testimonial-two_pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid var(--black-color);
  background: var(--white-color);
}
.testimonial-one .swiper-pagination-bullet-active::before,
.testimonial-two_pagination .swiper-pagination-bullet-active::before {
  border-color: var(--main-color);
  background: var(--main-color);
}

/* CTA band: white heading ran onto the light yellow end of the gradient. */
.cta-two_heading {
  color: #12261c;
}

/* ===== Design QA 2026-10-13 (resume) ===== */

/* Top bar: sunrise/sunset links were green on green (1.00:1) and 18px tall. */
.header-top_list-two li a {
  color: inherit;
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}
.header-top_list-two li a:hover { text-decoration: underline; }

/* Counter tiles: number ("7") sat at the top of the yellow box; centre both tiles. */
.top-rated-icon,
.passout-number {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
}

/* Prayer countdown: white text on the light yellow-green gradient (~2:1) → dark text. */
.prayer-time_time .title,
.time-countdown .counter-column,
.time-countdown .counter-column .count,
.time-countdown .counter-column::before,
.time-countdown_subtitle {
  color: #12261c;
}

/* Helpline widget: phone number broke mid-number ("0000-/0000") — label on its own line (HTML), number kept whole. */
.helpline-widget_number { white-space: nowrap; line-height: 1.35; }
.helpline-widget_number span { white-space: normal; }

/* Hidden hover label of the yellow button was white on yellow (1.46:1). */
.btn-style-four .btn-wrap .text-two { color: var(--color-nine); }
.btn-style-four:hover .btn-wrap .text-two { color: var(--white-color); }

/* Price chips: green on yellow 3.57:1 → dark green. */
.course-block_two-price span,
.course-detail_price span { color: #0d4a2e; }
/* Course detail: yellow price on white, grey labels, green-on-yellow button. */
.course-detail_price { color: #12261c; }
.course-list li { color: #5c5a55; }
.course-appy_btn { color: #12261c; }
.accordion-box .questions { opacity: 1; color: #0d4a2e; }
.course-detail .accordion-box .block .content .text,
.accordion-box .block .text { color: #5c5a55; }

/* Sidebar/comment dates 3.5:1 → AA. */
.post-widget .post .post-date,
.sidebar-page-container .comments-area .comment-info .comment-time { color: #5c5a55; }

/* Touch targets >= 24px on inner pages. */
.page-title .bread-crumb li a,
.service-block_two-more,
.category-list li a,
.styled-form .forgot-psw,
.contact-info a,
.speaker-block_one-heading a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}
.post-widget .post h6 a {
  display: inline-block;
  min-height: 24px;
}

/* 992–1199px: four course cards in a 3-column row left one card alone → 2 × 2. */
@media (min-width: 992px) and (max-width: 1199px) {
  .courses-one .course-block_one.col-lg-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
/* Below 1200px the CTA button sat right against the heading: put it on its own line. */
@media (max-width: 1199px) {
  .cta-one_heading { flex: 0 0 100%; }
}