/* Prayer Haven — main stylesheet */

:root{
  --ink:#232946;
  --ink-soft:#2f3a63;
  --parchment:#F5F1F7;
  --parchment-alt:#EFE9F2;
  --ivory:#FBF9F5;
  --gold:#C89B3C;
  --gold-soft:#e2c583;
  --rose:#B85C5C;
  --sage:#7C9082;
  --display: 'Fraunces', Georgia, serif;
  --body: 'Karla', -apple-system, sans-serif;
  --mono: 'JetBrains Mono', monospace;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--body);background:var(--parchment);color:var(--ink);line-height:1.65;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--ivory);padding:12px 18px;z-index:999;}
.skip-link:focus{left:10px;top:10px;}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px;}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}

/* ===== Header ===== */
header.site-header{background:var(--ink);color:var(--ivory);padding:20px 0;}
header.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:1.5rem;}
.brand svg{flex:none;}
.brand a{color:var(--ivory);}
nav.primary-menu ul{list-style:none;display:flex;gap:28px;margin:0;padding:0;font-size:.92rem;flex-wrap:wrap;}
nav.primary-menu a{opacity:.88;padding:6px 0;border-bottom:1px solid transparent;transition:.2s;color:var(--ivory);}
nav.primary-menu a:hover,nav.primary-menu a:focus{opacity:1;border-color:var(--gold);}
.header-cta{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(251,249,245,.35);padding:9px 16px;border-radius:2px;color:var(--ivory);}
.header-cta:hover{background:var(--gold);border-color:var(--gold);color:var(--ink);}
.menu-toggle{display:none;background:none;border:1px solid rgba(251,249,245,.4);color:var(--ivory);padding:8px 12px;border-radius:2px;}

/* ===== Hero (front page) ===== */
.hero{background:linear-gradient(180deg,var(--ink) 0%, var(--ink-soft) 78%, var(--parchment) 100%);color:var(--ivory);padding:78px 0 60px;position:relative;overflow:hidden;}
.hero-inner{position:relative;text-align:center;max-width:760px;margin:0 auto;}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:18px;display:block;}
.hero h1{font-family:var(--display);font-weight:500;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.1;margin:0 0 22px;}
.hero h1 em{font-style:italic;color:var(--gold-soft);}
.hero p.lede{font-size:1.05rem;opacity:.86;max-width:520px;margin:0 auto 30px;}
.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.btn{display:inline-block;padding:14px 28px;border-radius:2px;font-size:.9rem;letter-spacing:.02em;font-weight:600;transition:.2s;cursor:pointer;border:none;}
.btn-solid{background:var(--gold);color:var(--ink);}
.btn-solid:hover{background:var(--gold-soft);}
.btn-outline{border:1px solid rgba(251,249,245,.4);color:var(--ivory);background:transparent;}
.btn-outline:hover{border-color:var(--gold);color:var(--gold-soft);}

.verse-card{background:var(--ivory);border-radius:4px;box-shadow:0 30px 60px -20px rgba(35,41,70,.35);max-width:660px;margin:50px auto -70px;padding:40px 44px;position:relative;text-align:left;}
.verse-card .tag{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rose);display:block;margin-bottom:10px;}
.verse-card .dropcap{font-family:var(--display);font-size:1.15rem;line-height:1.55;color:var(--ink);margin:0;}
.verse-card .dropcap::first-letter{font-size:3.2rem;float:left;line-height:.8;padding:6px 10px 0 0;color:var(--gold);font-weight:600;}
.verse-card .ref{margin-top:14px;display:block;font-family:var(--mono);font-size:.76rem;color:var(--sage);}

/* Prayer beads divider — signature element */
.beads{padding:100px 0 36px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}
.beads span{width:9px;height:9px;border-radius:50%;background:var(--gold-soft);}
.beads span:nth-child(5n){background:var(--rose);width:12px;height:12px;}

/* ===== Sections ===== */
.section{padding:20px 0 80px;}
.section-head{text-align:center;max-width:560px;margin:0 auto 44px;}
.section-head .eyebrow{color:var(--rose);}
.section-head h2{font-family:var(--display);font-weight:500;font-size:2rem;margin:8px 0 10px;color:var(--ink);}
.section-head p{opacity:.75;font-size:.96rem;}

.prayer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.prayer-card{background:var(--ivory);padding:30px 26px;border-radius:3px;border-top:3px solid var(--gold);transition:transform .25s ease, box-shadow .25s ease;}
.prayer-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -18px rgba(35,41,70,.25);}
.prayer-card .cat{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);}
.prayer-card h3{font-family:var(--display);font-size:1.28rem;font-weight:500;margin:12px 0 10px;line-height:1.3;}
.prayer-card h3 a{color:var(--ink);}
.prayer-card p{font-size:.92rem;opacity:.78;margin:0 0 16px;}
.prayer-card .meta{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;opacity:.6;border-top:1px solid var(--parchment-alt);padding-top:14px;}
.prayer-card .meta a{color:var(--rose);font-weight:600;}

.cat-band{background:var(--parchment-alt);padding:70px 0;}
.cat-chips{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;list-style:none;padding:0;margin:0;}
.cat-chips a{background:var(--ivory);border:1px solid rgba(35,41,70,.1);padding:12px 22px;border-radius:999px;font-size:.88rem;display:flex;align-items:center;gap:10px;transition:.2s;}
.cat-chips a:hover{border-color:var(--gold);background:var(--gold);color:var(--ivory);}
.cat-chips .dot{width:8px;height:8px;border-radius:50%;background:var(--rose);flex:none;}

/* ===== Blog list / archive rows ===== */
.post-row{display:grid;grid-template-columns:200px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid var(--parchment-alt);align-items:center;}
.post-row:first-of-type{border-top:1px solid var(--parchment-alt);}
.post-row .thumb{width:100%;aspect-ratio:4/3;border-radius:3px;overflow:hidden;background:linear-gradient(135deg,var(--ink) 0%,var(--sage) 130%);position:relative;}
.post-row .thumb img{width:100%;height:100%;object-fit:cover;}
.post-row .date{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;color:var(--rose);text-transform:uppercase;}
.post-row h3,.post-row h2{font-family:var(--display);font-size:1.4rem;font-weight:500;margin:8px 0;}
.post-row h3 a,.post-row h2 a{color:var(--ink);}
.post-row p{opacity:.75;font-size:.94rem;margin:0;}

/* Standard content / single post */
.content-wrap{padding:60px 0;}
.entry-header{max-width:760px;margin:0 auto 34px;text-align:center;}
.entry-header .eyebrow{color:var(--rose);}
.entry-header h1{font-family:var(--display);font-weight:500;font-size:2.4rem;margin:10px 0;}
.entry-meta{font-family:var(--mono);font-size:.78rem;color:var(--sage);}
.entry-thumb{max-width:900px;margin:0 auto 40px;border-radius:4px;overflow:hidden;}
.entry-content{max-width:720px;margin:0 auto;font-size:1.05rem;}
.entry-content p{margin:0 0 22px;}
.entry-content h2{font-family:var(--display);font-size:1.6rem;margin:44px 0 16px;}
.entry-content h3{font-family:var(--display);font-size:1.3rem;margin:34px 0 14px;}
.entry-content blockquote{border-left:3px solid var(--gold);padding:6px 0 6px 22px;font-style:italic;color:var(--ink-soft);margin:30px 0;font-family:var(--display);font-size:1.15rem;}
.entry-content a{color:var(--rose);text-decoration:underline;}
.entry-content ul,.entry-content ol{padding-left:22px;}
.entry-footer{max-width:720px;margin:40px auto 0;padding-top:24px;border-top:1px solid var(--parchment-alt);display:flex;gap:10px;flex-wrap:wrap;}
.tag-pill{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;background:var(--parchment-alt);padding:6px 12px;border-radius:999px;}

/* Sidebar / widgets */
.layout-with-sidebar{display:grid;grid-template-columns:1fr 300px;gap:50px;max-width:1140px;margin:0 auto;padding:0 24px;}
.widget{background:var(--ivory);padding:26px;border-radius:3px;margin-bottom:26px;}
.widget h2,.widget h3{font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);margin:0 0 16px;}
.widget ul{list-style:none;margin:0;padding:0;}
.widget li{padding:8px 0;border-bottom:1px solid var(--parchment-alt);font-size:.92rem;}
.widget li:last-child{border-bottom:none;}

/* Newsletter band */
.circle-band{background:var(--ink);color:var(--ivory);padding:80px 0;text-align:center;}
.circle-band h2{font-family:var(--display);font-weight:500;font-size:2.1rem;margin:0 0 14px;}
.circle-band p{opacity:.78;max-width:480px;margin:0 auto 28px;}
.signup{display:flex;justify-content:center;gap:10px;max-width:440px;margin:0 auto;flex-wrap:wrap;}
.signup input{flex:1;min-width:220px;padding:14px 18px;border-radius:2px;border:1px solid rgba(251,249,245,.3);background:transparent;color:var(--ivory);font-family:var(--body);}
.signup input::placeholder{color:rgba(251,249,245,.5);}
.signup button{padding:14px 24px;background:var(--gold);color:var(--ink);border:none;border-radius:2px;font-weight:700;font-size:.9rem;cursor:pointer;}
.signup button:hover{background:var(--gold-soft);}

/* Footer */
footer.site-footer{background:var(--parchment-alt);padding:56px 0 26px;}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px;}
.foot-grid h4{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px;color:var(--sage);}
.foot-grid ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:.9rem;}
.foot-grid ul a:hover{color:var(--rose);}
.foot-brand{font-family:var(--display);font-size:1.25rem;margin-bottom:10px;}
.foot-brand + p{font-size:.87rem;opacity:.7;max-width:280px;}
.foot-bottom{border-top:1px solid rgba(35,41,70,.12);padding-top:22px;display:flex;justify-content:space-between;font-size:.8rem;opacity:.6;flex-wrap:wrap;gap:10px;}

/* Pagination */
.pagination{display:flex;justify-content:center;gap:8px;margin:50px 0 0;}
.pagination a,.pagination span{padding:10px 16px;border-radius:2px;font-size:.86rem;background:var(--ivory);}
.pagination .current{background:var(--gold);color:var(--ink);font-weight:700;}

/* 404 / search-none */
.error-404{text-align:center;padding:100px 0;}
.error-404 h1{font-family:var(--display);font-size:3rem;}

/* Comments */
.comments-area{max-width:720px;margin:60px auto 0;}
.comment-list{list-style:none;padding:0;}
.comment-list .comment{background:var(--ivory);padding:22px;border-radius:3px;margin-bottom:16px;}

/* Elementor canvas compatibility: strip theme chrome padding conflicts */
.elementor-page header.site-header,
.elementor-page footer.site-footer{ }

@media(max-width:920px){
  nav.primary-menu, .header-cta{display:none;}
  .menu-toggle{display:inline-block;}
  .prayer-grid{grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:1fr 1fr;}
  .post-row{grid-template-columns:1fr;}
  .layout-with-sidebar{grid-template-columns:1fr;}
}