/* MDIX audit fixes — MDIX Donasi Utama */

/* The green panel behind the volunteer form is a 5000px-wide pseudo element:
   clip it to its section so the page is not 5600px wide. */
.become-volunteer-sec {
  position: relative;
  overflow: hidden;
}

/* Partner strip only held grey placeholder boxes with size labels (149x39). */
.all-patner-sec {
  display: none !important;
}

/* Indonesian menu labels are longer than the English ones: tighten the item
   padding so the menu, search and cart stay on one line. */
@media (min-width: 992px) {
  .hd-sec .main-menu > ul > li > a {
    padding-left: 11px;
    padding-right: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hd-sec .main-menu > ul > li > a {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 12px;
  }
}

/* Raised / target amounts on their own lines so the cards stay even. */
.single-causes .causes-fund span {
  display: block;
  margin: 0 0 4px;
}

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

/* D-20: brand green #10cb7f (2.13:1 with white) and orange #ff6d0d (2.82:1) fail AA as
   button/menu backgrounds and as text on white. Every theme rule that paints them is
   repeated below with darker shades (green #087a4c 5.4:1, orange #c2410c 5.2:1).
   Footer rules are left out: there the bright green sits on a dark photo. */
/* from css/main.css */
::-moz-selection { background-color: #087a4c; }
::selection { background-color: #087a4c; }
#scrollUp { background-color: #087a4c; }
.hd-top-sec { background-color: #087a4c; }
.info-box span.info-title { color: #087a4c; }
.social-profile li a i:hover { background-color: #087a4c; }
.menu { background-color: #087a4c; }
.main-menu ul ul { border-top-color: #c2410c; background-color: #087a4c; }
.main-menu ul ul li a:hover { background-color: #097445; }
.search-forum > form { background-color: #c2410c; }
.search-forum input[type="submit"] { background-color: #087a4c; }
.causes2-thumb-overlay li a:hover { background-color: #087a4c; border-color: #087a4c; }
.slider-text li a { background-color: #087a4c; border-color: #087a4c; }
.slider-text li:last-child a { background-color: #c2410c; border-color: #c2410c; }
.slider-text li:last-child a:hover { border-color: #c2410c; }
.all-slide .owl-controls .owl-dot { background-color: #087a4c; }
.all-slide .owl-controls .owl-dot.active { background-color: #c2410c; }
.sec-title p span { color: #06663f; }
.help-box-icon::before { border-bottom-color: #087a4c; }
.help-box-icon { background-color: #087a4c; }
.help-box-icon::after { border-top-color: #087a4c; }
.donate-box-text span { color: #087a4c; }
.donate-box-button a { background-color: #c2410c; border-bottom-color: #9a3412; }
.donate-box-button a:hover,
.volunteer-form input[type="submit"]:hover { background-color: #087a4c; border-bottom-color: #097445; }
.testimonial-text a:hover,
.event-button a:hover,
.donation-form input[type="submit"]:hover,
.register-form.billing-form input[type="submit"]:hover,
.login-form.billing-form input[type="submit"]:hover,
.update-cart-left input[type="submit"]:hover,
.update-cart-right li:last-child a:hover { background-color: #c2410c; border-bottom-color: #9a3412; }
.wedget-newsletter input[type="submit"]:hover { background-color: #c2410c; }
.volunteer-form input[type=submit] { background-color: #c2410c; border-bottom-color: #9a3412; }
.causes-button span a { background-color: #087a4c; border-bottom-color: #097445; }
.causes-button span:last-child a { background-color: #c2410c; border-bottom-color: #9a3412; }
.causes-button span a:hover { background-color: #c2410c; border-bottom-color: #9a3412; }
.causes-button span:last-child a:hover { background-color: #087a4c; border-bottom-color: #097445; }
.fund-bar { background-color: #087a4c; }
.progres_count { background-color: #c2410c; }
.count-up-sec { background-color: #087a4c; }
.event-title h1 span { color: #087a4c; }
.event-meta li i { color: #087a4c; }
.event-button a { background-color: #087a4c; border-bottom-color: #097445; }
.donate-amount span:hover { border-color: #087a4c; }
.donation-form input[type="submit"] { background-color: #087a4c; border-bottom-color: #097445; }
.register-form.billing-form input[type="submit"], .login-form.billing-form input[type="submit"] { background-color: #087a4c; border-bottom-color: #097445; }
.team-member::before { background-color: #06663f; }
.team-member> img { border-bottom-color: #06663f; }
.team-member > ul { background-color: #06663f; }
.testimonial-text  span { color: #06663f; }
.testimonial-text a { background-color: #087a4c; border-bottom-color: #097445; }
.client-comment span::before { background-color: #06663f; }
.client-comment  h3 { color: #087a4c; }
.client-comment::before { color: #06663f; }
.client-comment li a { border-color: #087a4c; color: #087a4c; }
.client-comment li a:hover { background-color: #087a4c; }
.all-testimonial.owl-carousel.owl-theme .owl-dot.active { border-color: #0a7d4e; }
.all-testimonial.owl-carousel.owl-theme .owl-dot.active span { background-color: #0a7d4e; }
.blog-grid-filter li:hover,
.simplefilter li:hover { background-color: #06663f; }
.blog-grid-filter li.active,
.simplefilter li.active { background-color: #06663f; }
.blog-grid-filter li.active::before,
.simplefilter li.active::before { border-bottom-color: #097445; }
.blog-classic-overlay li a:hover { border-color: #c2410c; background-color: #c2410c; }
.event-text span a { color: #087a4c; }
.event-inner:hover .buy-ticket-button a { border-bottom-color: #097445; background-color: #087a4c; }
.pagination.custom-pagination li.active a { background-color: #06663f; }
.pagination.custom-pagination li a:hover { background-color: #06663f; }
.event-speaker-tab li.active a { background-color: #06663f; }
.speaker-info li a i:hover { color: #06663f; }
.single-service-slide:hover .service-slide-text h2 a { color: #087a4c; }
.donor-testimonial.owl-carousel.owl-theme .owl-dot.active { border-color: #0a7d4e; }
.donor-testimonial.owl-carousel.owl-theme .owl-dot.active span { background-color: #0a7d4e; }
.support-widget-text span:last-child { color: #087a4c; }
.price-amount > input[type="submit"] { background-color: #087a4c; }
.price-amount > input[type=submit]:hover { color: #087a4c; border-color: #087a4c; }
.faq-sec .panel-title > a:hover, 
.faq-sec .panel-title > a:active, 
.faq-sec .panel-title > a:focus { color: #087a4c; }
.post-meta li a,
.post-tags li a { color: #087a4c; }
.single-post:hover .single-post-text a.post-link::before { background-color: #097445; }
.single-post:hover .single-post-text a.post-link { background-color: #087a4c; }
.post-date h2 { background-color: #087a4c; }
.single-post-text li a i { color: #087a4c; }
.replay-button a:hover { color: #087a4c; }
.post-share-link span { background-color: #087a4c; }
.sidebar h1::before { background-color: #087a4c; }
.search-field button:hover { color: #087a4c; }
.sidebar ul li a:hover { color: #087a4c; }
.widget-tag li a:hover { color: #06663f !important; }
.single_r_dec li a i { color: #087a4c; }
.single_r_dec  a:hover { color: #087a4c; }
.seemore-button a:hover { background-color: #087a4c; border-color: #087a4c; }
.product-price { color: #087a4c; }
.product-inner:hover .product-meta .add-to-cart a::before { background-color: #097445; }
.product-inner:hover .product-meta .add-to-cart a { background-color: #087a4c; border-color: #087a4c; }
.product-batch { background-color: #087a4c; }
.all-product-thumb .owl-controls .owl-next i:hover { background-color: #06663f; border-color: #06663f; }
.all-product-thumb .owl-controls .owl-prev i:hover { background-color: #06663f; border-color: #06663f; }
.product-details-inner .add-to-cart a { background-color: #087a4c; border-bottom-color: #097445; }
.product-tab li.active a { background-color: #087a4c; border-color: #087a4c; }
.all-related-product .owl-controls .owl-next i:hover { background-color: #06663f; border-color: #06663f; }
.all-related-product .owl-controls .owl-prev i:hover { background-color: #06663f; border-color: #06663f; }
.table-text .product-name a:hover { color: #087a4c; }
.product-total { color: #087a4c; }
.product-delete a:hover { color: #c2410c; }
.update-cart-left input[type=submit] { background-color: #087a4c; border-bottom-color: #097445; }
.update-cart-right li a:hover { background-color: #c2410c; border-bottom-color: #9a3412; }
.update-cart-right li:last-child a { background-color: #087a4c; border-bottom-color: #097445; }
.calculate-shipping input[type="submit"] { background-color: #087a4c; }
.checkout-button a { background-color: #087a4c; }
.checkout-button a:hover,
.calculate-shipping input[type="submit"]:hover { background-color: #c2410c; }
.control-indicator { border-color: #087a4c; }
.radio-inline input:checked ~ .control-indicator { background-color: #087a4c; }
.breadcrumb-left li a:hover { color: #087a4c; }
.breadcrumb-left li:last-child a { color: #087a4c; }
.map-location-overlay a { background-color: #087a4c; border-bottom-color: #097445; }
.map-location-overlay a:hover { background-color: #c2410c; border-bottom-color: #c2410c; }
.contact-field.contact-form input[type="submit"] { background-color: #087a4c; border-color: #087a4c; }
.single-input-fieldsbtn input[type="submit"] { background-color: #087a4c; border-bottom-color: #097445; border-left-color: #087a4c; border-right-color: #087a4c; border-top-color: #087a4c; }
.single-input-fieldsbtn input[type="submit"]:hover { background-color: #c2410c; border-bottom-color: #9a3412; border-left-color: #c2410c; border-right-color: #c2410c; border-top-color: #c2410c; }
.error-page-content h1 { color: #087a4c; }
.error-page-content a { background-color: #087a4c; border-bottom-color: #097445; }
.bussiness-time li span { color: #087a4c; }
.wedget-newsletter input[type="submit"] { background-color: #087a4c; }
.copy-right span,
.copy-right span a { color: #087a4c; }

/* Footer accents on the dark photo stay bright (8:1). */
.bussiness-time > span { color: #fff; }
.bussiness-time li span, .footer-bottom-sec a, .footer-sec a:hover { color: #24dc92; }

/* Counter band: background-attachment: fixed is not painted on phones (and in headless
   Chromium the band was flat grey); scroll keeps the photo visible everywhere. */
.count-up-sec { background-attachment: scroll; }
.count-up-sec-overlay { background-color: rgba(0, 0, 0, 0.55); }

/* Sample-data notices (donation totals, counters, shop). */
.mdix-sample-note { font-size: 13px; line-height: 1.5; color: #555; margin: 0; }
.mdix-sample-note--bar { margin: 24px 0 -60px; padding: 10px 14px; background: #fff7ed; border-left: 4px solid #c2410c; color: #4a2a12; position: relative; z-index: 2; }
.mdix-sample-note--light { color: #fff; text-align: center; margin-top: 16px; opacity: .95; }
.mdix-sample-note--shop { margin: 0 0 30px; padding: 10px 14px; background: #fff7ed; border-left: 4px solid #c2410c; color: #4a2a12; }
.mdix-sample-inline { display: block; font-size: 13px; color: #555; margin-top: 6px; }
.sec-title p span.mdix-sample-inline { color: #555; font-weight: normal; }
.mdix-demo-pay { margin: 16px 0 0; padding: 12px 14px; background: #fff7ed; border-left: 4px solid #c2410c; color: #4a2a12; font-size: 14px; line-height: 1.6; text-align: left; }
.payment-gateway { padding: 0 15px; }
.mdix-wa-confirm { display: inline-block; background: #087a4c; color: #fff !important; font-weight: 700; text-transform: uppercase; padding: 14px 28px; min-height: 48px; border-radius: 3px; margin-top: 10px; }
.mdix-wa-confirm:hover, .mdix-wa-confirm:focus { background: #06663f; color: #fff; text-decoration: none; }

/* Header social icons now WhatsApp / YouTube (were Google+ / Vimeo). */
.social-profile li a i.fa-whatsapp { background: #128c7e; }
.social-profile li a i.fa-youtube-play { background: #c4302b; }

/* Touch targets: logo links were 19px tall inline boxes, team icons 11–26px. */
.logo a, footer a[href="index.html"] { display: inline-block; min-height: 24px; }
.team-member li a, .speaker-social li a, .single-speaker li a { display: inline-block; min-width: 32px; min-height: 32px; line-height: 32px; text-align: center; }
.navbar-toggle { min-height: 44px; min-width: 44px; }
.post-meta li a, .single_r_dec li a, .event-img-overlay li a { display: inline-block; min-height: 24px; line-height: 24px; }
.widget-tag li a { display: inline-block; min-height: 28px; }
.widget-archive li a { display: block; min-height: 28px; }

/* Event names on the small event photos only appeared on hover: show them on touch screens. */
@media (hover: none), (max-width: 1199px) {
  .event-overlay h2 { visibility: visible; right: 0; background-color: rgba(0, 0, 0, 0.55); }
}

/* Sidebar "Kata Donatur": the dots sat on top of the quote. */
.donor-testimonial .owl-controls { position: static; margin-top: 12px; }
.donor-thumb { flex: 0 0 64px; width: 64px; height: 64px; }
.donor-thumb img { width: 64px; height: 64px; object-fit: cover; }

/* Indonesian sentences: no Title Case from the theme's capitalize. */
.donor-comment h3, .event-meta li, .single_r_dec h3, .service-slide-text h2 a, .event-img-overlay li a { text-transform: none; }

/* Hero tagline + footer hours are sentences: no Title Case. */
.slider-inner h2 { text-transform: none; }
.slider-inner h2::first-letter { text-transform: uppercase; }

/* Cart/checkout table headers used a misspelt font ("rale way") and fell back to Times. */
.table-text thead tr th { font-family: 'Raleway', sans-serif; }

/* Longer Indonesian button labels were clipped ("KIRIM SEKARAN"). */
.single-input-fieldsbtn input[type="submit"], .contact-field input[type="submit"] { width: auto; min-width: 160px; padding-left: 24px; padding-right: 24px; }

/* Blog cards: author left, date right on one line; equal rows in the 2/3-column grids. */
.post-meta li { font-size: 13px; margin-right: 6px; }
.post-meta li span { margin-right: 4px; }
.blog-classic-sec { padding-bottom: 80px; }
.blog-sec .post-meta li, .blog-sec .post-meta li:last-child { display: block; float: none; margin: 0 0 2px; }
@media (min-width: 768px) {
  .blog-sec .col-md-8 > .col-md-6:nth-of-type(odd) { clear: left; }
  .blog-sec .row > .col-lg-4:nth-of-type(3n+1) { clear: left; }
}

/* Cause list: the floated "Target" amount pushed the buttons onto two lines. */
.cause-list-inner .causes-fund span, .cause-list-inner .causes-fund span:last-child { display: block; float: none; margin: 0 0 4px; }
.causes-fund { overflow: hidden; }

/* Sidebar appeal box: amount in Rupiah (no "RP" uppercase), bright green on the dark photo. */
.support-widget-text span { text-transform: none; }
.support-widget-text span:last-child { color: #24dc92; }

/* Light grey text (#9e9e9e / #aaa, 2.3–2.7:1) on white: darken to AA grey. */
.price-amount > input[type="text"], .replay-button a, .product-price .amount, .product-delete a,
.table-text .product-quantity input[type="number"], .calculate-shipping select, .added-total-cart-table tbody tr td,
.select-arrow select { color: #595959; }
.payment-method label.radio-inline span { text-transform: none; }

/* Contact: email address was capitalised ("Halo@…") by the help-box first-letter rule. */
.contact-info .help-box-text p::first-letter { text-transform: none; }

/* Donation page: notice sat under the (raised) WhatsApp button; headings are sentences. */
.payment-gateway { top: 0; z-index: auto; display: block; margin-top: 8px; }
.donate-amount h2, .donate-subscribe-time h2 { text-transform: none; }
.donate-amount input[type="text"] { float: none; display: inline-block; vertical-align: top; color: #333; text-transform: none; margin-top: 6px; }

/* Countdown in the narrow sidebar widget wrapped onto two lines. */
.support-widget-wrapper #countdown_time { font-size: 22px; white-space: nowrap; }
@media (max-width: 479px) { #countdown_time { font-size: 22px; padding: 24px 10px; } }

/* Event date bar: white text on 70% bright green (≈2:1) → dark green. */
.event-img-overlay ul { background-color: rgba(8, 122, 76, 0.92); }

/* Price filter: Rupiah range did not fit the box with the theme's wide letter-spacing. */
.price-amount > input[type="text"] { letter-spacing: 0; font-size: 13px; }

/* Round 2 — touch targets ≥24px found at 390/768. */
.breadcrumb-left li a { display: inline-block; min-height: 24px; line-height: 24px; }
.speaker-info li a { display: inline-block; min-width: 32px; min-height: 32px; line-height: 32px; text-align: center; }
.event-text span a, .service-slide-text h2 a, .feature-event-text h2 a { display: inline-block; min-height: 24px; padding: 2px 0; }
.table-text .product-img a { display: inline-block; min-height: 32px; }
.table-text .product-delete a { display: inline-block; min-width: 32px; min-height: 32px; line-height: 32px; text-align: center; }

/* Gallery/FAQ filter toggle on phones: white on bright green (2.1:1). */
.shorttitle { background-color: #087a4c; }
.navbarsort .navbar-toggle { background-color: #c2410c; }

/* Cart/checkout table was 475px wide at 390: drop the photo + unit-price columns on phones. */
.table-text { overflow-x: auto; }
@media (max-width: 479px) {
  .table-text .product-img, .table-text .product-price { display: none; }
  .table-text table th, .table-text table td { padding: 10px 4px; font-size: 13px; }
  .table-text thead tr th { font-size: 13px; }
}
.footer-bottom-sec .copy-right p span, .footer-bottom-sec .copy-right p span a, .footer-bottom-sec .copy-right a { color: #24dc92; }

/* Volunteer form panel: white text on 90% bright green (≈1.9:1) → dark brand green. */
.volunteer-form::before { background-color: rgba(8, 122, 76, 0.94); }
.sec-title p span.mdix-sample-inline { font-size: 13px; }
.gallery-overlay, .blog-classic-overlay { background-color: rgba(8, 122, 76, 0.82); }

/* 768–991px: Indonesian menu wrapped to two rows (190px green bar) and covered the hero
   tagline at 844 landscape — tighten items, search and cart so it stays one row. */
@media (min-width: 768px) and (max-width: 991px) {
  .hd-sec .main-menu > ul > li > a { font-size: 11px; padding-left: 4px; padding-right: 4px; letter-spacing: 0; }
  .hd-sec .site-search { padding-left: 10px; padding-right: 10px; }
  .hd-sec .cart-button { padding-left: 26px; padding-right: 26px; }
}

/* Round 3 — remaining 19–21px links: post/product titles, rating stars, categories, share icons. */
.single-post-text h2 a, .product-text h2 a, .product-cat a { display: inline-block; min-height: 24px; padding: 2px 0; }
.add-to-rating a { display: inline-block; min-height: 24px; line-height: 24px; }
.post-share-link li a { display: inline-block; min-width: 32px; min-height: 32px; line-height: 32px; text-align: center; }
.payment-gateway { clear: both; padding-top: 12px; }
.donation-form .billing-form form::after { content: ""; display: table; clear: both; }
.blog-sec { padding-bottom: 80px; }