/*
 Theme Name: GlowyLou Child
 Theme URI: https://glowylou.example
 Description: Motyw potomny Kadence dla sklepu GlowyLou (lampki nocne dla dzieci).
 Author: ChatGPT & Ernn
 Template: kadence
 Version: 1.0
*/

/* Podstawowe kolory marki */
:root {
  --glowy-bg: #fffaf5;
  --glowy-accent: #ff9fb8;
  --glowy-accent-soft: #ffd5e3;
  --glowy-text: #4b3456;
  --glowy-muted: #7d6c8a;
}

/* Reset marginesów sekcji stron głównych */
.glowy-section {
  padding: 4rem 1.5rem;
}

.glowy-hero-section {
  padding: 5rem 1.5rem 4rem;
  background: radial-gradient(circle at 0% 0%, #ffe4f2 0, transparent 55%),
              radial-gradient(circle at 100% 0%, #e0f3ff 0, transparent 55%),
              linear-gradient(135deg, #fffaf5 0%, #fdf5ff 50%, #f7fbff 100%);
  text-align: left;
}

.glowy-hero-inner {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3rem;
}

.glowy-hero-text h1 {
  font-size: clamp(2.4rem, 4vw, 3.4rem);
  line-height: 1.1;
  color: var(--glowy-text);
  margin-bottom: 1rem;
}

.glowy-hero-text p {
  font-size: 1.1rem;
  color: var(--glowy-muted);
  max-width: 480px;
}

.glowy-btn {
  display: inline-block;
  margin-top: 1.8rem;
  padding: 0.95rem 2.8rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #ff9fb8, #ffc7c2);
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(255, 159, 184, 0.45);
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.glowy-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 32px rgba(255, 159, 184, 0.55);
  filter: brightness(1.02);
}

/* Sekcja „Dlaczego dzieci kochają GlowyLou” */
.glowy-benefits {
  background: var(--glowy-bg);
}

.glowy-benefits-inner {
  max-width: 1100px;
  margin: 0 auto;
}

.glowy-benefits-inner h2 {
  text-align: center;
  color: var(--glowy-text);
  margin-bottom: 2rem;
  font-size: 2rem;
}

.glowy-benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
}

.glowy-benefit-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 1.8rem 1.6rem;
  box-shadow: 0 16px 40px rgba(167, 142, 192, 0.15);
}

.glowy-benefit-card h3 {
  margin-top: 0;
  margin-bottom: 0.4rem;
  font-size: 1.1rem;
  color: var(--glowy-text);
}

.glowy-benefit-card p {
  margin: 0;
  color: var(--glowy-muted);
  font-size: 0.97rem;
}

/* Produkt wyróżniony */
.glowy-featured {
  background: #ffffff;
}

.glowy-featured-inner {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

.glowy-featured-inner h2 {
  color: var(--glowy-text);
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

/* Opinie */
.glowy-testimonials {
  background: linear-gradient(135deg, #fffaf5 0%, #fdf1ff 100%);
}

.glowy-testimonials-inner {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.glowy-testimonials-inner h2 {
  color: var(--glowy-text);
  margin-bottom: 1.5rem;
}

.glowy-testimonial-quote {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 24px;
  padding: 2rem 2.4rem;
  box-shadow: 0 12px 30px rgba(175, 140, 200, 0.22);
  font-size: 1.02rem;
  color: var(--glowy-muted);
}

/* Newsletter */
.glowy-newsletter {
  background: #fff;
}

.glowy-newsletter-inner {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.glowy-newsletter-inner h2 {
  color: var(--glowy-text);
  margin-bottom: 0.8rem;
}

.glowy-newsletter-inner p {
  color: var(--glowy-muted);
  margin-bottom: 1.2rem;
}

/* Responsywność */
@media (max-width: 768px) {
  .glowy-hero-inner {
    flex-direction: column;
    text-align: center;
  }
  .glowy-hero-text p {
    margin: 0 auto;
  }
  .glowy-hero-section {
    padding-top: 3.5rem;
  }
}