/*
Theme Name: OfflineDictation Design
Template: kadence
Author: Obundance
Version: 1.0.0
Description: Custom child theme for offlinedictation.com — calm, private, Mac-native aesthetic.
*/

:root{
  --od-ink:#0F172A; --od-slate:#334155; --od-muted:#64748B;
  --od-bg:#FBFAF7; --od-surface:#FFFFFF; --od-line:#E8E5DF;
  --od-accent:#4F46E5; --od-accent-d:#4338CA; --od-sky:#0EA5E9;
  --od-good:#16A34A; --od-radius:14px; --od-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px rgba(15,23,42,.06);
}
body{background:var(--od-bg);color:var(--od-slate);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,.site-title{font-family:'Space Grotesk','Inter',sans-serif;color:var(--od-ink);letter-spacing:-.02em;line-height:1.15;}
h1{font-size:clamp(2.1rem,4.4vw,3.4rem);font-weight:600;}
h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600;margin-top:2.2em;}
h3{font-size:1.3rem;font-weight:600;}
a{color:var(--od-accent);text-decoration:none;} a:hover{color:var(--od-accent-d);text-decoration:underline;}
p{margin:0 0 1.1em;}
.content-container,.entry-content{max-width:820px;}

/* header */
.site-header-wrap,.site-header-row{background:rgba(251,250,247,.85)!important;backdrop-filter:saturate(180%) blur(12px);}
.site-header{border-bottom:1px solid var(--od-line);}
.site-branding .site-title{font-size:1.35rem!important;font-weight:600;}
.site-branding .site-title a{color:var(--od-ink)!important;}
.site-branding .site-title::after{content:'.com';color:var(--od-accent);}

/* buttons */
.wp-block-button__link,.button,.kb-button,button[type=submit]{
  background:var(--od-ink)!important;border:none!important;color:#fff!important;border-radius:10px!important;
  font-family:'Space Grotesk',sans-serif;font-weight:500;padding:.85em 1.5em!important;transition:transform .15s,background .2s;}
.wp-block-button__link:hover,.button:hover,button[type=submit]:hover{background:var(--od-accent)!important;transform:translateY(-1px);}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent!important;color:var(--od-ink)!important;box-shadow:inset 0 0 0 2px var(--od-line);}

/* hero */
.od-hero{padding:5.5rem 0 4rem;text-align:center;}
.od-eyebrow{display:inline-block;font-family:'Space Grotesk';font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--od-accent);background:#EEF0FF;padding:.4em .9em;border-radius:999px;margin-bottom:1.4rem;}
.od-hero p.lead{font-size:1.28rem;color:var(--od-muted);max-width:640px;margin:1.1rem auto 2rem;}

/* cards */
.od-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin:2.5rem 0;}
.od-card{background:var(--od-surface);border:1px solid var(--od-line);border-radius:var(--od-radius);padding:1.6rem;box-shadow:var(--od-shadow);}
.od-card h3{margin:.2rem 0 .5rem;}
.od-card .ico{font-size:1.6rem;}

/* comparison table */
table{border-collapse:separate;border-spacing:0;width:100%;margin:2rem 0;background:var(--od-surface);border:1px solid var(--od-line);border-radius:var(--od-radius);overflow:hidden;font-size:.98rem;}
th,td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--od-line);}
thead th{background:var(--od-ink);color:#fff;font-family:'Space Grotesk';font-weight:500;}
tbody tr:last-child td{border-bottom:none;}
tbody tr:nth-child(even){background:#FAFAF8;}

/* disclosure / callout */
.od-note{background:#F1F5F9;border-left:3px solid var(--od-accent);border-radius:8px;padding:1rem 1.2rem;font-size:.95rem;color:var(--od-slate);margin:1.5rem 0;}

/* footer */
.site-footer{background:var(--od-ink);color:#94A3B8;}
.site-footer a{color:#CBD5E1;}

@media(max-width:768px){body{font-size:17px;}.od-hero{padding:3.5rem 0 2.5rem;}}


/* full-width sections */
.od-section{width:100%;padding:4rem 1.5rem;}
.od-section.alt{background:var(--od-surface);border-top:1px solid var(--od-line);border-bottom:1px solid var(--od-line);}
.od-section.ink{background:var(--od-ink);}
.od-wrap{max-width:1040px;margin:0 auto;}
.od-wrap.narrow{max-width:760px;}
.od-hero{background:radial-gradient(1200px 500px at 50% -10%,#EEF0FF 0%,var(--od-bg) 60%);}
.od-hero .od-badges{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:1.6rem;}
.od-chip{font-size:.85rem;color:var(--od-slate);background:var(--od-surface);border:1px solid var(--od-line);border-radius:999px;padding:.4em 1em;}
.od-section.ink h2,.od-section.ink p{color:#fff;}
.od-cta{display:inline-block;background:var(--od-ink);color:#fff!important;font-family:'Space Grotesk';font-weight:500;padding:.9em 1.8em;border-radius:11px;text-decoration:none!important;transition:.2s;}
.od-cta:hover{background:var(--od-accent);transform:translateY(-1px);}
.od-section.ink .od-cta{background:#fff;color:var(--od-ink)!important;}
.od-verdict{display:flex;align-items:baseline;gap:.5rem;font-family:'Space Grotesk';}
.od-verdict .pick{color:var(--od-good);font-weight:600;}
.od-lead{font-size:1.15rem;color:var(--od-muted);}


/* ===== FIX: full-bleed sections break out of Kadence content cap ===== */
.content-container,.entry-content{max-width:none;}
.od-section{position:relative;left:50%;right:50%;width:100vw;margin-left:-50vw;margin-right:-50vw;}
/* reading width only on single article posts */
.single .entry-content{max-width:820px;margin-left:auto;margin-right:auto;}
body{overflow-x:hidden;}
/* card icon svg */
.od-card .ico{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;background:#EEF0FF;border-radius:12px;margin-bottom:.2rem;}
.od-card .ico svg{width:24px;height:24px;stroke:var(--od-accent);fill:none;stroke-width:2;}
/* mobile + a11y standard */
input,textarea,select{font-size:16px!important;}
.wp-block-button__link,.kb-button,.od-cta,.button{min-height:44px;}