/*
 Theme Name:   Woodmart Child
 Description:  PeerJee garment store child theme
 Author:       PeerJee
 Template:     woodmart
 Version:      1.2.0
*/

:root {
  --pj-blush: #e8a0b0;
  --pj-blush-deep: #d48496;
  --pj-cream: #fff8f3;
  --pj-mint: #d8ebe4;
  --pj-ink: #2b2b2b;
  --pj-soft: #f7eef1;
}

body {
  background: linear-gradient(180deg, var(--pj-cream) 0%, #ffffff 280px);
}

.peerjee-hero {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  margin: 10px auto 36px;
  max-width: 1280px;
  padding: clamp(48px, 8vw, 96px) clamp(24px, 5vw, 72px);
  background:
    radial-gradient(circle at 12% 20%, rgba(232,160,176,0.45), transparent 42%),
    radial-gradient(circle at 88% 10%, rgba(216,235,228,0.7), transparent 40%),
    linear-gradient(135deg, #fff8f3 0%, #f7eef1 55%, #eef6f3 100%);
  color: var(--pj-ink);
}

.peerjee-hero__brand {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.6rem, 6vw, 4.4rem);
  letter-spacing: -0.03em;
  margin: 0 0 0.35em;
  line-height: 1.05;
}

.peerjee-hero__brand span { color: var(--pj-blush-deep); }

.peerjee-hero p {
  max-width: 34rem;
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  line-height: 1.6;
  margin: 0 0 1.5rem;
  opacity: 0.9;
}

.peerjee-cta-row { display: flex; flex-wrap: wrap; gap: 12px; }

.peerjee-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 1.4rem;
  border-radius: 999px;
  text-decoration: none !important;
  font-weight: 600;
  transition: transform .2s ease, box-shadow .2s ease;
}

.peerjee-cta--primary {
  background: var(--pj-ink);
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(43,43,43,0.18);
}

.peerjee-cta--soft {
  background: rgba(255,255,255,0.75);
  color: var(--pj-ink) !important;
  border: 1px solid rgba(43,43,43,0.08);
}

.peerjee-cta:hover { transform: translateY(-2px); }

.peerjee-section {
  max-width: 1280px;
  margin: 0 auto 48px;
  padding: 0 clamp(16px, 3vw, 24px);
}

.peerjee-section h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.7rem, 3vw, 2.3rem);
  margin: 0 0 0.35em;
  text-align: center;
}

.peerjee-section .peerjee-sub {
  text-align: center;
  margin: 0 auto 1.5rem;
  max-width: 36rem;
  opacity: 0.8;
}

.peerjee-cats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

@media (max-width: 800px) {
  .peerjee-cats { grid-template-columns: 1fr; }
}

.peerjee-cat {
  display: block;
  text-decoration: none !important;
  color: inherit !important;
  border-radius: 22px;
  padding: 28px 24px;
  min-height: 160px;
  border: 1px solid rgba(43,43,43,0.06);
  box-shadow: 0 12px 30px rgba(43,43,43,0.05);
  transition: transform .2s ease, box-shadow .2s ease;
}

.peerjee-cat:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(43,43,43,0.09);
}

.peerjee-cat--boys { background: linear-gradient(160deg, #eef6f3, #fff); }
.peerjee-cat--girls { background: linear-gradient(160deg, #f7eef1, #fff); }
.peerjee-cat--ladies { background: linear-gradient(160deg, #fff5ef, #fff); }

.peerjee-cat strong { display: block; font-size: 1.25rem; margin-bottom: 0.35rem; }
.peerjee-cat span { opacity: 0.75; line-height: 1.45; }

.peerjee-promise {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}

@media (max-width: 800px) {
  .peerjee-promise { grid-template-columns: 1fr; }
}

.peerjee-promise div {
  background: var(--pj-soft);
  border-radius: 18px;
  padding: 18px 16px;
  text-align: center;
}

.peerjee-promise strong { display:block; margin-bottom: 0.25rem; }

/* Soften Woodmart product cards a bit */
.wd-products .product-wrapper,
.products .product {
  border-radius: 16px;
}

/* PeerJee: make page title readable on dark bar */
.wd-page-title.color-scheme-dark .entry-title,
.wd-page-title.color-scheme-dark .title,
.page-title .entry-title,
.wd-page-title .entry-title {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.35);
  font-weight: 700;
}

/* Hide leftover demo header banner / green promo bar */
.header-banner,
.whb-top-bar:has(.wd-header-text),
.whb-top-bar .wd-header-text:empty,
.whb-top-bar:has(.wd-header-text:empty) {
  display: none !important;
}

/* Ensure logo displays cleanly */
.wd-logo img,
.site-logo img {
  background: #ffd400;
  border-radius: 6px;
  padding: 2px;
}