/* MDIX audit: Rupiah prices are longer than the original "$300" */
.price-box .price-box-inner ul li.pricing-prices .pricing-price {
  font-size: 44px;
  left: 0;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
}
.price-box .price-box-inner ul li.pricing-prices .pricing-dolar {
  text-transform: none;
  font-size: 18px;
  margin-right: 4px;
}

/* ===== MDIX design-QA 2026-10-13 ===== */
:root {
  --mdix-accent: #f96f00;      /* brand orange: only on dark backgrounds */
  --mdix-accent-text: #b34e00; /* AA (5.2:1) on white/#f7f7f7 and under white text */
}

/* Header: soft scrim so the white menu stays readable over any photo */
.navbar:not(.nav-scroll) {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
}
/* Menu toggle: 44px touch target (only where the theme shows it) */
@media (max-width: 991px) {
.navbar .navbar-toggler {
  min-width: 48px;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
}

/* AA contrast: brand orange text on light sections -> darker shade */
.section-padding .title span,
.section-padding .title span a,
.blog-page .post-cont .tag,
.post-page .post-cont .tag,
.blog-sidebar .widget ul li a.active,
.team .info .social a,
.team .info .social a:hover,
.blog-page .post-cont h5 a:hover,
.post-page .post-cont h5 a:hover,
.dantext ul li:before {
  color: var(--mdix-accent-text);
}
/* kickers on the dark page banners keep the bright orange */
.banner-padding .title span,
.banner-padding .title span a {
  color: var(--mdix-accent);
}
.flat-btn,
.blog-pagination-wrap li a.active {
  background: var(--mdix-accent-text);
  border-color: var(--mdix-accent-text);
}
.blog-sidebar ul.tags li:hover,
.blog-sidebar ul.tags li a:hover {
  background-color: var(--mdix-accent-text);
}

/* Service cards: readable label/title over every photo */
.services .item .con {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 35%, rgba(0, 0, 0, 0.8) 100%);
}
.services .item .con h5 a {
  color: #fff;
}
.services .item .con > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}

/* Touch targets: social icons (team cards, footer) */
.team .info .social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  line-height: 44px;
}
.footer-social-link li {
  width: 44px;
  height: 44px;
  line-height: 44px;
}
.footer-social-link li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

/* Phone hero: keep the photographer's face in frame */
@media (max-width: 767px) {
  .header .item.bg-img {
    background-position: 68% center !important;
  }
  /* the caption covers most of the photo on phones: darker overlay keeps it readable */
  .header .item[data-overlay-dark]:before {
    opacity: 0.6;
  }
}

/* AA contrast: theme grey #777/#999 on white and #f7f7f7 -> #666 (5.7:1 / 5.3:1) */
body,
p,
input[type="email"], input[type="text"], textarea,
.team .info h6,
.skills .skill-item p,
.testimonials[data-overlay-dark] p,
.testimonials .item-box .info .cont span,
.blog .item .info span,
.blog-page .post-cont .info a,
.post-page .post-cont .info a,
.blog-sidebar .widget ul li,
.blog-sidebar .widget ul li a,
.blog-pagination-wrap li a,
blockquote span,
.post-prev-next a,
ol.comment-list li.comment .comment-meta,
a.underline-text {
  color: #666;
}

/* Logo box: spacing as margin, so the image box keeps the logo's own ratio */
@media (min-width: 992px) {
  .logo-img {
    padding: 0;
    margin: 30px 0 !important;
  }
}

/* Post navigation: 44px touch targets */
.post-prev-next a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  min-width: 44px;
  justify-content: center;
}

/* Blog tags: keep white text on the black tag chips */
.blog-sidebar .widget ul.tags li a {
  color: #fff;
}

/* Recent posts in the narrow tablet sidebar: smaller thumbnail, room for the title */
@media (min-width: 768px) and (max-width: 991px) {
  .blog-sidebar .widget .recent .thum {
    width: 60px;
  }
  .blog-sidebar .widget .recent a {
    margin-left: 72px;
    font-size: 14px;
  }
}

/* Service sidebar: white label on the active/hover bar needs the darker orange (5.2:1) */
.sidebar .services ul li:before {
  background: var(--mdix-accent-text);
}

/* Phones/tablets: keep the copyright line clear of the fixed back-to-top button */
@media (max-width: 991px) {
  .footer-section .sub-footer {
    padding-bottom: 80px;
  }
}

/* Tablet (3 narrow price cards): Rupiah amount on one line, clear of the photo */
@media (min-width: 992px) and (max-width: 1199px) {
  .price-box .price-box-inner ul li.pricing-prices .pricing-price {
    font-size: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .price-box .price-box-inner ul li.pricing-prices .pricing-price {
    font-size: 30px;
  }
  .price-box .price-box-inner ul li.pricing-prices .pricing-dolar {
    font-size: 14px;
    margin-right: 2px;
  }
}