/*
Theme Name: Avantir Child
Theme URI: https://www.avantirwellness.com/
Description: Child theme of Avantir. Blog single-post H1 fix (post title becomes the sole H1), auto-fills missing image alt text at render, and scoped cosmetic fixes for the NovoTHOR landing page (page id 4476). Does not alter the parent theme.
Author: Avantir
Template: avantir
Version: 1.6.0
*/

/* ------------------------------------------------------------------
   Preserve the "Recommended Blog" heading after it is demoted from
   <h1> to <h2> in single-post.php. The parent sizes it via `.cmn-title h1`
   (tag-based), so we mirror those exact values onto the new <h2>, scoped
   to the post section so nothing else is affected. Colour stays white via
   the element's own .text-white class; alignment via .text-center.
------------------------------------------------------------------ */
.post-sec .cmn-title h2 {
    font-size: 30px;
    line-height: 48px;
    text-transform: uppercase;
    margin: 0;
}
.post-sec .cmn-title h2 span {
    color: #d73458;
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
    .post-sec .cmn-title h2 { font-size: 38px; line-height: 44px; }
}
@media only screen and (max-width: 991px) {
    .post-sec .cmn-title h2 { font-size: 26px; line-height: 32px; }
}

/* ============================================================
   NovoTHOR landing page (page id 4476) cosmetic fixes.
   All rules scoped to .page-id-4476 so nothing else is affected.
   Pure CSS + one scoped footer script (functions.php) for the gallery.
   Never touches the form, CTAs, or tracking markup/JS.
   ============================================================ */

/* 1) Hide the intrusive floating WooCommerce mini-cart on this lead-gen page
      (woo-ajax-mini-cart plugin). No shop on this page, so the cart badge only
      overlaps the disclaimer, an FAQ row, and the top form fields. */
.page-id-4476 .woo_amc_open { display: none !important; }

/* 2) "Posted by people who showed up" social proof -> ONE real native swipe
      strip on every breakpoint. The footer script in functions.php builds
      .snap-wrap from the same images and hides BOTH Sandeep's Owl carousel
      (whose touch handlers blocked native swipe) AND the separate desktop
      3-col grid. Touch = native scroll-snap swipe; mouse = click-and-drag
      (functions.php), so the gallery swipes on mobile and desktop alike. */

/* Hide the desktop static 3-col grid (the only .d-none.d-md-block carrying the
   gallery's .snapstart cards); the swipe strip replaces it. */
.page-id-4476 .d-none.d-md-block:has(.snapstart) { display: none !important; }

.page-id-4476 .snap-wrap { display: block; margin-top: 8px; }
.page-id-4476 .snap-strip {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 16px;
  padding: 6px 16px 16px;
  margin: 0;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}
.page-id-4476 .snap-strip.snap-grabbing { cursor: grabbing; }
.page-id-4476 .snap-card {
  flex: 0 0 31%;
  max-width: 31%;
  scroll-snap-align: start;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 22px -8px rgba(26, 26, 46, 0.28), 0 4px 8px -6px rgba(26, 26, 46, 0.18);
}
.page-id-4476 .snap-card img {
  width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
}
.page-id-4476 .snap-hint {
  margin: 10px 0 0;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #9aa0a8;
}

/* Mobile: larger cards so a single card clearly peeks (obvious it swipes). */
@media (max-width: 767.98px) {
  .page-id-4476 .snap-strip { gap: 12px; padding: 6px 16px 14px; }
  .page-id-4476 .snap-card { flex: 0 0 66%; max-width: 66%; }
}