/*
 Theme Name:  Astra Baker Street Gallery Child (Fixed)
 Theme URI:   https://bakerstreetgallery.com/
 Description: Child theme for Astra with a custom vintage-styled homepage for Baker Street Gallery.
 Author:      Baker Street Gallery
 Template:    astra
 Version:     1.0.1
 Text Domain: astra-bsg-child
*/

:root{
  --bsg-cream:#f5f0e6; --bsg-parchment:#efe7d7; --bsg-gold:#c9a66b;
  --bsg-navy:#1a2930; --bsg-burgundy:#4a1c1a; --bsg-ink:#2c2c2c;
}
html,body{font-family:'Lato',Arial,sans-serif;color:var(--bsg-ink);background:var(--bsg-cream)}
h1,h2,h3,h4,h5,h6,.entry-title{font-family:'Playfair Display',Georgia,serif;color:var(--bsg-navy)}
.site-header,.main-header-bar{background:var(--bsg-cream);border-bottom:1px solid rgba(0,0,0,.06)}
.bsg-btn,.ast-button,.button{background:var(--bsg-gold);color:#1b1b1b;border:none;padding:12px 20px;border-radius:4px;text-decoration:none;display:inline-block;transition:transform .08s ease,box-shadow .08s ease}
.bsg-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.bsg-hero{position:relative;min-height:62vh;display:grid;place-items:center;text-align:center;padding:6rem 1.25rem;color:#fff;background-color:#2d2a26;background-size:cover;background-position:center}
.bsg-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.25))}
.bsg-hero>.bsg-hero-inner{position:relative;z-index:2;max-width:960px}
.bsg-hero h1{color:#fff;font-size:clamp(2rem,4.2vw,4rem);margin-bottom:.6rem;letter-spacing:.5px}
.bsg-hero p{font-size:clamp(1.05rem,1.6vw,1.25rem);opacity:.95;margin:.4rem auto 1.3rem;color:#f8f6f2}
.bsg-hero .bsg-cta-wrap a{margin:0 .45rem}
.bsg-section{padding:64px 20px}
.bsg-section .section-title{text-align:center;margin-bottom:28px}
.bsg-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:0 auto}
@media (max-width:980px){.bsg-tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.bsg-tiles{grid-template-columns:1fr}}
.bsg-tile{position:relative;height:220px;border-radius:8px;overflow:hidden;background:#ddd;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.bsg-tile img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.8) contrast(1.05);transform:scale(1.02);transition:transform .5s ease}
.bsg-tile:hover img{transform:scale(1.06)}
.bsg-tile .bsg-tile-label{position:absolute;inset:auto 12px 12px 12px;background:rgba(26,41,48,.8);color:#fff;padding:10px 14px;border-radius:6px;font-weight:600;letter-spacing:.4px}
.bsg-story{max-width:1200px;margin:0 auto;display:grid;gap:28px;grid-template-columns:1.1fr 1fr}
@media (max-width:980px){.bsg-story{grid-template-columns:1fr}}
.bsg-story .story-img img{width:100%;border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.08)}
.bsg-story .story-copy{background:var(--bsg-parchment);padding:24px;border-radius:10px;border:1px solid rgba(0,0,0,.05)}
.bsg-grid{max-width:1200px;margin:0 auto;display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}
@media (max-width:980px){.bsg-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.bsg-grid{grid-template-columns:1fr}}
.bsg-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.06);display:flex;flex-direction:column}
.bsg-card img{width:100%;height:260px;object-fit:cover}
.bsg-card .bsg-card-body{padding:14px 14px 18px}
.bsg-card .title{font-weight:700;font-size:1.05rem;margin:2px 0 6px}
.bsg-card .price{color:var(--bsg-burgundy);font-weight:600;margin-bottom:10px}
.bsg-blog{max-width:1100px;margin:0 auto;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.bsg-blog{grid-template-columns:1fr}}
.bsg-blog .post{background:#fff;border-radius:10px;overflow:hidden;border:1px solid rgba(0,0,0,.06)}
.bsg-blog .post img{width:100%;height:200px;object-fit:cover}
.bsg-blog .post .copy{padding:14px 16px 18px}
.bsg-optin{max-width:1000px;margin:0 auto;text-align:center;background:var(--bsg-parchment);border:1px solid rgba(0,0,0,.05);border-radius:10px;padding:28px 18px}
.bsg-optin input[type="email"]{padding:12px 14px;border:1px solid rgba(0,0,0,.2);border-radius:6px;width:min(520px,90%);margin-right:8px}
.bsg-optin .bsg-btn{margin-top:10px}