/* MomBoss VIP — Launch Ready Fixes v1.0 — 27 May 2026 */

/* === GREY PLACEHOLDER FIX === */
/* Override any remaining grey backgrounds on lazy-loaded images */
img[data-lazyloaded],
img.litespeed-loaded,
img[data-src],
.lazyloaded,
.swiper-slide img {
  background-color: transparent !important;
  background: transparent !important;
}

/* Story thumbnails: never grey */
.mb-story-thumb,
.mb-story-thumb img,
.mb-stories-rail .mb-story-item,
.mb-story-item img {
  background-color: transparent !important;
  background: transparent !important;
}

/* Product card images: white bg fallback (not grey) */
.mb-product-card img,
.products .product img,
.woocommerce-loop-product__link img,
.swiper-slide .mb-product-card img {
  background: #fff !important;
}

/* Vendor card images */
.mb-vendor-card img,
.dokan-store-card img {
  background: transparent !important;
}

/* === FONT CONSISTENCY === */
/* Ensure Playfair Display for all headings */
h1, h2, h3,
.mb-hp-bar__title,
.entry-title,
.woocommerce-loop-product__title,
.dokan-store-name {
  font-family: "Playfair Display", Georgia, serif;
}

/* Ensure Poppins for all body text */
body, p, a, span, li, td, th, input, select, textarea, button,
.woocommerce,
.dokan-dashboard {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
}

/* === SPACING & MARGIN FIXES === */
/* Consistent section spacing on homepage */
.mb-hp-zone {
  padding: 24px 0;
}
.mb-hp-zone + .mb-hp-zone {
  margin-top: 0;
}

/* Consistent section header bars */
.mb-hp-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 12px;
  margin: 0;
}
.mb-hp-bar__title {
  font-size: 1.35rem;
  font-weight: 700;
  color: #1A1A2E;
  margin: 0;
  line-height: 1.3;
}
.mb-hp-bar a {
  font-size: 0.85rem;
  color: #E91E63;
  text-decoration: none;
  font-weight: 500;
  white-space: nowrap;
}
.mb-hp-bar a:hover {
  text-decoration: underline;
}

/* Product card consistent spacing */
.mb-product-card {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.mb-product-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(233,30,99,0.08);
}

/* Vendor card consistent spacing */
.mb-vendor-card {
  border-radius: 12px;
  overflow: hidden;
  text-align: center;
}

/* === LIFESTYLE BANNER FIXES === */
.mb-hp-lifestyle-banner {
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  width: 100%;
}
.mb-hp-lifestyle-banner img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* === SWIPER NAVIGATION BUTTONS === */
.swiper-button-prev,
.swiper-button-next {
  color: #E91E63 !important;
  background: rgba(255,255,255,0.9);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 16px;
  font-weight: 700;
}
.swiper-button-disabled {
  opacity: 0.3 !important;
}

/* === FOOTER FIXES === */
.site-footer {
  background: #1A1A2E;
  color: rgba(255,255,255,0.7);
  padding: 40px 0 20px;
}
.site-footer a {
  color: rgba(255,255,255,0.8);
  text-decoration: none;
}
.site-footer a:hover {
  color: #E91E63;
}

/* === MOBILE RESPONSIVE FIXES === */
@media (max-width: 768px) {
  /* Tighten homepage section spacing on mobile */
  .mb-hp-zone {
    padding: 16px 0;
  }
  
  /* Fix horizontal overflow */
  body {
    overflow-x: hidden;
  }
  
  /* Stories rail mobile scroll */
  .mb-stories-rail {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0 12px;
  }
  .mb-stories-rail::-webkit-scrollbar {
    display: none;
  }
  
  /* Section titles smaller on mobile */
  .mb-hp-bar__title {
    font-size: 1.15rem;
  }
  
  /* Product cards: 2 per row on mobile */
  .mb-product-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 0 12px;
  }
  
  /* Hide swiper nav on mobile (touch is enough) */
  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }
  
  /* Hero section mobile */
  .mb-hp-hero h1 {
    font-size: 1.5rem;
  }
  .mb-hp-hero p {
    font-size: 0.9rem;
  }
  
  /* Search bar stacks on mobile */
  .mb-hp-search {
    flex-direction: column;
    gap: 8px;
  }
  .mb-hp-search input[type="search"] {
    width: 100%;
  }
  
  /* Vendor cards: 2 per row */
  .mb-vendor-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 0 12px;
  }
}

@media (max-width: 480px) {
  /* Extra small screens */
  .mb-hp-bar__title {
    font-size: 1rem;
  }
  .mb-hp-bar {
    padding: 0 12px 8px;
  }
  
  /* Full-width lifestyle banners */
  .mb-hp-lifestyle-banner {
    margin: 0 -12px;
    width: calc(100% + 24px);
  }
}

/* === WOOCOMMERCE OVERRIDES === */
/* Product page add to cart button */
.single_add_to_cart_button {
  background: #E91E63 !important;
  border-color: #E91E63 !important;
  color: #fff !important;
  border-radius: 12px !important;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  padding: 12px 32px !important;
  transition: all 0.25s ease;
}
.single_add_to_cart_button:hover {
  background: #C2185B !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(233,30,99,0.3);
}

/* Cart & checkout buttons */
.wc-proceed-to-checkout a,
.checkout-button {
  background: #E91E63 !important;
  border-radius: 12px !important;
  font-family: "Poppins", sans-serif;
}

/* Dokan store page consistency */
.dokan-store-sidebar {
  font-family: "Poppins", sans-serif;
}

/* === CHERRY BLOSSOM ACCENT === */
/* Subtle selection color */
::selection {
  background: rgba(233, 30, 99, 0.15);
  color: inherit;
}
::-moz-selection {
  background: rgba(233, 30, 99, 0.15);
  color: inherit;
}

/* Link hover color consistency */
a:hover {
  color: #E91E63;
}

/* Focus ring for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid #E91E63;
  outline-offset: 2px;
  border-radius: 4px;
}


/* === SNAG 2: Vault page — force pink header, no dark banner === */
.page-template-page-digital-vault .entry-header,
.page-template-page-digital-vault .page-header,
.page-template-page-digital-vault .hentry > header,
.page-template-page-digital-vault .wp-block-cover,
.page-template-page-digital-vault #primary > header {
  background: linear-gradient(135deg, #FCE4EC 0%, #FFF8E7 50%, #F3E5F5 100%) !important;
  color: #1A1A2E !important;
}
.page-template-page-digital-vault .entry-title,
.page-template-page-digital-vault .page-title {
  display: none !important;
}

/* === SNAG 3: Campaign Studio Preview button centering === */
.campaign-studio .button-preview,
.classifieds-submit-form .button[name="preview"],
.adverts-form .adverts-cancel-uncheck,
.wpadverts-form button[type="submit"],
.mb-cs-form-wrap .btn-preview,
button.preview, input.preview, a.preview {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  padding: 12px 32px !important;
  border-radius: 9999px !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
}

/* === SNAG 7: Logo visibility — drop shadow fallback === */
.custom-logo,
.site-header .custom-logo-link img,
.mb-header__logo img {
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.15));
}