/* MDIX Sekolah Cakrawala — audit fixes */

/* Hero price badges are images with "$35"-style dollar prices. */
img[src*="upload/slider/price-"] {
  display: none !important;
}

/* Footer wordmark has dark text on the dark footer; show it in white. */
footer img[src$="logo_light.svg"],
.footer img[src$="logo_light.svg"] {
  filter: brightness(0) invert(1);
}

/* Design-QA 2026-10-12 ------------------------------------------------- */

/* The theme hides every slider caption under 992px, so phones and tablets
   saw a hero photo without title or button. Show the captions again; the
   slider itself scales them for the 778/480 grids. */
@media (max-width: 991px) {
  #home-section .tp-caption {
    display: block !important;
  }
  /* the title/subtitle layers are 450px wide but the white card is only
     430/420px in the tablet/phone grids: keep the text inside the card */
  #home-section .tp-caption.Woo-TitleLarge,
  #home-section .tp-caption.Woo-Rating {
    min-width: 0 !important;
    width: 340px !important;
    max-width: 340px !important;
  }
  #home-section .tp-caption.Woo-TitleLarge {
    font-size: 30px !important;
    line-height: 36px !important;
  }
}
@media (max-width: 480px) {
  #home-section .tp-caption.Woo-TitleLarge,
  #home-section .tp-caption.Woo-Rating {
    width: 280px !important;
    max-width: 280px !important;
  }
  #home-section .tp-caption.Woo-TitleLarge {
    font-size: 26px !important;
    line-height: 32px !important;
  }
  #home-section .tp-caption.Woo-Rating {
    font-size: 14px !important;
    line-height: 20px !important;
  }
}

/* AA contrast: theme brand colours are too light for text on white
   (blue #4783f3 = 3.6:1, orange #f9a134 = 2.1:1, grey #7d7e7f = 4.1:1). */
.navbar-nav > li > a.active,
.navbar-nav > li > a:hover,
.dropdown li a:hover,
.title-section span,
a.button-one,
a.text-link,
section.page-banner-section ul.page-depth li a:hover,
.course-post .course-content-main .course-rating-teacher a.course-loop-teacher,
.events-post .event-inner-content .top-part h2 a:hover,
.blog-post .post-content h2 a:hover,
.blog-post .post-content .post-meta a:hover,
.sidebar .category-widget ul li a:hover,
.sidebar .category-widget ul li a.active,
.sidebar .archives-widget ul li a:hover,
.sidebar .archives-widget ul li a.active,
.sidebar .filter-widget ul li a:hover,
.sidebar .filter-widget ul li a.active,
.sidebar .products-widget ul.products-list li h3 a:hover,
.blog-post.single-post .tags-share-box ul.tags-list li a:hover,
.comments-holder .comment-list li div.comment-content h2 a:hover,
section.teachers-section .profile-details .detail-item a:hover,
section.portfolio-section .project-post .inner-project .content-holder h2 a:hover,
section.single-course-section .product-single-top-part .product-info-before-gallery .before-gallery-unit .info div.value a:hover,
section.cart-section .cart-box table tr td a:hover,
section.cart-section .cart-box table tr.coupon-line button,
section.contact-info-section .info-post p a:hover {
  color: #1f5fd0 !important;
}
/* small meta text: rating badge (white on #8bca48 = 2.0:1), vote counts
   (#adb5bd), event time/place (#8f8f8f) */
.star-rating .rating,
span.rating {
  background-color: #477a16 !important;
}
.star-rating .votes-number,
span.votes-number,
.events-post .event-inner-content .top-part .event-meta .event-meta-piece {
  color: #646566 !important;
}
.events-post .event-inner-content .top-part .event-meta .event-meta-piece i,
.blog-post .post-content .post-meta i {
  color: #b35f00 !important;
}
a.button-one {
  border-color: #1f5fd0;
}
a.button-one:hover,
#home-section a.rev-btn,
#home-section a.rev-btn:hover {
  background-color: #1f5fd0 !important;
  color: #fff !important;
}
#home-section a.rev-btn:hover {
  opacity: 0.85 !important;
}

a.button-two,
section.countdown-section a.button-two,
.login-button,
a.checkout-button,
footer .newsletter-form button,
footer form button,
#submit_contact,
button.button-two,
.subscribe-button {
  background-color: #b35f00 !important;
  border-color: #b35f00 !important;
  color: #fff !important;
}
section.countdown-section .countdown-item .countdown-unit .number,
.course-post .course-content-bottom .course-price,
.sidebar .products-widget ul.products-list li span,
.sidebar .buy-widget table tr td span,
section.pricing-section .pricing-table .pricing-head span,
section.single-course-section .course-reviews .course-reviews-inner .ratings-box .average-box span.ratings,
section.single-course-section .course-reviews .course-reviews-inner ul.comments li h2 span,
.course-post .course-content-main h2 a:hover,
.blog-post .post-content a.category:hover {
  color: #b35f00;
}
footer .copyright-inner .highlight {
  color: #ffc46b;
}
p,
.paragraph,
.title-section p,
#home-section .tp-caption.Woo-Rating,
section.countdown-section .countdown-item .countdown-unit .text,
section.courses-section .courses-top-bar .courses-view span,
.course-post .course-content-bottom .course-students,
.sidebar .cart-widget table tr td,
.blog-post.single-post .tags-share-box ul li,
section.portfolio-section .project-post .inner-project .content-holder span,
section.pricing-section .pricing-table .pricing-content ul.pricing-list li,
section.single-event-section .single-event-box .event-content ul li,
section.single-course-section .single-course-content ul.list li,
section.single-course-section .course-section .panel-content .panel-content-inner,
section.cart-section .cart-box table tr td,
section.cart-section .cart-box form.billing-details label,
section.contact-section #contact-form label {
  color: #646566;
}

/* Touch targets: menu toggle 38×34 → 44×44; small inline links ≥ 24px tall. */
@media (max-width: 991px) {
  a.mobile-nav-toggle {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }
}
.course-post .course-content-main .course-rating-teacher a.course-loop-teacher,
.blog-post .post-content a.category {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}

/* Seller advertisement widget ("Studiare WordPress Theme — Purchase now"). */
.sidebar .ads-widget {
  display: none !important;
}

/* Section title + "Lihat semua" button: stack on narrow phones instead of
   squeezing the heading into two short lines. */
@media (max-width: 575px) {
  .title-section {
    flex-direction: column;
    align-items: flex-start;
  }
  .title-section .right-part {
    padding-top: 0;
    margin-bottom: 16px;
  }
}

/* Keyless Google Maps embed fills the theme's map box. */
#map iframe {
  width: 100%;
  height: 100%;
  min-height: 300px;
  border: 0;
  display: block;
}


/* Design-QA round 2 (2026-10-12) -------------------------------------- */

/* AA contrast, generated from every css/style.css rule that uses a theme colour
   failing AA (blue #4783f3, orange #f9a134, greys #8f8f8f/#adb5bd/#7d7e7f/#888,
   lesson badges). Dark-background rules (mobile menu, footer copyright) and
   purely decorative shapes are left alone. */
p, .paragraph, .blog-post.single-post ul.text-list li,
.title-section p,
section.page-banner-section ul.page-depth li a,
section.page-banner-section ul.page-depth li:before,
#home-section .tp-caption.Woo-Rating,
section.countdown-section .countdown-item .countdown-unit .text,
section.courses-section .courses-top-bar .courses-view span,
section.courses-section .courses-top-bar form button,
.course-post .course-content-main .course-rating-teacher .star-rating .votes-number,
.course-post .course-content-bottom .course-students,
.events-post .event-inner-content .top-part .event-meta .event-meta-piece,
.blog-post .post-content a.category,
.blog-post .post-content .post-meta,
.blog-post .post-content .post-meta a,
.sidebar .search-widget button,
.sidebar .buy-widget table tr td,
.sidebar div.course-widget p.price span.price-label,
.sidebar div.course-widget .product-meta-info-list .meta-info-unit .value,
.sidebar .profile-widget .top-part .name span,
.sidebar .cart-widget table tr td,
.blog-post.single-post .tags-share-box ul li,
.post-nav .post-nav-btn .post-nav-link i,
.post-nav .post-nav-btn .post-nav-link span,
.comments-holder .comment-list li div.comment-content h2 span,
.comments-holder .comment-list li div.comment-content h2 a i,
.comment-form label,
section.portfolio-section .project-post .inner-project .content-holder span,
section.portfolio-section .project-details table tr td,
section.pricing-section .pricing-table .pricing-content ul.pricing-list li,
section.single-event-section .single-event-box .event-content ul li,
section.single-course-section .product-single-top-part .product-info-before-gallery .before-gallery-unit .info span.label,
section.single-course-section .product-single-top-part .product-info-before-gallery .before-gallery-unit span.votes-number,
section.single-course-section .single-course-content ul.list li,
section.single-course-section .course-section .course-panel-heading .panel-heading-left .title p,
section.single-course-section .course-section .panel-content .panel-content-inner,
section.single-course-section .course-reviews .course-reviews-inner .ratings-box .average-box span.txt,
section.single-course-section .course-reviews .course-reviews-inner .ratings-box .detailed-box ul.detailed-lines li,
section.single-course-section .course-reviews .course-reviews-inner form.add-review label,
section.single-course-section .course-reviews .course-reviews-inner form.add-review select,
section.single-course-section .course-reviews .course-reviews-inner form.add-review textarea,
section.cart-section .cart-box table tr th,
section.cart-section .cart-box table tr td,
section.cart-section .cart-box form.billing-details label,
section.cart-section .cart-box form.billing-details input[type="text"], section.cart-section .cart-box form.billing-details select, section.cart-section .cart-box form.billing-details textarea,
section.contact-section #contact-form label,
section.contact-section #contact-form input[type="text"], section.contact-section #contact-form textarea,
footer .up-footer .newsletter-form:before {
  color: #646566;
}
.top-line .right-top-line button span.studiare-cart-number,
a.button-one:hover,
#home-section a.rev-btn,
section.courses-section .courses-top-bar .courses-view a.active, section.courses-section .courses-top-bar .courses-view a:hover,
.sidebar .tags-widget ul.tags-list li a,
section.statistic-section,
section.single-course-section .course-section .course-panel-heading .panel-heading-right .preview-button,
section.cart-section .cart-box table tr.coupon-line button:hover {
  background-color: #1f5fd0;
}
.navbar .login-button,
a.button-two,
section.blog-section ul.page-pagination li a:hover, section.blog-section ul.page-pagination li a.active,
.sidebar .cart-widget a,
.comment-form button,
section.teachers-section .teacher-content form.contact-form button,
section.single-course-section .course-reviews .course-reviews-inner form.add-review button,
section.contact-section #contact-form button,
footer .up-footer .newsletter-form input[type=submit] {
  background-color: #b35f00;
}
.navbar-nav > li > a.active, .navbar-nav > li > a:hover {
  color: #1f5fd0 !important;
}
.dropdown li a:hover,
.title-section span,
a.button-one,
a.text-link,
section.page-banner-section ul.page-depth li a:hover,
.course-post .course-content-main .course-rating-teacher a.course-loop-teacher,
.events-post .event-inner-content .top-part h2 a:hover,
.blog-post .post-content h2 a:hover,
.blog-post .post-content .post-meta a:hover,
.sidebar .category-widget ul.category-list li a:hover, .sidebar .category-widget ul.category-list li a.active, .sidebar .category-widget ul.archives-list li a:hover, .sidebar .category-widget ul.archives-list li a.active, .sidebar .category-widget ul.filter li a:hover, .sidebar .category-widget ul.filter li a.active, .sidebar .archives-widget ul.category-list li a:hover, .sidebar .archives-widget ul.category-list li a.active, .sidebar .archives-widget ul.archives-list li a:hover, .sidebar .archives-widget ul.archives-list li a.active, .sidebar .archives-widget ul.filter li a:hover, .sidebar .archives-widget ul.filter li a.active, .sidebar .filter-widget ul.category-list li a:hover, .sidebar .filter-widget ul.category-list li a.active, .sidebar .filter-widget ul.archives-list li a:hover, .sidebar .filter-widget ul.archives-list li a.active, .sidebar .filter-widget ul.filter li a:hover, .sidebar .filter-widget ul.filter li a.active,
.sidebar .products-widget ul.products-list li h3 a:hover,
.blog-post.single-post .tags-share-box ul.tags-list li a:hover,
.comments-holder .comment-list li div.comment-content h2 a:hover,
section.teachers-section .profile-details .detail-item i,
section.teachers-section .profile-details .detail-item a:hover,
section.portfolio-section .project-post .inner-project .content-holder h2 a:hover,
section.single-course-section .product-single-top-part .product-info-before-gallery .before-gallery-unit .info div.value a:hover,
section.cart-section .cart-box table tr td a:hover,
section.cart-section .cart-box table tr.coupon-line button,
section.contact-info-section .info-post i,
section.contact-info-section .info-post p a:hover {
  color: #1f5fd0;
}
#home-section a.rev-btn:hover {
  background-color: #1f5fd0 !important;
}
section.countdown-section .countdown-item .countdown-unit .number,
.course-post .course-content-main h2 a:hover,
.course-post .course-content-bottom .course-price,
.events-post .event-inner-content .top-part .event-meta .event-meta-piece i,
.blog-post .post-content a.category:hover,
.blog-post .post-content .post-meta i,
.sidebar .products-widget ul.products-list li span,
.sidebar .buy-widget table tr td span,
.sidebar div.course-widget .product-meta-info-list .meta-info-unit .icon,
section.pricing-section .pricing-table .pricing-head span,
section.single-event-section .single-event-box .event-meta-info .inner .icon,
section.single-course-section .course-section .course-panel-heading:hover .panel-heading-left .course-lesson-icon i,
section.single-course-section .course-reviews .course-reviews-inner .ratings-box .average-box span.ratings,
section.single-course-section .course-reviews .course-reviews-inner ul.comments li h2 span {
  color: #b35f00;
}
.course-post .course-content-main .course-rating-teacher .star-rating .rating,
section.single-course-section .product-single-top-part .product-info-before-gallery .before-gallery-unit span.rating {
  background-color: #477a16;
}
section.single-course-section .course-section .course-panel-heading .panel-heading-left .title h4 .badge-item.video {
  background-color: #1f6f9e;
}
section.single-course-section .course-section .course-panel-heading .panel-heading-left .title h4 .badge-item.practice {
  background-color: #806500;
}
section.single-course-section .course-section .course-panel-heading .panel-heading-left .title h4 .badge-item.free {
  background-color: #3d7a1f;
}
section.single-course-section .course-section .course-panel-heading .panel-heading-left .title h4 .badge-item.lecture {
  background-color: #127a55;
}
section.single-course-section .course-section .course-panel-heading .panel-heading-left .title h4 .badge-item.quiz {
  background-color: #7b3fb3;
}

/* phone menu sits on #212529: hover blue must be light there, not dark */
.mobile-menu nav.mobile-nav ul li a:hover {
  color: #8fb4ff !important;
}

/* Event meta box sits on dark #343a40: keep the light theme orange there. */
section.single-event-section .single-event-box .event-meta-info .inner .icon {
  color: #f9a134 !important;
}
@media (max-width: 767px) {
  /* three narrow dark columns squeezed date text into 1–2 words per line */
  section.single-event-section .single-event-box .event-meta-info .box-content {
    flex: 0 0 100%;
    max-width: 100%;
  }
  section.single-event-section .single-event-box .event-meta-info .inner {
    padding: 1rem 1.25rem;
  }
}

/* Course cards: rating badge + teacher wrapped into 2–3 broken lines in
   narrow cards (1024px, 3-column course list). Let the row wrap as a whole. */
.course-post .course-content-main .course-rating-teacher {
  flex-wrap: wrap;
  row-gap: 4px;
}
.course-post .course-content-main .course-rating-teacher .star-rating,
.course-post .course-content-main .course-rating-teacher .star-rating span,
.course-post .course-content-main .course-rating-teacher a.course-loop-teacher {
  white-space: nowrap;
}

/* Countdown on phones: 2 × 2 instead of 3 + one full-width box. */
@media (max-width: 767px) {
  section.countdown-section .countdown-item .countdown-col {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 20px;
  }
}

/* Footer social icons 36px → 44px touch targets. */
footer .copyright-inner ul.studiare-social-links li a {
  width: 44px;
  height: 44px;
}

/* Hero button ≥ 44px tall on touch widths. */
@media (max-width: 991px) {
  #home-section a.rev-btn {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center;
  }
}

/* Checkout order summary: the product cell had min-width 240px and pushed
   the totals out of the card on phones. */
@media (max-width: 575px) {
  .sidebar .cart-widget table tr td.name-pro {
    min-width: 0;
    width: 62%;
    font-size: 14px;
  }
  .sidebar .cart-widget table tr th {
    width: auto;
  }
  .sidebar .cart-widget table tr td {
    padding: 12px 6px;
    white-space: normal;
  }
  .sidebar .cart-widget table tr th {
    padding-right: 12px;
  }
  .sidebar .cart-widget table tr td:last-child {
    white-space: nowrap;
    text-align: right;
  }
  .sidebar .cart-widget table tr td.total-price {
    font-size: 18px;
  }
}

/* Small inline links ≥ 24px tall (blog meta, teacher details, course info,
   course titles in the course grid) and the 7px cart "×". */
.blog-post .post-content .post-meta a,
section.teachers-section .profile-details .detail-item a,
section.single-course-section .product-single-top-part .product-info-before-gallery .before-gallery-unit .info div.value a,
.course-post .course-content-main h2.course-title a,
.sidebar .products-widget ul.products-list li h3 a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}
section.cart-section .cart-box table tr td a.remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
}

/* cart badge (also the phone-menu copy) and teacher skill bars: white text
   on #4783f3 / #4cadc9 is below AA */
.studiare-cart-number,
.mobile-menu .shopping-cart-box a span {
  background-color: #1f5fd0 !important;
}
section.teachers-section .teacher-content .skills-box .skill-line span.fill-box {
  background-color: #1f7a96;
}

/* Hero title/subtitle layers sit on the white card (a sibling layer); give the
   text layers the same white so the contrast is defined by the layer itself. */
#home-section .tp-caption.Woo-TitleLarge,
#home-section .tp-caption.Woo-Rating {
  background-color: #fff !important;
  color: #2f2f32 !important;
}
#home-section .tp-caption.Woo-Rating {
  color: #646566 !important;
}
section.teachers-section .teacher-content .skills-box .skill-line span.fill-text {
  background-color: #1f7a96;
}

/* Verifikasi ulang akhir 2026-10-13: lencana harga slider bergambar "$35/$45/$64" (dolar) disembunyikan. */
img[src*="slider/price-"] { display: none !important; }