/* MDIX audit: theme demo language switcher (EN/FR/DE) is not part of the site */
.tt-menu-tools .tt-tools-lang {
  display: none !important;
}

/* Rupiah prices are longer than "$59" */
.price-box .price-box-price .price {
  font-size: 36px;
  padding-left: 26px;
}
.price-box .price-box-price .price-currency {
  left: 0;
  top: 2px;
  font-size: 16px;
}

/* The small "-m" logos are still the theme seller's mark: keep the MDIX logo on phones too */
#logo .logo-dark-m,
#logo .logo-light-m,
#footer-logo .logo-dark-m,
#footer-logo .logo-light-m {
  display: none !important;
}
@media (max-width: 991px) {
  #header:not(.header-transparent) #logo .logo-dark {
    display: block !important;
  }
}
@media (max-width: 767px) {
  #footer.footer-dark #footer-logo .logo-light {
    display: inline-block !important;
  }
  #footer-logo img {
    max-height: 50px;
  }
}

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

/* Keyless Google Maps embed fills the theme's #map box (sized by padding-bottom) */
#map { position: relative; }
#map iframe { position: absolute; top: 0; left: 0; }

/* WordPress "Meta" widget (login / RSS / WordPress.org) is not part of a static site */
.sidebar-widget.sidebar-meta { display: none !important; }

/* Grey helper text: #999 / #AAA fail WCAG AA on white → #6b6b6b */
.tt-heading-subtitle,
.bl-item-meta,
.bl-item-meta a { color: #6b6b6b; }

/* Phone menu button: 25x19 → 44x44 tap area, hamburger centred */
#tt-m-menu-toggle-btn {
  width: 44px;
  height: 44px;
  padding: 0;
  top: 10px;
  margin-right: -10px;
}
#tt-m-menu-toggle-btn > span {
  left: 10px;
  top: 20px;
}

/* Slider dots: 12px wide → 24px tap targets */
.owl-dots button.owl-dot span { margin: 0 10px; }
.owl-dots button.owl-dot { min-height: 24px; }

/* Small text links get a 24px-high tap area */
.gl-item-title a,
.gl-item-category a,
.tt-heading-subtitle a,
.bl-item-category a,
.bl-item-meta a,
.bl-item-comments-count,
.footer-menu a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}
.bl-item-read-more { min-width: 32px; min-height: 24px; }

/* Brand teal #08c1b8 (2.25:1 with white) darkened to #007a74 (5.2:1) for text, links and buttons.
   Same selectors as theme.css/helper.css so the cascade order is unchanged. */
.text-main { color: #007a74 !important; }
.link-main a { color: #007a74 !important; }
.bg-main { background-color: #007a74 !important; }
.border-main { border-color: #007a74 !important; }
.border-top-main { border-top-color: #007a74 !important; }
.border-bottom-main { border-bottom-color: #007a74 !important; }
.border-left-main { border-left-color: #007a74 !important; }
.border-right-main { border-right-color: #007a74 !important; }
a { color: #007a74; }
::selection { background: #007a74; }
::-moz-selection { background: #007a74; }
::-webkit-selection { background: #007a74; }
hr.hr-short { border-top: 6px solid #007a74; }
.animsition-loading { border-left: 3px solid #007a74; }
.tt-menu-nav > li > a:after { background-color: #007a74; }
.tt-menu-nav > li.active > a:after { background-color: #007a74; }
.tt-submenu li > a:hover { -webkit-box-shadow: inset 3px 0 0 0 #007a74; box-shadow: inset 3px 0 0 0 #007a74; }
.tt-submenu > li.active > a { -webkit-box-shadow: 3px 0 0 0 #007a74; box-shadow: inset 3px 0 0 0 #007a74; }
@media (max-width: 991px) {
  .tt-menu-nav > li.active > a { box-shadow: inset 4px 0 0 0 #007a74; }
  .tt-submenu > li.active > a { box-shadow: inset 4px 0 0 0 #007a74; }
}
.tt-clobal-search #tt-clobal-search-input:focus { border-bottom-color: #007a74; }
.tt-tools-button { background-color: #007a74; }
#tt-intro .cc-category { background-color: #007a74; }
ul.isotope-filter-links > li > a:after { background-color: #007a74; }
.isotope-filter-button { background-color: #007a74; }
.isotope-filter.fi-to-button ul.isotope-filter-links > li > a:hover { color: #007a74; }
.isotope-filter.fi-to-button ul.isotope-filter-links > li > a.active { color: #007a74; }
.gl-item-title a:hover { color: #007a74; }
.gli-alter-2 .gl-item-title a:hover { color: #007a74; }
.gli-alter-3 .gl-item-title a:hover { color: #007a74; }
.gli-colored .gallery-list-item .gl-item-image-inner:hover:before, .gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:before, .gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:hover:before, .gli-colored.gli-alter-5 .gallery-list-item:hover .gl-item-image-inner:before { background-color: #007a74 !important; }
.gtb-heading-category a, .gtb-heading-category span { background-color: #007a74; }
#gallery.gsi-color .gallery-single-item:before { background-color: #007a74; }
.gallery-share { background-color: #007a74; }
ul.gallery-meta > li a:hover { color: #007a74; }
.gallery-single-carousel ul.gallery-meta > li a:hover { color: #007a74; }
.icon-heart-filled:before { color: #007a74; }
.sr-item-category a, .sr-item-category span { background-color: #007a74; }
.sr-item-title:hover, .sr-item-title > a:hover { color: #007a74; }
.sr-item-meta a:hover { color: #007a74; }
ul.sr-item-attr > li a:hover { color: #007a74; }
.price-box.price-box-featured .btn-price-box { background-color: #007a74; border-color: #007a74; }
.price-box.price-box-featured .btn-price-box:hover { background-color: #00665f; border-color: #00665f; }
.nav-outside-top .owl-nav button.owl-prev:hover, .nav-outside-top .owl-nav button.owl-next:hover { background-color: #007a74 !important; }
.owl-dots button.owl-dot.active span, .owl-dots button.owl-dot:hover span { background-color: #007a74; }
.owl-carousel .cc-category a, .owl-carousel .cc-category span { background-color: #007a74; }
.cc-meta a:hover { color: #007a74; }
.owl-carousel ul.cc-item-attr > li a:hover { color: #007a74; }
#blog-list-carousel-section .owl-carousel .cc-category a:hover { background-color: #007a74; }
.bl-item-category a, .bl-item-category span { background-color: #007a74; }
.bl-item-title:hover, .bl-item-title:focus, .bl-item-title h2:hover, .bl-item-title h2:focus { color: #007a74; }
.bl-item-meta a:hover { color: #007a74; }
.blog-list-item .bl-item-read-more:hover span, .blog-list-item .bl-item-read-more:hover span:before, .blog-list-item .bl-item-read-more:hover span:after { background-color: #007a74; }
ul.bl-item-attr > li a:hover { color: #007a74; }
.blog-single-post-category a { background-color: #007a74; }
.single-post-image-caption a { color: #007a74; }
.blog-single-meta .article-author a:hover { color: #007a74; }
.blog-single-meta .article-time-cat a:hover { color: #007a74; }
.blog-single-links a:hover, .blog-single-links a:focus, .blog-single-links .favorite-btn:hover { color: #007a74; }
.blog-single-tags a:hover { background-color: #007a74; }
.bs-nav-title:hover, .bs-nav-title h4:hover { color: #007a74; }
.related-posts-heading { border-color: #007a74; }
.related-posts-item .rp-item-title:hover, .related-posts-item .rp-item-title h4:hover { color: #007a74; }
.related-posts-item .rp-item-category a { background-color: #007a74; }
.media-heading a:hover { color: #007a74; }
.media-reply a:hover { color: #007a74; }
.sidebar-heading { border-color: #007a74; }
.sidebar hr { border-top: 2px solid #007a74; }
.blog-author-name a:hover { color: #007a74; }
.sidebar-categories > ul > li > a:hover { color: #007a74; }
.sidebar-categories > ul > li > a:hover span { background-color: #007a74; }
.sidebar-post-list .post-data .post-title a:hover { color: #007a74; }
.sidebar-post-list .post-data .author a:hover { color: #007a74; }
.sidebar-comment-data .author a:hover { color: #007a74; }
.sidebar-comment-wrap .sidebar-comment a:hover { color: #007a74; }
.sidebar-tags a:hover { background-color: #007a74; }
.sidebar-meta ul > li > a:hover { color: #007a74; }
#tt-post-password-form button { background-color: #007a74; }
.page-header-category > a { background-color: #007a74; }
.ph-more-info-trigger-icon { border: 2px solid #007a74; }
.ph-more-info-trigger-icon:before, .ph-more-info-trigger-icon:after { background-color: #007a74; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #007a74; border-color: #007a74; }
.form-control:focus { border-color: #007a74 !important; }
.btn-primary { background-color: #007a74; border-color: #007a74; }
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary.active, .btn-primary:active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { background-color: #00665f; border-color: #00665f; }
.btn-primary.btn-link { color: #007a74; }
.btn-primary.btn-link:hover, .btn-primary.btn-link.focus, .btn-primary.btn-link:focus, .btn-primary.btn-link.active, .btn-primary.btn-link:active, .btn-primary.btn-link.active.focus, .btn-primary.btn-link.active:focus, .btn-primary.btn-link.active:hover, .btn-primary.btn-link:active.focus, .btn-primary.btn-link:active:focus, .btn-primary.btn-link:active:hover, .open > .dropdown-toggle.btn-primary.btn-link, .open > .dropdown-toggle.btn-primary.btn-link.focus, .open > .dropdown-toggle.btn-primary.btn-link:focus, .open > .dropdown-toggle.btn-primary.btn-link:hover { color: #00665f; }
.btn-primary-bordered { color: #007a74; border-color: #007a74; }
.btn-primary-bordered:hover, .btn-primary-bordered.focus, .btn-primary-bordered:focus, .btn-primary-bordered.active, .btn-primary-bordered:active, .btn-primary-bordered.active.focus, .btn-primary-bordered.active:focus, .btn-primary-bordered.active:hover, .btn-primary-bordered:active.focus, .btn-primary-bordered:active:focus, .btn-primary-bordered:active:hover, .open > .dropdown-toggle.btn-primary-bordered, .open > .dropdown-toggle.btn-primary-bordered.focus, .open > .dropdown-toggle.btn-primary-bordered:focus, .open > .dropdown-toggle.btn-primary-bordered:hover { background-color: #00665f; border-color: #00665f; }
.btn-link { color: #007a74; }
.btn-link:hover, .btn-link.focus, .btn-link:focus, .btn-link.active, .btn-link:active, .btn-link.active.focus, .btn-link.active:focus, .btn-link.active:hover, .btn-link:active.focus, .btn-link:active:focus, .btn-link:active:hover, .open > .dropdown-toggle.btn-link, .open > .dropdown-toggle.btn-link.focus, .open > .dropdown-toggle.btn-link:focus, .open > .dropdown-toggle.btn-link:hover { color: #007a74; }
.follow-me-buttons a:hover { color: #007a74; }
.footer-copyright a { color: #007a74; }
.scrolltotop:hover, .scrolltotop:focus { background-color: #007a74; }

/* Hero description: left-aligned captions keep the paragraph under the title (theme centres it with margin:auto) */
#tt-intro .intro-caption[class*="-left"] .intro-description {
  margin-left: 0;
  margin-right: 0;
}

/* Links in the dark footer bar keep enough contrast */
.footer-dark .footer-copyright a,
#footer.footer-dark .footer-copyright a { color: #4fd8d0; }

/* Handwritten signature image is the theme seller's demo persona ("M. Vegas") */
.signature { display: none !important; }

/* WhatsApp buttons that replaced the theme's Google+ buttons */
.btn-whatsapp { color: #fff; background-color: #1d7a46; }
.btn-whatsapp:hover, .btn-whatsapp:focus, .btn-whatsapp:active { color: #fff; background-color: #155c35; }

/* Transparent header over hero photos: a thin dark gradient keeps white menu links readable */
@media (min-width: 992px) {
  #header.header-transparent:not(.header-filled) {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  }
}

/* Grey #888 small text on light backgrounds fails AA → #666 */
#footer:not(.footer-dark) .footer-copyright { color: #666; }
div.small.text-gray { color: #666 !important; }

/* More 24px tap areas: gallery prev/back/next, category badge, contact links */
.gsn-prew, .gsn-back, .gsn-next {
  display: inline-block;
  min-width: 24px;
  min-height: 24px;
  line-height: 24px;
  text-align: center;
}
.page-header-category a { display: inline-block; min-height: 24px; line-height: 24px; }
p > a[href^="mailto:"], p > a[href^="tel:"] { display: inline-block; min-height: 24px; line-height: 24px; }

/* Category tiles / carousel captions: "Prewedding" broke mid-word in the 2-column phone grid */
@media (max-width: 575px) {
  .gallery-list-categories .gl-item-title,
  .gallery-list-categories .gl-item-title a,
  .gl-categories .gl-item-title a { font-size: 22px !important; }
  .owl-carousel .cc-caption-lg .cc-title { font-size: 30px !important; }
}

/* Phones/tablets: the "transparent" header is white too, so show the dark MDIX logo (logo was missing) */
@media (max-width: 991px) {
  #header.header-transparent #logo .logo-dark { display: block !important; }
  #header.header-transparent #logo .logo-light { display: none !important; }
}

/* ===== design-qa 2026-10-13 (lanjutan) ===== */

/* Light grey meta text on white (#AAA/#BBB/#B1B1B1/#999/#888/#C0C0C0, 1.8–3.5:1) → #666 (5.7:1).
   Same or higher specificity than theme.css; captions over photos keep their own colours. */
.gl-item-category,
.gl-item-category a,
.gli-alter-3 .gl-item-category,
.gli-alter-3 .gl-item-category a,
.post-data .date,
.sidebar-comment-data .date,
.media-reply a,
.media-body .article-time,
.media-body a.article-time,
.article-time-cat .article-time,
.blog-single-meta,
.pagination-info,
.pagination-info span,
.pagination > li,
.gallery-single-credits dd,
.gallery-single-credits dd > span,
.sr-item-meta,
.sr-item-meta .published,
.sr-item-meta .posted-by,
.sr-item-meta .posted-by a,
.search-results-head .srh-subtitle,
.search-results-head .srh-subtitle em,
.search-results-head .srh-subtitle strong,
.search-results-head .sr-count,
.blog-author-sub,
.sidebar-subscribe p.small.text-gray,
.gtb-heading-date,
.ai-box-subtitle,
.single-post-image-caption,
.bs-nav-text,
#post-comment-form .reminder,
label.checkbox.reminder,
.gs-simple-item .gss-image-caption {
  color: #666;
}
.media-reply a:hover,
.sr-item-meta .posted-by a:hover { color: #007a74; }

/* Gallery captions shown over photos on touch/tablet widths: the theme's 0→80% gradient is too thin
   behind white text on light photos (cosmetics flat-lay, family on grass) → taller, darker gradient */
@media (max-width: 992px) {
  .gli-alter-4 .gl-item-info,
  .isotope.gutter-2 .gli-alter-4 .gallery-list-item .gl-item-info,
  .isotope.gutter-3 .gli-alter-4 .gallery-list-item .gl-item-info {
    padding-top: 40px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .55) 40%, rgba(0, 0, 0, .85) 100%);
  }
  .gli-alter-4 .gl-item-title a,
  .gli-alter-4 .gl-item-category a,
  .gli-alter-4 .gli-meta { text-shadow: 0 1px 3px rgba(0, 0, 0, .6); }
}

/* Gallery styles 1 and 5 put white titles straight onto the photo: light photos (white desk, pale ring)
   left them unreadable → darker bottom gradient + soft text shadow */
.gli-alter-1 .gl-item-info,
.isotope.gutter-2 .gli-alter-1 .gallery-list-item .gl-item-info,
.isotope.gutter-3 .gli-alter-1 .gallery-list-item .gl-item-info {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .55) 40%, rgba(0, 0, 0, .85) 100%);
}
.gli-alter-5 .gl-item-info,
.isotope.gutter-2 .gli-alter-5 .gallery-list-item .gl-item-info,
.isotope.gutter-3 .gli-alter-5 .gallery-list-item .gl-item-info {
  right: 0;
  padding-top: 60px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .45) 45%, rgba(0, 0, 0, .75) 100%);
}
.gli-alter-1 .gl-item-title a,
.gli-alter-5 .gl-item-title,
.gli-alter-5 .gl-item-title a { text-shadow: 0 1px 3px rgba(0, 0, 0, .6); }

/* Gallery style 4 on desktop: the caption is opacity 0 until hover, but its links stayed focusable and
   "visible" to assistive tech. Hide it properly until hover/keyboard focus (focus on the photo link
   reveals it, so keyboard users see the title too). */
@media (min-width: 993px) {
  .gli-alter-4 .gallery-list-item .gl-item-info {
    visibility: hidden;
    transition: opacity .3s ease-in-out, visibility 0s linear .3s;
  }
  .gli-alter-4 .gallery-list-item:hover .gl-item-info,
  .gli-alter-4 .gallery-list-item:focus-within .gl-item-info {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease-in-out .1s, visibility 0s;
  }
}

/* Coloured hover overlay at .85 lets light photos show through behind the white caption → .94 */
.gli-colored .gallery-list-item .gl-item-image-inner:hover:before,
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:before,
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:hover:before,
.gli-colored.gli-alter-5 .gallery-list-item:hover .gl-item-image-inner:before {
  opacity: .94 !important;
}

/* Second pass: theme selectors with higher specificity / !important */
.sidebar-post-list .post-data .date,
.sidebar-comment-data .date { color: #666; }
.sidebar-subscribe p.small.text-gray { color: #666 !important; }
ul.bl-item-attr > li,
ul.bl-item-attr .fav-count,
ul.sr-item-attr .fav-count { color: #666; }

/* 24px tap areas for small inline links in blog/search/gallery meta rows (were 19–23px high) */
.media-reply a,
.media-heading a,
.blog-single-post-category a,
.blog-single-meta a,
.blog-single-comment-count,
.single-post-image-caption a,
.sr-item-category a,
.sr-item-meta a,
.sr-item-comments-count,
.bl-item-comments-count,
.posted-by a,
.rp-item-category a,
.cc-category a,
.gtb-heading-category a,
ul.gallery-meta > li a,
.sidebar-post-list .post-data .post-title a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}
.gm-go-back, .content-modal-icon, .content-share-icon {
  display: inline-block;
  min-width: 24px;
  text-align: center;
}
a.blog-single-featured-image, .single-post-image > a.lg-trigger { display: block; }
.blog-single-tags a,
.sidebar-tags a,
.leave-comment-btn,
.media-body a.article-time,
.sidebar-comment-data .author a,
.sidebar-comment-wrap .sidebar-comment a,
.tt-heading ~ ul.list-unstyled > li > a {
  display: inline-block;
  min-height: 26px;
  line-height: 26px;
}
.cc-item-comments-count,
ul.cc-item-attr > li a { display: inline-block; min-height: 24px; line-height: 24px; }
a.bs-nav-title { display: inline-block; min-height: 24px; }
.gallery-single-credits dd a,
.gallery-single-info dd a,
dd > span > a { display: inline-block; min-height: 24px; line-height: 24px; }

/* Category carousel: 2 tiles per row on phones (~180px) — "Prewedding" at 30px still broke mid-word */
@media (max-width: 575px) {
  .owl-carousel .cc-caption-lg .cc-title { font-size: 24px !important; }
}

/* Carousel titles sit straight on photos; light photos (white bridal room) need a stronger shadow */
.owl-carousel .cc-caption .cc-title,
.owl-carousel .cc-caption .cc-description { text-shadow: 0 1px 3px rgba(0, 0, 0, .55), 0 2px 12px rgba(0, 0, 0, .45); }

/* Phone landscape (844×390): the 400px hero cut off the 78px title and the two buttons → smaller caption */
@media (max-width: 991px) and (max-height: 500px) and (orientation: landscape) {
  #tt-intro .intro-caption.intro-caption-xxlg .intro-title { font-size: 44px; line-height: 1.1; }
  #tt-intro .intro-caption.intro-caption-xxlg .intro-subtitle { font-size: 20px; margin-top: 8px; }
  #tt-intro .intro-caption.intro-caption-xxlg .intro-description { font-size: 15px; margin-top: 8px; }
  #tt-intro .intro-caption .btn { margin-top: 12px; }
}