/* Bahbouh Group LTD - shared blog stylesheet
   Mirrors live site: Barlow Condensed headings + Inter body, dark bg, gold accents */
:root {
  --bg: #0d0b06;
  --surface: #17130c;
  --card: #1a150d;
  --border: #33291a;
  --gold: #deb01a;
  --gold-soft: #f0d575;
  --fg: #f2efdf;
  --muted: #a89f82;
  --muted-soft: #7c7562;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  background:var(--bg);
  color:var(--fg);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:16px; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.display {
  font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  font-weight:600; letter-spacing:.01em;
}

/* ===== TOP BAR (matches site header) ===== */
.topbar {
  position:sticky; top:0; z-index:50;
  background:rgba(13,11,6,.90); backdrop-filter:blur(6px);
  border-bottom:1px solid rgba(222,176,26,.22);
}
.topbar-inner { max-width:1280px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:12px 24px; }
.brand { position:relative; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
.brand-ring { position:absolute; width:56px; height:56px; border-radius:50%; border:2px solid rgba(222,176,26,.6); }
.brand img { position:relative; height:44px; width:auto; object-fit:contain; }
.top-nav { display:flex; align-items:center; gap:14px; }
.top-nav a {
  font-size:12px; font-weight:600; letter-spacing:.14em;
  text-decoration:none; color:var(--muted-soft); text-transform:uppercase;
  transition:color .15s;
}
.top-nav a:hover { color:var(--gold); }
.top-actions { display:flex; align-items:center; }
.top-actions .cta {
  background:var(--gold); color:#10100a;
  padding:14px 24px; font-size:12px; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase; border:0; cursor:pointer;
  text-decoration:none; transition:opacity .15s;
}
.top-actions .cta:hover { opacity:.92; }
@media (max-width:900px){ .top-nav { gap:8px; font-size:11px; } .brand-ring{width:48px;height:48px;} .brand img{height:38px;} }

/* ===== HERO ===== */
.hero { position:relative; overflow:hidden; height:min(58vh, 420px); }
.hero img { width:100%; height:100%; object-fit:cover; display:block; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(180deg, rgba(13,11,6,.55), rgba(13,11,6,.12) 55%, rgba(13,11,6,.4)); }
.hero-meta {
  position:absolute; left:0; right:0; bottom:0;
  max-width:1280px; margin:0 auto; padding:28px 24px;
}
.hero-kicker { color:var(--gold); font-size:12px; letter-spacing:.15em; text-transform:uppercase; }
.hero-title { font-family:'Barlow Condensed','Arial Narrow',sans-serif; font-size:clamp(28px,4.2vw,52px); line-height:1.05; color:#fff; margin-top:10px; }
.hero-sub { color:var(--muted-soft); font-size:15px; margin-top:10px; }

/* ===== CONTENT ===== */
.container { max-width:900px; margin:0 auto; padding:48px 24px; }
.lead { font-size:18px; color:var(--fg); }
p { margin-bottom:18px; color:var(--muted-soft); }
p strong, .lead strong, .searchable strong { color:var(--fg); }
h2 {
  font-family:'Barlow Condensed','Arial Narrow',sans-serif;
  font-size:26px; color:var(--gold); margin:38px 0 14px; font-weight:600;
}
h3 { font-family:'Barlow Condensed',sans-serif; font-size:20px; color:var(--fg); margin:26px 0 10px; }
ul,ol { margin:0 0 18px; padding-left:22px; color:var(--muted-soft); }
li { margin-bottom:6px; }
a { color:var(--gold-soft); text-decoration:underline; }
a:hover { color:var(--gold); }

.highlight { background:var(--card); border:1px solid var(--border); border-left:3px solid var(--gold); padding:18px 22px; margin:22px 0; }
.facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:18px; margin:26px 0; }
.fact-card { background:var(--card); border:1px solid var(--border); padding:18px; }
.fact-card b { font-family:'Barlow Condensed',sans-serif; color:var(--gold); font-size:22px; display:block; }
.fact-card span { color:var(--muted-soft); font-size:13.5px; line-height:1.4; display:block; margin-top:6px; }
.faq { margin:26px 0; }
details { background:var(--card); border:1px solid var(--border); margin-bottom:12px; padding:14px 20px; }
summary { font-family:'Barlow Condensed',sans-serif; font-size:18px; color:var(--fg); cursor:pointer; }
summary::after { content:'+'; float:right; color:var(--gold); }
details[open] p { color:var(--muted-soft); }

.cta-band { background:var(--gold); color:#14110a; padding:40px; text-align:center; margin:48px 0; }
.cta-band h2 { color:#14110a; font-size:28px; }
.cta-band p { color:rgba(10,10,6,.85); margin:10px 0 18px; }
.btn-cta { display:inline-block; background:#14110a; color:#f7f5d4; padding:14px 30px; font-size:14px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; }
.btn-ghost { display:inline-block; background:transparent; color:var(--gold); border:1px solid var(--gold); padding:12px 26px; font-size:14px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; transition:background .2s; }
.btn-ghost:hover { background:rgba(222,176,26,.15); }

/* ===== FOOTER (matches site footer) ===== */
.footer { border-top:1px solid rgba(222,176,26,.25); background:var(--surface); margin-top:60px; }
.footer-grid { max-width:1280px; margin:0 auto; display:grid; gap:40px; padding:56px 24px; grid-template-columns:2fr 2fr 2fr 2fr; }
.f-about .brand { margin-bottom:14px; }
.f-about h4, .f-col h4 { font-family:'Barlow Condensed',sans-serif; font-size:14px; letter-spacing:.08em; color:var(--gold); text-transform:uppercase; padding-bottom:6px; border-bottom:1px solid rgba(222,176,26,.25); }
.f-about p { color:var(--muted-soft); font-size:14.5px; }
.f-tagline { color:var(--gold-soft); font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; margin-top:12px; }
.f-col ul { list-style:none; padding:0; }
.f-col li { margin-bottom:9px; }
.f-col a { color:var(--muted-soft); text-decoration:none; font-size:14.5px; }
.f-col a:hover { color:var(--gold); }
.f-col b { color:var(--gold-soft); font-size:13px; }
.f-col .contact { font-size:14.5px; color:var(--muted-soft); line-height:1.8; }
.f-copy { max-width:1280px; margin:0 auto; padding:22px 24px; text-align:center; color:var(--muted-soft); font-size:13px; border-top:1px solid rgba(222,176,26,.12); }
.f-copy a { color:var(--muted-soft); text-decoration:none; }
.f-copy a:hover { color:var(--gold); }
@media (max-width:900px){ .f-grid, .footer-grid { grid-template-columns:1fr; } }

.breadcrumb { color:var(--muted-soft); font-size:13px; margin-bottom:20px; }
.breadcrumb a { color:var(--gold); }

/* Blog index */
.review-title { font-family:'Barlow Condensed',sans-serif; font-size:38px; color:var(--fg); margin-bottom:10px; }
.card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:22px; margin-top:26px; }
.post-card { display:block; background:var(--card); border:1px solid var(--border); border-left:4px solid var(--gold); overflow:hidden; text-decoration:none; transition:transform .15s, border-color .15s; }
.post-card:hover { transform:translateY(-3px); border-color:var(--gold); }
.post-card img { width:100%; height:170px; object-fit:cover; display:block; }
.post-card h3 { font-family:'Barlow Condensed',sans-serif; font-size:20px; color:var(--gold); padding:16px 20px 6px; }
.post-card p { color:var(--muted-soft); font-size:14px; line-height:1.5; padding:0 20px 16px; margin:0; }