/* MDIX design-QA fixes — MDIX Sekolah Utama (mdix-sekolah-utama), 2026-10-12 */

/* Font: Gilroy tidak ikut dalam paket tema (404) → judul memakai Jost yang sudah dimuat */
:root {
  --theme-heading-font: 'Jost', sans-serif;
  /* kontras AA (D-20): merah merek #F14D5D 3.5:1 → #d42536 5.1:1, teks #77838F 3.9:1 → #5b6672 5.9:1 */
  --theme-primary-color: #d42536;
  --theme-text-color: #5b6672;
}

/* shape_bg.png tidak ada dalam paket (404) */
.banner-style-4:after { background-image: none; }

/* Kartu kategori: teal/oranye gagal kontras dengan teks putih */
.bg-2 { background: #00846e; }
.bg-5 { background: #c25200; }
.single-course-category.style-3 .course-cat-title a { color: #fff; }

/* Target sentuh ≥ 24px (D-11): ikon sosial, link judul, dot slider, link kecil */
.header-socials ul.list-inline li a,
.footer-socials a,
.team-socials li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  min-height: 28px;
}
.footer-socials a { margin-right: 4px; }
.header-topbar .header-socials ul.list-inline { display: inline-flex; flex-wrap: nowrap; margin-bottom: 0; }
.header-topbar .header-socials ul.list-inline li a { min-width: 24px; min-height: 24px; }
.header-topbar .header-btn a { white-space: nowrap; }
.header-contact a,
.header-btn a,
.footer-btm-links a,
.course-title a,
.course-cat-title a,
.course-meta .author a,
.site-logo a {
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 2px;
  min-height: 24px;
}
.header-topbar .header-contact ul.list-inline { margin-bottom: 0; }
.owl-theme .owl-dots .owl-dot { min-width: 24px; min-height: 24px; padding: 2px; }
.owl-theme .owl-dots .owl-dot span { margin: 4px; }
.testimonial-author .meta { font-size: 12px; }

/* Topbar: jarak antara ikon sosial dan tombol Masuk/Daftar di tablet */
@media (max-width: 991px) {
  .header-topbar .header-btn { margin-left: 16px; }
  .header-topbar .header-socials { display: inline-block; }
}
@media (max-width: 575px) {
  .header-topbar .header-btn { margin-left: 0; }
}

/* Hero: ruang kosong 120px di bawah ilustrasi di HP/tablet */
@media (max-width: 991px) {
  .banner-style-4 { padding-bottom: 150px; }
}

/* Bagian video: foto tampil penuh, tombol putar di tengah foto (tema menumpuk foto di atas latar foto lain) */
.video-section {
  background: none;
  padding: 0;
}
.video-section:before { display: none; }
.video-section .video-content {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.video-section .video-content img { width: 100%; }
.video-section .video-content .video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video-section .video-content:after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(18, 15, 45, 0.25);
  pointer-events: none;
}
.video-section .video-content .video-icon { z-index: 2; }

/* Halaman dalam: target sentuh kecil (breadcrumb, link foto, bintang ulasan, penulis, hapus keranjang) */
.header-bradcrumb a,
.author a,
.breadcrumb a { display: inline-block; min-height: 24px; padding: 2px 0; }
.widget-post-thumb a,
.widget-thumb a,
.post-thumb a,
.product-thumbnail a { display: block; }
.rating a { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; min-height: 24px; }
.woocommerce table.cart td.product-remove a.remove { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; }
.site-navbar .nav-close { min-width: 28px; min-height: 28px; }
/* Halaman detail kelas: teks kurikulum #7A7A7A (4,0:1) dan harga sidebar (3,7:1) */
.tutori-course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link .item-name,
.tutori-course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link .course-item-meta .item-meta { color: #5b6672; }
.course-latest h5,
.course-sidebar .widget-post-body h5 { color: #0a4fb8; }

/* Title Case tema pada alamat email/kontak (Halo@Mdix.Digital) */
.contact-info-wrapper .contact-item h5,
.contact-info-wrapper h3 { text-transform: none; }

/* Kontras sisa: meta testimoni (2,2:1) dan teks abu di footer gelap (3,2:1) */
.testimonial-author .meta { color: #5b6672; }
.footer .footer-socials span,
.footer .copyright,
.footer-btm p { color: #b9c0cc; }
.course-sidebar .price-header .course-price-badge { white-space: nowrap; }

/* Keranjang: tabel bertumpuk di HP (woocommerce responsive), kupon/tombol lebar penuh */
@media (max-width: 767px) {
  .woocommerce table.cart.shop_table_responsive thead { display: none; }
  .woocommerce table.cart.shop_table_responsive tbody tr { display: block; border-bottom: 1px solid #e5e5e5; padding: 8px 0; }
  .woocommerce table.cart.shop_table_responsive tbody tr td { display: block; text-align: right; padding: 8px 12px; border: 0; }
  .woocommerce table.cart.shop_table_responsive tbody tr td[data-title]:before { content: attr(data-title) ": "; float: left; font-weight: 600; color: var(--theme-heading-color); }
  .woocommerce table.cart.shop_table_responsive tbody tr td.product-remove { text-align: left; }
  .woocommerce table.cart.shop_table_responsive tbody tr td.product-thumbnail img { width: 90px; height: auto; }
  .cart_totals table.shop_table th { width: 40%; }
  .woocommerce table.cart td.actions { display: block; text-align: left; }
  .woocommerce table.cart td.actions .coupon { display: flex; flex-wrap: wrap; gap: 8px; float: none; }
  .woocommerce table.cart td.actions .coupon label { width: 100%; }
  .woocommerce table.cart td.actions .coupon .input-text,
  .woocommerce table.cart td.actions .coupon .button,
  .woocommerce table.cart td.actions > .button { width: 100% !important; margin: 0 !important; float: none; }
  .woocommerce table.cart td.actions > .button { margin-top: 12px !important; }
}

/* Verifikasi ulang akhir 2026-10-13: catatan "data contoh" di bawah baris angka statistik. */
.mdix-sample-note { margin: 16px 0 0; text-align: center; font-size: 14px; color: #4b5563; }
/* Tab kursus non-aktif #ababab = 2,3:1 dan tanggal pos terbaru 2,9:1 → abu gelap (AA). */
.course-single-tabs .nav-link, .nav-tabs .nav-link:not(.active), #nav-tab .nav-link:not(.active) { color: #5f6368 !important; }
.single-latest-post .widget-content span { color: #5f6368; }
.breadcrumb a, .breadcrumb-item a, .account a, .login-form a { display: inline-block; min-height: 24px; line-height: 24px; }

/* Verifikasi ulang akhir 2026-10-13: logo header 115x36 (teks ±11px) → 160px. */
.site-logo img { width: 160px; max-width: 160px; height: auto; }