/* Lijepa Priča – Modern Home v0.2.0 SEO-safe */
:root {
  --lp-ink: #292722;
  --lp-muted: #6f6a61;
  --lp-ivory: #fbf8f3;
  --lp-sand: #eee7dc;
  --lp-taupe: #b7a48e;
  --lp-olive: #646554;
  --lp-white: #ffffff;
  --lp-line: rgba(41,39,34,.10);
  --lp-shadow: 0 18px 48px rgba(42,36,29,.09);
  --lp-shadow-hover: 0 24px 60px rgba(42,36,29,.14);
  --lp-radius: 20px;
}

body.lp-modern-home {
  background: var(--lp-ivory);
  color: var(--lp-ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.lp-modern-home .site-content,
body.lp-modern-home #content {
  overflow: hidden;
}

/* Elegant typography without an external font request */
body.lp-modern-home h1,
body.lp-modern-home h2,
body.lp-modern-home h3,
body.lp-modern-home .woocommerce-loop-product__title {
  color: var(--lp-ink);
  letter-spacing: -.025em;
}
body.lp-modern-home h1,
body.lp-modern-home h2 {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 500;
}
body.lp-modern-home h1 { line-height: 1.02; }
body.lp-modern-home h2 { line-height: 1.12; }
body.lp-modern-home p { color: var(--lp-muted); line-height: 1.7; }

/* Header: clean, light and premium */
body.lp-modern-home .site-header,
body.lp-modern-home header.site-header,
body.lp-modern-home #masthead {
  background: rgba(251,248,243,.96);
  border-bottom: 1px solid var(--lp-line);
  box-shadow: 0 5px 24px rgba(42,36,29,.035);
}
body.lp-modern-home .main-header-menu a,
body.lp-modern-home .ast-builder-menu-1 .menu-item > .menu-link {
  color: var(--lp-ink);
  font-weight: 600;
  letter-spacing: .01em;
}
body.lp-modern-home .main-header-menu a:hover,
body.lp-modern-home .ast-builder-menu-1 .menu-item > .menu-link:hover {
  color: var(--lp-olive);
}

/* Trust bar injected by JS */
.lp-trust-bar {
  background: var(--lp-ink);
  color: rgba(255,255,255,.92);
  font-size: 13px;
  line-height: 1.25;
  letter-spacing: .035em;
  text-align: center;
  padding: 9px 16px;
}
.lp-trust-bar__inner {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}
.lp-trust-dot { opacity: .42; }

/* Hero copy discovered by JS */
body.lp-modern-home .lp-hero-title {
  max-width: 760px;
  font-size: clamp(42px, 5.8vw, 78px) !important;
  margin-bottom: 20px !important;
}
body.lp-modern-home .lp-hero-kicker {
  display: inline-block;
  color: var(--lp-olive) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase;
  margin-bottom: 12px !important;
}
body.lp-modern-home .lp-hero-copy {
  max-width: 670px;
  font-size: clamp(16px, 1.8vw, 19px) !important;
  line-height: 1.72 !important;
}

/* Buttons */
body.lp-modern-home a.wp-block-button__link,
body.lp-modern-home .wp-element-button,
body.lp-modern-home .uagb-buttons-repeater,
body.lp-modern-home a.button,
body.lp-modern-home button:not(.menu-toggle):not(.ast-menu-toggle) {
  border-radius: 999px !important;
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease !important;
}
body.lp-modern-home a.wp-block-button__link,
body.lp-modern-home .wp-element-button,
body.lp-modern-home .uagb-buttons-repeater,
body.lp-modern-home a.button {
  background: var(--lp-ink) !important;
  color: var(--lp-white) !important;
  border: 1px solid var(--lp-ink) !important;
  padding: 13px 24px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(41,39,34,.10);
}
body.lp-modern-home a.wp-block-button__link:hover,
body.lp-modern-home .wp-element-button:hover,
body.lp-modern-home .uagb-buttons-repeater:hover,
body.lp-modern-home a.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(41,39,34,.17);
}

/* Section rhythm */
body.lp-modern-home main > .wp-block-group,
body.lp-modern-home main > .wp-block-uagb-container,
body.lp-modern-home .site-main > .wp-block-group,
body.lp-modern-home .site-main > .wp-block-uagb-container {
  position: relative;
}
body.lp-modern-home .lp-section-heading {
  font-size: clamp(32px, 4vw, 50px) !important;
  margin-bottom: 28px !important;
  text-align: center;
}

/* Benefit/service boxes */
body.lp-modern-home .lp-benefit-card {
  background: rgba(255,255,255,.72);
  border: 1px solid var(--lp-line);
  border-radius: 16px;
  padding: 20px !important;
  box-shadow: 0 8px 30px rgba(42,36,29,.04);
}
body.lp-modern-home .lp-benefit-card h4,
body.lp-modern-home .lp-benefit-card h3 {
  margin-bottom: 5px;
}

/* PRODUCT GRID — the important part */
body.lp-modern-home ul.products,
body.lp-modern-home .wc-block-grid__products,
body.lp-modern-home .wp-block-woocommerce-product-collection ul,
body.lp-modern-home .lp-product-grid {
  gap: 22px !important;
}
body.lp-modern-home ul.products li.product,
body.lp-modern-home .wc-block-grid__product,
body.lp-modern-home .wc-block-product,
body.lp-modern-home .lp-product-card {
  background: var(--lp-white) !important;
  border: 1px solid var(--lp-line) !important;
  border-radius: var(--lp-radius) !important;
  padding: 12px 12px 18px !important;
  overflow: hidden !important;
  box-shadow: var(--lp-shadow) !important;
  transition: transform .24s ease, box-shadow .24s ease !important;
}
body.lp-modern-home ul.products li.product:hover,
body.lp-modern-home .wc-block-grid__product:hover,
body.lp-modern-home .wc-block-product:hover,
body.lp-modern-home .lp-product-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--lp-shadow-hover) !important;
}

/* A uniform product-photo canvas: full product visible, no ugly stretching */
body.lp-modern-home ul.products li.product img,
body.lp-modern-home .wc-block-grid__product-image img,
body.lp-modern-home .wc-block-components-product-image img,
body.lp-modern-home .wp-block-woocommerce-product-image img,
body.lp-modern-home .lp-product-image {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #f4f0e9 !important;
  border-radius: 14px !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  transition: transform .35s ease !important;
}
body.lp-modern-home ul.products li.product:hover img,
body.lp-modern-home .wc-block-grid__product:hover img,
body.lp-modern-home .wc-block-product:hover img {
  transform: scale(1.025);
}
body.lp-modern-home ul.products li.product .woocommerce-loop-product__title,
body.lp-modern-home .wc-block-grid__product-title,
body.lp-modern-home .wc-block-components-product-name {
  font-family: inherit !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  margin: 14px 6px 7px !important;
  color: var(--lp-ink) !important;
}
body.lp-modern-home ul.products li.product .price,
body.lp-modern-home .wc-block-grid__product-price,
body.lp-modern-home .wc-block-components-product-price {
  color: var(--lp-ink) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  margin: 0 6px !important;
}
body.lp-modern-home ul.products li.product .price del,
body.lp-modern-home .wc-block-grid__product-price del {
  color: #999188 !important;
  opacity: .8;
  font-weight: 500;
}
body.lp-modern-home .onsale,
body.lp-modern-home .wc-block-grid__product-onsale,
body.lp-modern-home .wc-block-components-product-sale-badge {
  background: var(--lp-olive) !important;
  color: var(--lp-white) !important;
  border: 0 !important;
  border-radius: 999px !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 7px 11px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: .08em;
}

/* Editorial/category blocks */
body.lp-modern-home .lp-editorial-card {
  border-radius: 22px !important;
  overflow: hidden;
  background: var(--lp-white);
  border: 1px solid var(--lp-line);
  box-shadow: var(--lp-shadow);
}
body.lp-modern-home .lp-editorial-card img {
  border-radius: 18px !important;
}

/* Reviews */
body.lp-modern-home .lp-review-card {
  max-width: 820px;
  margin-inline: auto !important;
  background: var(--lp-white);
  border: 1px solid var(--lp-line);
  border-radius: 22px;
  padding: clamp(24px, 5vw, 48px) !important;
  box-shadow: var(--lp-shadow);
}

/* Footer clean-up */
body.lp-modern-home footer,
body.lp-modern-home .site-footer {
  background: #262520;
  color: rgba(255,255,255,.76);
}
body.lp-modern-home footer h2,
body.lp-modern-home footer h3,
body.lp-modern-home footer h4,
body.lp-modern-home footer a,
body.lp-modern-home .site-footer h2,
body.lp-modern-home .site-footer h3,
body.lp-modern-home .site-footer h4,
body.lp-modern-home .site-footer a {
  color: rgba(255,255,255,.92);
}
body.lp-modern-home footer a:hover,
body.lp-modern-home .site-footer a:hover { color: #fff; }

/* hide legacy Woo cart indicators on homepage; direct-order flow remains untouched */
body.lp-modern-home .ast-site-header-cart,
body.lp-modern-home .wc-block-mini-cart,
body.lp-modern-home .site-header-cart {
  display: none !important;
}
body.lp-modern-home .lp-demo-hidden-safe {
  display: none !important;
}
/* Safety override for v0.1.0 cached reveal classes: never leave cards invisible. */
body.lp-modern-home .lp-reveal,
body.lp-modern-home .lp-reveal.lp-visible {
  opacity: 1 !important;
  transform: none !important;
}

/* Gentle reveal, disabled for reduced-motion users */
@media (prefers-reduced-motion: no-preference) {
  body.lp-modern-home .lp-reveal {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .5s ease, transform .5s ease;
  }
  body.lp-modern-home .lp-reveal.lp-visible {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 921px) {
  .lp-trust-bar { font-size: 12px; padding: 8px 12px; }
  .lp-trust-bar__inner { gap: 8px 12px; }
  body.lp-modern-home ul.products,
  body.lp-modern-home .wc-block-grid__products { gap: 14px !important; }
  body.lp-modern-home ul.products li.product,
  body.lp-modern-home .wc-block-grid__product { border-radius: 16px !important; padding: 8px 8px 14px !important; }
  body.lp-modern-home ul.products li.product img,
  body.lp-modern-home .wc-block-grid__product-image img,
  body.lp-modern-home .wc-block-components-product-image img { padding: 10px !important; border-radius: 12px !important; }
}

@media (max-width: 600px) {
  .lp-trust-dot { display: none; }
  .lp-trust-bar__inner { justify-content: space-around; }
  body.lp-modern-home .lp-hero-title { font-size: clamp(38px, 12vw, 54px) !important; }
  body.lp-modern-home .lp-hero-copy { font-size: 16px !important; }
  body.lp-modern-home .lp-section-heading { font-size: 34px !important; }
  body.lp-modern-home ul.products.columns-4,
  body.lp-modern-home ul.products.columns-3,
  body.lp-modern-home .wc-block-grid.has-4-columns .wc-block-grid__products,
  body.lp-modern-home .wc-block-grid.has-3-columns .wc-block-grid__products {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}


/* v0.1.1 safety overrides */
body.lp-modern-home .lp-reveal,
body.lp-modern-home .lp-reveal.lp-visible {
  opacity: 1 !important;
  transform: none !important;
}
body.lp-modern-home .lp-demo-hidden-safe { display:none !important; }

/* v0.2.1 editable: style the first real H1 without mutating its content */
body.lp-modern-home .entry-content h1:first-of-type,
body.lp-modern-home main h1:first-of-type {
  max-width: 760px;
  font-size: clamp(42px, 5.8vw, 78px) !important;
  margin-bottom: 20px !important;
}