/*
Theme Name: SimplePro Glam
Theme URI: http://example.com/
Author: ChatGPT (Pro)
Author URI: http://example.com/
Description: Elegant pink beauty theme for nail & beauty blogs. Hero banner, refined post grid, single post layout with right sidebar for custom HTML/JS widgets. Playfair Display + Poppins.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: simplepro-glam
Tags: responsive, beauty, elegant, pink, two-columns
*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Poppins:wght@300;400;600&display=swap');

:root{
  --bg: #ffffff;
  --primary: #ec5c8a;
  --accent: #ffd8e5;
  --text: #222222;
  --muted: #707070;
  --radius: 12px;
}

/* Reset & base */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: 'Poppins', sans-serif;
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Header */
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:var(--bg);
  box-shadow:0 6px 20px rgba(230,88,120,0.06);
  border-bottom:1px solid rgba(0,0,0,0.03);
  padding:18px 22px;
}
.header-inner{
  max-width:1100px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.site-title a{
  text-decoration:none;
  color:var(--text);
  font-family: 'Playfair Display', serif;
  font-size:26px;
  font-weight:600;
  letter-spacing:0.3px;
}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;align-items:center}
.main-nav a{color:var(--muted);font-weight:600;text-decoration:none}
.main-nav a:hover{color:var(--primary)}

/* Hero */
.hero{
  background-image: linear-gradient(180deg, rgba(236,92,138,0.08), rgba(255,216,229,0.02)), url('hero.jpg');
  background-size:cover;
  background-position:center;
  border-radius:14px;
  margin:26px auto;
  max-width:1100px;
  padding:60px 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.hero .hero-content{max-width:640px}
.hero h2{font-family:'Playfair Display', serif; font-size:36px; margin:0 0 12px;}
.hero p{margin:0 0 18px;color:var(--muted);line-height:1.6}
.hero .btn{display:inline-block;padding:12px 20px;border-radius:999px;background:var(--primary);color:#fff;text-decoration:none;font-weight:600;box-shadow:0 6px 18px rgba(236,92,138,0.15)}

/* Posts grid */
.container{max-width:1100px;margin:24px auto;padding:0 18px}
.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.post-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 30px rgba(18,18,18,0.04);transition:transform .28s cubic-bezier(.2,.9,.3,1),box-shadow .28s}
.post-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(18,18,18,0.08)}
.post-card .thumb{width:100%;height:200px;object-fit:cover;display:block}
.post-card .card-body{padding:16px}
.post-card .entry-title{margin:0;font-size:18px;font-weight:600;color:var(--text);font-family:'Playfair Display', serif}
.post-card .excerpt{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.6}

/* Layout for single */
.layout{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start;margin-top:8px}
@media (max-width:940px){.layout{grid-template-columns:1fr;padding-bottom:40px} .hero{padding:36px 18px;flex-direction:column;align-items:flex-start} .main-nav{display:none;}}

/* Single post */
.single-header{padding:18px 0;border-bottom:1px solid rgba(0,0,0,0.03);margin-bottom:18px}
.single-title{font-family:'Playfair Display', serif;font-size:32px;margin:0;color:var(--text)}

/* content */
.entry-content{background:var(--bg);padding:22px;border-radius:10px;line-height:1.8;color:var(--text);box-shadow:0 6px 20px rgba(0,0,0,0.03)}
.entry-content img{max-width:100%;border-radius:10px;margin:14px 0}

/* widget area */
.widget-area{background:#fff;padding:18px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.04)}

/* footer links */
.footer-links{margin-top:22px;padding:18px;background:var(--accent);border-radius:10px;display:flex;gap:12px;flex-wrap:wrap}
.footer-links a{text-decoration:none;color:var(--text);font-weight:600}

/* small */
.small-muted{color:var(--muted);font-size:13px;margin-top:8px}

/* utilities */
.center{text-align:center;}