/*
Theme Name: Bible Verse Now
Theme URI: https://bibleversenow.com
Author: Bible Verse Now
Description: A minimal, scripture-focused theme built for Pinterest traffic and AdSense readability. Cream and gold editorial design.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bibleversenow
*/

:root{
  --cream:#F6F1E8;
  --paper:#FBF8F2;
  --ink:#221F1A;
  --gold:#B6904F;
  --hair:#D9CFBC;
  --muted:#6B6354;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{
  background:var(--cream);
  color:var(--ink);
  font-family:'Lora',serif;
  line-height:1.7;
}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
.ornament svg{display:block;}

/* ---- Header ---- */
.site-header{
  background:var(--paper);
  border-bottom:1px solid var(--hair);
  padding:18px 6%;
}
.logo{
  font-family:'Cormorant Garamond',serif;
  font-weight:600;
  font-size:22px;
  letter-spacing:0.5px;
  text-align:center;
}
.logo a{ color:var(--ink); }
.logo span{color:var(--gold); font-style:italic;}
.site-nav{
  display:flex;
  gap:18px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:10px;
  font-family:'Inter',sans-serif;
  font-size:11px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--muted);
}
.site-nav ul{ list-style:none; display:flex; gap:18px; flex-wrap:wrap; justify-content:center; }
.site-nav a{ padding:4px 0; border-bottom:1px solid transparent; }
.site-nav a:hover{ border-color:var(--gold); color:var(--ink); }
.site-nav .current-menu-item a,
.site-nav a.current{ color:var(--gold); border-color:var(--gold); }

/* ---- Breadcrumb ---- */
.breadcrumb{
  text-align:center;
  font-family:'Inter',sans-serif;
  font-size:11px;
  letter-spacing:1px;
  color:var(--muted);
  padding-top:18px;
}
.breadcrumb a{ color:var(--gold); }

/* ---- Hero: verse card (homepage + single post) ---- */
.hero{ padding:9% 6% 6%; text-align:center; }
.eyebrow{
  font-family:'Inter',sans-serif;
  font-size:11px;
  letter-spacing:2.5px;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:14px;
}
.verse-card{
  max-width:480px;
  margin:0 auto;
  background:var(--paper);
  border-radius:2px;
  box-shadow:0 24px 50px -20px rgba(34,31,26,0.22);
  padding:9% 9%;
}
.verse-card .ornament{ margin:0 auto 10px; width:28px; }
.verse-card .verse{
  font-family:'Cormorant Garamond',serif;
  font-weight:500;
  font-size:clamp(20px,4.6vw,28px);
  line-height:1.38;
  margin:5% 0;
}
.verse-card .verse em{ font-style:italic; color:var(--gold); }
.rule{ width:38px; height:1px; background:var(--hair); margin:0 auto; }
.verse-card .ref{
  font-family:'Lora',serif;
  font-style:italic;
  font-size:14px;
  color:var(--muted);
  margin-top:5%;
}
.cta{
  display:inline-block;
  margin-top:22px;
  padding:11px 26px;
  border:1px solid var(--gold);
  border-radius:2px;
  font-family:'Inter',sans-serif;
  font-size:11px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--gold);
}

/* ---- Category hero ---- */
.cat-hero{ text-align:center; padding:9% 6% 7%; }
.cat-hero .ornament{ margin:0 auto 14px; width:30px; }
.cat-hero h1{
  font-family:'Cormorant Garamond',serif;
  font-weight:600;
  font-size:clamp(28px,6vw,40px);
  margin-bottom:12px;
}
.cat-hero p{ max-width:480px; margin:0 auto; font-size:15px; color:var(--muted); }

/* ---- Ad slot ---- */
.ad-slot{ max-width:680px; margin:0 auto; padding:0 6% 6%; }
.ad-box{
  border:1px dashed var(--hair);
  border-radius:3px;
  padding:18px;
  text-align:center;
  font-family:'Inter',sans-serif;
  font-size:11px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#A39B89;
}

/* ---- Category pills ---- */
.categories{ display:flex; justify-content:center; gap:10px; flex-wrap:wrap; padding:0 6% 7%; }
.pill{
  font-family:'Inter',sans-serif;
  font-size:11px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--ink);
  background:var(--paper);
  border:1px solid var(--hair);
  border-radius:20px;
  padding:8px 16px;
}
.pill.active{ background:var(--gold); border-color:var(--gold); color:#fff; }

/* ---- Bar (count/sort) ---- */
.bar{
  max-width:900px;
  margin:0 auto;
  padding:0 6% 18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-family:'Inter',sans-serif;
  font-size:11px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--muted);
}

/* ---- Post grid ---- */
.section-title{
  font-family:'Cormorant Garamond',serif;
  font-weight:600;
  font-size:24px;
  text-align:center;
  margin-bottom:24px;
}
.grid-wrap{ max-width:900px; margin:0 auto; padding:0 6% 7%; }
.post-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
.post-card{ background:var(--paper); border:1px solid var(--hair); border-radius:3px; overflow:hidden; }
.post-thumb{
  aspect-ratio:2/1.4;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:8% 10%;
  text-align:center;
  background:radial-gradient(ellipse at top, rgba(182,144,79,0.06), transparent 60%), var(--cream);
  border-bottom:1px solid var(--hair);
}
.post-thumb .ornament svg{ width:20px; height:20px; }
.post-thumb .tv{
  font-family:'Cormorant Garamond',serif;
  font-weight:500;
  font-size:16px;
  line-height:1.35;
  margin-top:8px;
}
.post-thumb .tv em{ color:var(--gold); font-style:italic; }
.post-body{ padding:16px 18px 20px; }
.post-cat{
  font-family:'Inter',sans-serif;
  font-size:10px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:6px;
}
.post-title{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:19px; margin-bottom:6px; }
.post-excerpt{ font-size:14px; color:var(--muted); }

@media(min-width:560px){ .post-grid{ grid-template-columns:1fr 1fr; } }
@media(min-width:860px){ .post-grid{ grid-template-columns:1fr 1fr 1fr; } }

/* ---- Pagination ---- */
.pagination{ display:flex; justify-content:center; gap:8px; padding:10px 6% 7%; font-family:'Inter',sans-serif; font-size:12px; }
.pagination a, .pagination span{
  min-width:32px; height:32px;
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--hair);
  border-radius:2px;
  color:var(--muted);
  padding:0 6px;
}
.pagination .current{ background:var(--gold); border-color:var(--gold); color:#fff; }

/* ---- Article (single post) ---- */
article.single-post{ max-width:640px; margin:0 auto; padding:0 7% 6%; }
article.single-post h1.post-title-main{
  font-family:'Cormorant Garamond',serif;
  font-weight:600;
  font-size:clamp(26px,5vw,36px);
  margin-bottom:20px;
  text-align:center;
}
.entry-content h2{
  font-family:'Cormorant Garamond',serif;
  font-weight:600;
  font-size:22px;
  margin:34px 0 12px;
}
.entry-content p{ font-size:16.5px; color:#3A362F; margin-bottom:14px; }
.entry-content blockquote{
  border-left:2px solid var(--gold);
  padding-left:18px;
  font-style:italic;
  color:var(--muted);
  margin:18px 0;
}
.divider{ display:flex; justify-content:center; margin:40px 0; opacity:0.6; }

/* ---- Related verses ---- */
.related{ max-width:680px; margin:0 auto; padding:0 7% 8%; }
.related h3{
  font-family:'Inter',sans-serif;
  font-size:12px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--muted);
  text-align:center;
  margin-bottom:18px;
}
.related-grid{ display:grid; grid-template-columns:1fr; gap:14px; }
.related-card{ background:var(--paper); border:1px solid var(--hair); border-radius:3px; padding:18px; }
.related-card .rv{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:16px; margin-bottom:4px; }
.related-card .rs{ font-size:14px; color:var(--muted); }
@media(min-width:560px){ .related-grid{ grid-template-columns:1fr 1fr 1fr; } }

/* ---- Newsletter ---- */
.newsletter{ background:var(--ink); color:var(--cream); text-align:center; padding:8% 6%; }
.newsletter h3{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:24px; margin-bottom:8px; }
.newsletter p{ font-size:14px; color:#C9C2B2; margin-bottom:18px; }
.nl-form{ display:flex; max-width:340px; margin:0 auto; border:1px solid #4A4639; border-radius:2px; overflow:hidden; }
.nl-form input{ flex:1; border:none; padding:12px 14px; font-family:'Inter',sans-serif; font-size:13px; background:transparent; color:var(--cream); }
.nl-form button{ border:none; background:var(--gold); color:#fff; padding:0 18px; font-family:'Inter',sans-serif; font-size:11px; letter-spacing:1px; text-transform:uppercase; }

/* ---- Footer ---- */
.site-footer{
  border-top:1px solid var(--hair);
  background:var(--paper);
  padding:26px 6%;
  text-align:center;
  font-family:'Inter',sans-serif;
  font-size:11px;
  letter-spacing:1px;
  color:var(--muted);
}