/*
Theme Name: OurNave Blog
Theme URI: https://ournave.com/blog
Description: OurNave "Ink & Champagne" child theme (parent: GeneratePress). Ink chrome header with the metallic masked brand mark and champagne content ground mirroring the ournave.com React app (design_handoff_ink_champagne 4a + live app tokens). Hand-built for speed, SEO, and upgradability - no page builder.
Author: Internet E-Business, LLC
Author URI: https://ournave.com
Template: generatepress
Version: 1.0.3
License: GNU GPL v2 or later
Text Domain: ournave-blog
*/

:root{
  --onv-ink-900:#2a1220;
  --onv-ink-700:#42233a;
  --onv-ink-muted:#b8a0b0;
  --onv-burgundy:#6d2137;
  --onv-champagne:#f6efe4;
  --onv-card:#fffcf5;
  --onv-card-alt:#f8f2e6;
  --onv-gold-500:#c99a4e;
  --onv-gold-300:#dcae60;
  --onv-gold-100:#f0d9a4;
  --onv-gold-700:#886126;
  --onv-gold-line:#a97c3438;
  --onv-gold-line-ink:#e2b96a61;
  --onv-muted:#745e6b;
  --onv-footer-fg:#f0e2ea;
  --onv-footer-muted:#b8a0b0;
  --onv-gradient-ink:linear-gradient(160deg,#2a1220,#42233a 55%,#331a2b);
  --onv-glow-champagne:radial-gradient(ellipse at 20% -20%,#ecca7e24,transparent 55%);
  --onv-shadow-card:0 2px 6px #2a12200d,0 14px 34px #2a122014;
  --onv-shadow-ink:0 16px 38px #2a122059;
  --onv-metallic:linear-gradient(105deg,#f0a878 0%,#ffd9b2 18%,#fffaf2 40%,#ffe2bd 56%,#eb9a6c 76%,#ffcda2 100%);
  --onv-font-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --onv-font-sans:'Jost',-apple-system,'Segoe UI',Roboto,sans-serif;
}

/* ---- Ground ---- */
body{
  background:var(--onv-champagne);
  color:var(--onv-ink-900);
  font-family:var(--onv-font-sans);
  font-size:16px;
  line-height:1.65;
}
.site-content{background:var(--onv-champagne);}
a{color:var(--onv-burgundy);}
a:hover{color:var(--onv-gold-700);}
h1,h2,h3{font-family:var(--onv-font-serif);font-weight:600;color:var(--onv-ink-900);line-height:1.15;}
h4,h5,h6{font-family:var(--onv-font-sans);font-weight:600;color:var(--onv-ink-900);}
em i{font-family:var(--onv-font-serif);}

/* Letterspaced micro-label (signature of the direction) */
.onv-micro{letter-spacing:.2em;text-transform:uppercase;font-size:.6875rem;font-weight:600;line-height:1.2;color:var(--onv-gold-700);}
.onv-micro-ink{letter-spacing:.2em;text-transform:uppercase;font-size:.6875rem;font-weight:600;line-height:1.2;color:var(--onv-gold-100);}

/* ---- Brand header (mirrors the app's ink chrome) ---- */
.onv-nav{
  background-color:var(--onv-ink-900);
  background-image:var(--onv-glow-champagne),var(--onv-gradient-ink);
  border-bottom:1px solid var(--onv-gold-line-ink);
  /* NOT the app's --onv-shadow-ink: its 38px dark blur smears onto the flat
     champagne ground and reads as a broken gradient band (Yeon, 8/31). */
  box-shadow:0 3px 12px rgba(42,18,32,.16);
}
.onv-nav-inner{max-width:72rem;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
@media(min-width:768px){.onv-nav-inner{padding:16px;}}
.onv-logo{display:block;flex-shrink:0;border-radius:8px;}
.onv-mark{position:relative;display:block;flex-shrink:0;height:44px;width:106px;}
@media(min-width:768px){.onv-mark{height:72px;width:174px;}}
.onv-mark span{position:absolute;inset:0;
  -webkit-mask:var(--onv-logo-url) center / contain no-repeat;
  mask:var(--onv-logo-url) center / contain no-repeat;}
.onv-mark .onv-mark-bloom{background:#ffc99a;filter:blur(2px);opacity:.85;}
.onv-mark .onv-mark-metal{background:var(--onv-metallic);
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.7)) drop-shadow(0 0 14px rgba(255,180,130,.5));}
.onv-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end;}
.onv-links a{
  white-space:nowrap;border-radius:8px;padding:0 4px;
  font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;
  color:#f0d9a4d9;text-decoration:none;transition:color .15s ease;
}
.onv-links a:hover{color:var(--onv-gold-100);}
.onv-links a.onv-active{color:var(--onv-gold-100);border-bottom:1px solid var(--onv-gold-300);border-radius:0;padding-bottom:2px;}

/* ---- Blog index ---- */
.onv-blog-wrap{max-width:72rem;margin:0 auto;padding:44px 20px 64px;}
.onv-blog-head{text-align:center;margin:0 0 10px;}
.onv-blog-kicker{margin:0 0 14px;}
.onv-blog-h1{font-size:clamp(2.2rem,5vw,3.1rem);margin:0 0 .3em;}
.onv-blog-h1 em{font-style:italic;color:var(--onv-burgundy);}
.onv-blog-sub{color:var(--onv-muted);font-size:1.05rem;margin:0 auto 30px;max-width:38rem;}
.onv-topic-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 40px;}
.onv-topic-nav a{
  display:inline-block;padding:8px 18px;border-radius:999px;
  background:var(--onv-card);color:var(--onv-ink-900);
  font-weight:500;font-size:.85rem;letter-spacing:.04em;text-decoration:none;
  border:1px solid var(--onv-gold-line);transition:background .15s,color .15s,border-color .15s;
}
.onv-topic-nav a:hover{border-color:var(--onv-gold-300);color:var(--onv-burgundy);}
.onv-topic-nav a.onv-topic-active{
  background:var(--onv-ink-900);background-image:var(--onv-gradient-ink);
  color:var(--onv-gold-100);border-color:var(--onv-gold-300);
}
.onv-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px;}
.onv-card{
  background:var(--onv-card);border:1px solid var(--onv-gold-line);border-radius:16px;
  overflow:hidden;display:flex;flex-direction:column;
  box-shadow:var(--onv-shadow-card);
  transition:box-shadow .25s ease,transform .25s ease;
}
.onv-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #2a122014,0 20px 44px #2a122021;}
@media(prefers-reduced-motion:reduce){.onv-card,.onv-card:hover{transform:none;transition:none;}}
.onv-card-thumb{display:block;line-height:0;}
.onv-card-thumb img{width:100%;height:190px;object-fit:cover;display:block;}
.onv-card-noimg{display:block;width:100%;height:190px;
  background-color:var(--onv-ink-900);background-image:var(--onv-glow-champagne),var(--onv-gradient-ink);}
.onv-card-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:9px;flex:1;}
.onv-card-cat{margin:0;font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--onv-burgundy);}
.onv-card-title{font-size:1.45rem;line-height:1.2;margin:0;}
.onv-card-title a{color:var(--onv-ink-900);text-decoration:none;}
.onv-card-title a:hover{color:var(--onv-burgundy);}
.onv-card-excerpt{font-size:.92rem;color:var(--onv-muted);line-height:1.55;margin:0;font-family:var(--onv-font-sans);}
.onv-card-more{margin-top:auto;padding-top:6px;color:var(--onv-gold-700);font-weight:600;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;}
.onv-card-more:hover{color:var(--onv-burgundy);}

/* Pagination */
.onv-blog-wrap .pagination,.paging-navigation{margin-top:40px;text-align:center;}
.page-numbers{display:inline-block;min-width:38px;padding:7px 12px;margin:0 3px;border-radius:10px;
  background:var(--onv-card);border:1px solid var(--onv-gold-line);color:var(--onv-ink-900);text-decoration:none;font-weight:500;}
.page-numbers.current{background:var(--onv-ink-900);background-image:var(--onv-gradient-ink);color:var(--onv-gold-100);border-color:var(--onv-gold-300);}
.page-numbers:hover{border-color:var(--onv-gold-300);color:var(--onv-burgundy);}

/* ---- Single post / page (GeneratePress content wrapped) ---- */
.single .site-content,.page .site-content,.archive .site-content,.search .site-content,.error404 .site-content{
  max-width:840px;margin-left:auto;margin-right:auto;
}
@media(max-width:880px){
  .single .site-content,.page .site-content,.archive .site-content,.search .site-content,.error404 .site-content{max-width:100%;}
}
/* GP floats .content-area for the sidebar layouts; force the single column so the
   centered .site-content actually centers instead of hugging the left rail. */
.single .content-area,.page .content-area,.archive .content-area,.search .content-area,.error404 .content-area{float:none;width:100%;}
.single .site-main,.page .site-main,.archive .site-main,.search .site-main,.error404 .site-main{max-width:100%;margin:0 auto;padding:40px 20px 64px;}
.single .inside-article,.page .inside-article{
  background:var(--onv-card);border:1px solid var(--onv-gold-line);border-radius:16px;
  box-shadow:var(--onv-shadow-card);padding:clamp(24px,4vw,40px);
}
.entry-title{font-size:clamp(2rem,4.5vw,2.85rem);margin:.2em 0 .35em;}
.entry-meta,.posted-on,.byline{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--onv-gold-700);font-family:var(--onv-font-sans);}
.entry-content{font-size:1.08rem;}
.entry-content h2{font-size:1.85rem;margin:1.5em 0 .5em;padding-top:.9em;border-top:1px solid var(--onv-gold-line);}
.entry-content h3{font-size:1.4rem;margin:1.3em 0 .4em;}
.entry-content a{color:var(--onv-burgundy);text-decoration:underline;text-decoration-color:var(--onv-gold-300);text-underline-offset:3px;}
.entry-content a:hover{color:var(--onv-gold-700);}
.entry-content img{border-radius:14px;}
.entry-content :is(h2,h3){scroll-margin-top:90px;}
.entry-content blockquote{
  border-left:2px solid var(--onv-gold-300);margin-left:0;padding:.4em 0 .4em 1.2em;
  font-family:var(--onv-font-serif);font-style:italic;font-size:1.15rem;color:var(--onv-burgundy);
}
.entry-content ul li::marker{color:var(--onv-gold-500);}
.entry-content table{border-collapse:collapse;width:100%;}
.entry-content th,.entry-content td{border-bottom:1px solid var(--onv-gold-line);padding:9px 10px;text-align:left;}
.entry-content th{font-family:var(--onv-font-sans);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--onv-gold-700);}
.cat-links,.tags-links{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;}

/* Archive headers */
.archive .page-header{text-align:center;margin-bottom:34px;}
.archive .page-title{font-size:clamp(1.9rem,4vw,2.6rem);}
.archive .taxonomy-description{color:var(--onv-muted);}

/* Buttons (incl. CTA block markup from the pipeline) */
.button,.wp-block-button__link,.onv-cta a.onv-cta-btn{
  display:inline-block;border-radius:12px;padding:12px 26px;
  font-family:var(--onv-font-sans);font-weight:600;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;
  background:linear-gradient(135deg,#f9e7b4,#dcae60 45%,#b3873c);color:#241019;text-decoration:none;
  box-shadow:0 0 0 1px #f9e7b466,0 12px 30px #dcae604d;border:0;
}
.button:hover,.wp-block-button__link:hover,.onv-cta a.onv-cta-btn:hover{filter:brightness(1.05);color:#241019;}

/* Key takeaways box (generate-worker's inline-styled div is reclassed to
   .onv-takeaways by ournave_strip_inline_styles - inline styles trip origin
   ModSecurity and fight the theme) */
.onv-takeaways{
  background:var(--onv-card-alt);
  border-left:2px solid var(--onv-gold-300);
  border-radius:0 14px 14px 0;
  padding:20px 26px;margin:24px 0;
}
.onv-takeaways h3{font-family:var(--onv-font-sans);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--onv-gold-700);margin:0 0 10px;border:0;padding:0;}
.onv-takeaways ul{margin:0;padding-left:20px;}
.onv-takeaways li{margin-bottom:8px;line-height:1.6;}
.onv-listings-note{font-size:.8rem;color:var(--onv-muted);letter-spacing:.04em;}

/* CTA block card (cta_block_html renders .onv-cta) */
.onv-cta{
  margin:2.2em 0 0;padding:26px 28px;border-radius:16px;text-align:center;
  background-color:var(--onv-ink-900);background-image:var(--onv-glow-champagne),var(--onv-gradient-ink);
  color:var(--onv-footer-fg);box-shadow:var(--onv-shadow-ink);
}
.onv-cta h3,.onv-cta .onv-cta-title{font-family:var(--onv-font-serif);color:#fff;font-size:1.6rem;margin:0 0 .35em;border:0;padding:0;}
.onv-cta p{color:var(--onv-ink-muted);margin:0 0 1.1em;}
.onv-cta .onv-disclaimer{font-size:.72rem;color:#96808a;margin:1.4em 0 0;}

/* ---- Brand footer (mirrors the app Footer) ---- */
.onv-footer{
  background-color:var(--onv-ink-900);background-image:var(--onv-glow-champagne),var(--onv-gradient-ink);
  border-top:1px solid var(--onv-gold-line-ink);color:var(--onv-footer-fg);
}
.onv-footer-inner{max-width:72rem;margin:0 auto;padding:40px 16px 24px;}
@media(min-width:768px){.onv-footer-inner{padding:48px 16px 24px;}}
.onv-foot-grid{display:grid;gap:40px;}
@media(min-width:768px){.onv-foot-grid{grid-template-columns:repeat(3,1fr);}}
.onv-foot-brand img{display:block;height:64px;width:auto;}
.onv-foot-brand p{max-width:20rem;font-size:.875rem;line-height:1.6;color:var(--onv-footer-muted);margin:16px 0 0;}
.onv-foot-col h3{margin:0 0 16px;}
.onv-foot-col ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;max-width:20rem;}
.onv-foot-col ul.onv-foot-single{grid-template-columns:1fr;}
.onv-foot-col a{font-size:.875rem;color:var(--onv-footer-fg);text-decoration:none;transition:color .15s;}
.onv-foot-col a:hover{color:var(--onv-gold-100);}
.onv-foot-col p{max-width:20rem;font-size:.875rem;line-height:1.6;color:var(--onv-footer-muted);margin:0 0 12px;}
.onv-foot-col p a{text-decoration:underline;text-underline-offset:4px;}
.onv-foot-bottom{margin-top:40px;border-top:1px solid var(--onv-gold-line-ink);padding-top:24px;text-align:center;font-size:.875rem;color:var(--onv-footer-muted);}
.onv-foot-bottom a{color:var(--onv-footer-fg);text-decoration:none;}
.onv-foot-bottom a:hover{color:var(--onv-gold-100);}

/* GP chrome we do not use */
.site-header,.main-navigation,.site-footer,.footer-widgets{display:none;}
.comments-area{display:none;}