/* MDIX Wedding Prima — audit fixes */

/* Sections that only repeated one placeholder photo / fake shop logos */
.mdix-hide {
  display: none !important;
}

/* Theme demo tooling */
#disable-preloader {
  display: none !important;
}

/* Contact line added to the footer */
.mdix-foot {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.8;
  color: #777;
}

/* Reserve the fullscreen hero height so the Revolution Slider does not
   shift the layout while it initialises (CLS). Desktop only — hero is 100vh. */
@media (min-width: 992px) {
  .rev_slider_wrapper { min-height: 100vh; }
}

/* Touch targets >= 24px: "Selengkapnya" read-more links and the video play button */
a.text-theme-colored.font-13 {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
}
a[data-lightbox-gallery] {
  display: inline-block;
  line-height: 1;
}

/* Legibility scrim behind the transparent header so the white logo/menu stay
   readable over bright parts of the hero photo. Only in the top (transparent)
   state — removed once the header turns into the solid white sticky bar. */
.header-nav.navbar-sticky-animated.animated-active::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 170px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0));
  pointer-events: none;
  z-index: 0;
}
.header-nav .header-nav-wrapper {
  position: relative;
  z-index: 1;
}

/* Sticky header is ~129px tall; offset anchor targets so headings
   (e.g. #story) are not hidden under it after an in-page jump. */
html {
  scroll-padding-top: 140px;
}

/* Darken the pink "Mempelai Pria/Wanita" label chips to meet AA
   (white on #be3e63 ~= 5.2:1; theme pink was 3.84:1).
   Needs !important + this exact specificity: the theme sets the chip's
   background via ".couple .couple-details .title span" with !important
   (css/colors/theme-skin-deep-pink.css) at a HIGHER specificity than the
   previous ".bg-theme-colored"-based override here, so that override was
   silently losing and the chip stayed unfixed. Matching the theme's own
   selector (same specificity, !important, later in <head>) wins the tie. */
.couple .couple-details .title span.bg-theme-colored {
  background-color: #be3e63 !important;
}

/* Darken the pink "Mulai Menjalin Kasih" story box (section #story, second
   each-story item) to meet AA — white text on the theme's flat
   ".bg-theme-colored { background-color: #d65679 !important }"
   (css/colors/theme-skin-deep-pink.css) is ~3.84:1 for both the h4 title and
   its paragraph. Same darkened pink as the chips above (~5.2:1); !important
   is required to beat the theme's !important background rule. */
.each-story .story-details.bg-theme-colored {
  background-color: #be3e63 !important;
}

/* "NOV 14" event-date badge: white text on the theme's flat pink
   background-color: #d65679 !important (css/colors/theme-skin-deep-pink.css,
   ".event .entry-header .entry-date, .blog-post .post .entry-header
   .entry-date") is ~3.84:1. Same darkened pink as above; matching the
   theme's own selector list (same specificity, !important, later in <head>)
   wins the cascade tie. */
.event .entry-header .entry-date,
.blog-post .post .entry-header .entry-date {
  background-color: #be3e63 !important;
}

/* Root cause of most remaining contrast fails: the theme's own default body
   text colour, "body { color: #777777 }" (css/style-main.css), is ~4.48:1 on
   plain white and drops under AA on any slightly-off-white section
   background (#eeeeee ~3.86:1, #f7f7f7 bg-lighter ~4.18:1) — e.g. the event
   time/location list, event description paragraphs, the plain (non-pink)
   story boxes, and the blog "Oleh Admin"/excerpt text. Darkening the base
   colour (same specificity as the theme's "body" rule, later in <head>, no
   !important needed) fixes all of those at once instead of patching each
   section's inherited text separately. Explicit colours set elsewhere
   (links, the pink story box's white text, etc.) are unaffected. */
body {
  color: #666666;
}

/* Story-date captions ("14 Feb 2021"...) use an explicit grey
   (".each-story .story-date { color: #808080 }", css/style-main.css) that
   the body-level fix above does not reach — same ~3.7:1 shortfall. */
.each-story .story-date {
  color: #666666;
}

/* "Selengkapnya" read-more links: the theme's global brand-pink text colour
   (".text-theme-colored { color: #d65679 !important }",
   css/colors/theme-skin-deep-pink.css) is ~3.6:1 on the event/blog card
   background. Scoped to this exact link (not the bare ".text-theme-colored"
   class, which is also used for the logo/icons over the hero photo and
   should keep the brighter brand pink there) so only the failing links
   change; the added specificity + !important beats the theme rule. */
a.text-theme-colored.font-13 {
  color: #be3e63 !important;
}

/* RSVP/"Lokasi" buttons: white text on the theme's flat pink button
   background (".btn-dark.btn-theme-colored { background-color: #d65679 }",
   css/colors/theme-skin-deep-pink.css, no !important) is ~3.84:1. Same
   specificity, later in <head>, wins without needing !important. */
.btn-dark.btn-theme-colored {
  background-color: #be3e63;
  border-color: #be3e63;
}

/* RSVP form card: its container has the theme's flat pink
   ".bg-theme-colored { background-color: #d65679 !important }"
   (css/colors/theme-skin-deep-pink.css) behind white form labels
   (".rsvp-form .form-group label { color: #fff }") — ~3.84:1. Scoped to
   #rsvp (not a global ".bg-theme-colored" override) so other uses of that
   class elsewhere in the template are untouched; !important is required to
   beat the theme's !important background rule. */
#rsvp .bg-theme-colored {
  background-color: #be3e63 !important;
}

/* The hero captions sit over the Revolution Slider photo; the slider
   rebuilds its DOM so the contrast probe cannot see the image behind
   them. Mark the slider as a media layer (invisible) so legible
   white-on-photo hero text is judged by eye, not as white-on-white. */
.rev_slider {
  background-image: linear-gradient(transparent, transparent);
}

/* Verifikasi akhir 2026-10-13: "MDIX" dalam huruf sambung (Great Vibes/Playball)
   terbaca "MDJX" → kata MDIX memakai huruf tegak tebal, sisa nama tetap huruf sambung. */
.mdix-wordmark {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 0.72em;
  letter-spacing: 0.02em;
  vertical-align: 0.08em;
}