/* style-145.css
   Based on style-144.css
   NOTE: Page title typography (.page-title, .entry-title)
   is intentionally handled in Customizer → Additional CSS
   because it requires last-load precedence to override theme rules.
*/

/* -----------------------------
   Global
----------------------------- */
html, body { height: 100%; }
body.iamloved-page { background: #fff; }
.site { overflow-x: hidden; }
body.iamloved-page .site-branding { display: none !important; }
body.iamloved-page .site-header { margin: 0 !important; padding: 0 !important; background: transparent !important; }

/* Keep backgrounds consistent so header edges don't show */
.site-content-contain,
.site-content,
.site-content-contain:before { background: #fff !important; }

/* -----------------------------
   Banner
----------------------------- */
.iamloved-custom-header,
.iamloved-custom-header-media,
.custom-header,
.custom-header-media {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.iamloved-custom-header-media,
.custom-header-media {
  width: 100%;
  height: clamp(160px, 22vw, 320px) !important;
  min-height: 160px !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: contain !important;
}

.iamloved-custom-header-media::before,
.iamloved-custom-header-media::after,
.custom-header::before,
.custom-header::after,
.custom-header-media::before,
.custom-header-media::after {
  content: none !important;
  display: none !important;
}

/* -----------------------------
   Navigation
----------------------------- */
.site-header-menu,
.site-header-menu .wrap,
.site-header .wrap {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.navigation-top,
.iamloved-navigation-top {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}

.navigation-top::before,
.iamloved-navigation-top::before {
  content: "" !important;
  position: absolute !important;
  top: 0; bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: #efe6ff;
  z-index: 0;
}

.navigation-top .wrap,
.iamloved-navigation-top .wrap {
  position: relative;
  z-index: 1;
  width: 100% !important;
  padding-left: 18px;
  padding-right: 18px;
}

.menu-toggle {
  margin: 0 !important;
  padding: 6px 0 !important;
}

/* -----------------------------
   Desktop menu
----------------------------- */
@media (min-width: 769px){
  .main-navigation {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}

/* -----------------------------
   Mobile menu
----------------------------- */
@media (max-width: 768px){
  .menu-toggle { display: inline-flex !important; }
  #top-menu { display: none !important; }

  .main-navigation.toggled-on #top-menu,
  #site-navigation.toggled-on #top-menu {
    display: block !important;
    padding: 8px 0 14px !important;
  }
}

/* -----------------------------
   Footer
----------------------------- */
body.iamloved-page .site-footer { background:#663395; color:#fff; }
body.iamloved-page .site-footer a { color:#fff; }
body.iamloved-page .site-footer a:hover { color:#efe6ff; }

/* =====================================================
   Plugin / page-specific overrides
===================================================== */

.site-info { display:none; }
nav.woocommerce-breadcrumb { display:none; }
.single-product span.sku_wrapper { display:none !important; }
.woocommerce-loop-category__title mark.count { display:none; }
.product_meta .posted_in { display:none; }

/* PluginOps page (ID 274) layout rules retained */
.page-id-274 .pops-row {
  display:flex !important;
  min-height:100vh !important;
}