/* ==============================================
   GM Mobile UX Fixes v1.0 | 2026-06-13
   M1: Footer dark background
   M2: Social icons mobile fix
   M3: Horizontal overflow fix
   M4: Chat-bot/CTA overlap fix
   M5: bwc-pseudo-height fix
   ============================================== */

/* M1: Footer - dark bg for color-scheme-light */
.wd-footer,
.wd-footer.color-scheme-light,
.wd-footer .footer-container,
.wd-footer.footer-container {
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
}

/* M3: Horizontal overflow from mega-menu */
body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}
.wd-dropdown-menu,
.wd-dropdown,
.woodmart-navigation .menu > li > .wd-dropdown-menu {
  max-width: 100vw !important;
}

/* M2: Social icons - mobile fix */
@media (max-width: 1024px) {
  .wd-social-icons.wd-pos-fixed {
    display: none !important;
  }
}

/* M4: Chat-bot / CTA overlap fix */
@media (max-width: 767px) {
  .elementor-button-wrapper,
  .banner-btn,
  a[href*="consultation"],
  a[href*="konsultaciya"] {
    z-index: 100 !important;
    position: relative !important;
  }
  iframe[src*="chat"],
  .chat-widget,
  [class*="chat-bot"],
  [class*="chatbot"],
  [id*="chat"] {
    z-index: 99 !important;
  }
}

/* M5: bwc-pseudo-height excessive space */
.bwc-pseudo-height {
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: none !important;
}

/* Hide price::after for products sold per piece (gm2 calc type) */
body.postid-109876 .price::after,
body.postid-109886 .price::after,
body.postid-119202 .price::after,
body.postid-119203 .price::after {
}

/* M6: 2026-07-03 - Category/page title fallback background.
   Woodmart title bar (.wd-page-title) uses white text (color-scheme-light) and expects
   a photo background (ACF field title_image). Most categories (118/120) have no photo
   set, so the white H1 was invisible on the white page background - looked like a broken
   empty gap. Fallback: dark brand bg (matches .whb-top-bar) ONLY when no image is set;
   pages/categories that DO have a photo (inline background-image) are untouched. */
.wd-page-title:not([style*="background-image"]) {
  background-color: #2d2f33 !important;
}

/* M7: 2026-07-05 - Mobile LCP: smaller title-bar banner on catalog pages 26877/92609.
   Pairs with mu-plugin gm-lcp-mobile.php (mobile preload of the -mob file). */
@media (max-width: 980px) {
  body.page-id-26877 .wd-page-title,
  body.page-id-92609 .wd-page-title {
    background-image: url(https://goldmandarin.kiev.ua/wp-content/uploads/2024/10/trot-baner-02-mob.webp) !important;
  }
}