/*
 Theme Name:   Gemlo Child (Pro Mockup)
 Theme URI:    https://gemlo.example
 Description:  A Gemlo-branded child theme of Twenty Twenty-Four with custom homepage.
 Author:       Gemma Alex‑Nzei
 Author URI:   https://gemlo.example/about
 Template:     twentytwentyfour
 Version:      1.0.0
 Text Domain:  gemlo-child-pro
*/

/* --- Custom CSS to refine visuals beyond theme.json --- */

:root{
  --gemlo-bg:#fffaf7;
  --gemlo-ink:#2c2c2c;
  --gemlo-head:#1f2937;
  --gemlo-primary:#e3c4af; /* blush */
  --gemlo-accent:#d97c5b;  /* soft coral */
  --gemlo-soft:#f6e6df;    /* peach cream */
  --gemlo-sage:#6b7d73;    /* muted sage */
  --gemlo-card:#ffffff;
  --gemlo-shadow: 0 8px 24px rgba(0,0,0,.06);
}

body{ background:var(--gemlo-bg); color:var(--gemlo-ink); }

/* Header */
.wp-site-blocks header{
  border-bottom:1px solid #efd7cb;
  position:sticky; top:0; z-index:50; background:#fff;
}

/* Nav links */
.wp-block-navigation a{ color:#2c2c2c; font-weight:500; }
.wp-block-navigation a:hover{ color:var(--gemlo-accent); }

/* Hero */
.gemlo-hero{ 
  background: linear-gradient(90deg, var(--gemlo-primary) 0%, var(--gemlo-soft) 100%);
  border-radius:28px; padding:64px 28px; box-shadow: var(--gemlo-shadow);
}
.gemlo-hero h1{ color:var(--gemlo-head); font-size: clamp(36px, 5vw, 56px); line-height:1.1; }
.gemlo-hero p{ color:#3a3a3a; font-size: clamp(16px, 2.2vw, 20px); margin-top:12px; }
.gemlo-cta{ display:flex; gap:14px; margin-top:26px; flex-wrap:wrap; }
.gemlo-btn{ background:var(--gemlo-accent); color:#fff; padding:12px 22px; border-radius:28px; text-decoration:none; font-weight:600;}
.gemlo-btn.is-ghost{ background:#ffffff; color:#2c2c2c; border:1px solid #e8cfc1; }
.gemlo-btn:hover{ filter:brightness(.95); transform: translateY(-1px); }

/* Feature cards */
.gemlo-card{ background:var(--gemlo-card); border-radius:18px; padding:22px; box-shadow: var(--gemlo-shadow); }
.gemlo-card h3{ color:var(--gemlo-head); margin:8px 0; }
.gemlo-chip{ display:inline-block; padding:6px 12px; border-radius:999px; background:#ffece4; color:#7a3f2e; font-size:12px; font-weight:600; }

/* Blog grid */
.gemlo-grid .wp-block-post{ background:#fff; border-radius:16px; overflow:hidden; box-shadow: var(--gemlo-shadow); }
.gemlo-grid .wp-block-post-title a{ color:var(--gemlo-head); text-decoration:none; }
.gemlo-grid .wp-block-post-excerpt__more-link{ background:var(--gemlo-accent); color:#fff; padding:8px 14px; border-radius:999px; text-decoration:none; }
.gemlo-grid .wp-block-post-date{ font-size:12px; color:#6b7280; }

/* Newsletter */
.gemlo-news{ background:#fff; border:1px solid #efd7cb; border-radius:24px; padding:28px; box-shadow: var(--gemlo-shadow); }
.gemlo-news h3{ margin:0 0 8px; }
.gemlo-news form{ display:flex; gap:12px; flex-wrap:wrap; margin-top:12px; }
.gemlo-news input[type="email"]{ flex:1; min-width:220px; padding:12px 14px; border:1px solid #e4d3c8; border-radius:999px; }
.gemlo-news button{ padding:12px 18px; border-radius:999px; border:none; background:var(--gemlo-accent); color:#fff; font-weight:600; }

/* Footer */
.gemlo-footer{ background:#1f1f1f; color:#eee; border-top: 1px solid #2a2a2a; }
.gemlo-footer a{ color:#e9c7b4; text-decoration:none; }
.gemlo-footer .social a{ display:inline-flex; align-items:center; justify-content:center; width:36px;height:36px; border-radius:999px; background:#2a2a2a; margin-right:8px; }