/*
 Theme Name: Astra Child - Jean-Claude Botton
 Template: astra
 Author: Jean-Claude Botton
 Version: 1.0
*/
:root{
  --jb-primary:#8a3b2f;   /* warm red-brown */
  --jb-accent:#d9a85f;    /* warm gold */
  --jb-bg:#faf6f2;
  --jb-body:#2b2b2b;
  --jb-muted:#6d6d6d;
}
body { font-family: "Georgia", "Times New Roman", serif; color:var(--jb-body); background:var(--jb-bg); line-height:1.65; }
a { color:var(--jb-primary); text-decoration: none; }
a:hover { text-decoration: underline; }
.site-header { background:none; padding:24px 0; }
.hero { padding:80px 0; text-align:center; color:#fff; background-size:cover; background-position:center; background-color:rgba(0,0,0,0.25); }
.hero .title { font-size:44px; font-weight:700; letter-spacing:0.4px; color: #fff; text-shadow:0 2px 8px rgba(0,0,0,0.45); margin-bottom:10px; }
.hero .subtitle { font-size:18px; color:#fff; opacity:0.95; }
.lead { font-size:1.1rem; color:var(--jb-muted); margin-top:18px; }
.section { padding:48px 0; }
.wrap { max-width:1100px; margin:0 auto; padding:0 18px; }
.card { box-shadow: 0 6px 20px rgba(0,0,0,0.06); padding:18px; border-radius:8px; background:#fff; }
.spectacle-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; margin-top:18px; }
.meta { font-size:0.95rem; color:var(--jb-muted); margin-bottom:8px; }
.btn { display:inline-block; padding:10px 18px; background:var(--jb-primary); color:#fff; border-radius:6px; }
.footer { padding:24px 0; text-align:center; color:var(--jb-muted); font-size:0.95rem; }

/* Responsive minor tweaks */
@media (max-width:720px){
  .hero{ padding:40px 0;}
  .hero .title{ font-size:28px; }
}