/*
Theme Name: Kind Therapy Child
Theme URI: https://kindtennessee.com
Description: Brand styling for the Kind Therapy blog — matches the main static site (Fraunces + Karla, bone/moss/clay, script wordmark). Tuned for a lightweight classic theme (GeneratePress / Astra / Kadence) but also styles block themes.
Template: generatepress
Version: 1.0
*/

/* ============================================================
   HOW TO USE
   Option A (proper child theme): keep this file + functions.php
   in a folder named "kind-child", zip it, upload via
   Appearance > Themes > Add New > Upload, activate. IMPORTANT:
   change "Template:" above to match the PARENT theme's folder
   slug (e.g. astra, kadence, twentytwentyfive).
   Option B (no child theme): copy everything BELOW this comment
   into Appearance > Customize > Additional CSS (classic themes)
   or Appearance > Editor > Styles > CSS (block themes). Works on
   any theme instantly.

   WORDMARK: set Settings > General > Site Title to just "Kind".
   The CSS below appends "Therapy" in caps to form the lockup.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..600&family=Karla:wght@300;400;500;600;700&family=Sacramento&display=swap');

:root{
  --bone:#F4EFE4; --paper:#FBF8F1; --stone:#E4DBC9;
  --moss:#5C6B4E; --moss-deep:#414C36;
  --clay:#B07A53; --clay-soft:#C99A77;
  --espresso:#2A2620; --ink:#39342B; --muted:#6B6356;
  --line:rgba(42,38,32,.14);
  --serif:'Fraunces',Georgia,serif;
  --sans:'Karla',-apple-system,sans-serif;
}

/* ---- Base ---- */
body{
  background:var(--bone)!important;
  color:var(--ink)!important;
  font-family:var(--sans)!important;
  line-height:1.65;
}
::selection{background:var(--clay);color:var(--paper);}

h1,h2,h3,h4,h5,h6,
.entry-title,.wp-block-post-title,.site-title{
  font-family:var(--serif)!important;
  color:var(--espresso)!important;
  font-weight:380;
  letter-spacing:-.01em;
}

a{color:var(--moss);transition:color .25s;}
a:hover{color:var(--clay);}

/* ---- Readable content measure ---- */
.entry-content,.wp-block-post-content{
  max-width:72ch;
  font-size:1.08rem;
}
.entry-content p,.wp-block-post-content p{margin:0 0 1.3em;}

/* ---- Site title → script "Kind" + caps "THERAPY" lockup ----
   Targets GeneratePress (.main-title), classic (.site-title), and
   block (.wp-block-site-title) themes. Renders the lockup via
   ::before/::after, so it works no matter what the Site Title text
   is set to (you do NOT need to change Settings > General). */
.main-title a,.site-title a,.wp-block-site-title a{
  font-size:0!important;          /* hide the literal title text */
  text-decoration:none!important;
  line-height:1;
  white-space:nowrap;
}
.main-title a::before,.site-title a::before,.wp-block-site-title a::before{
  content:"Kind";
  font-family:'Sacramento',cursive;
  font-size:2.5rem;
  font-weight:400;
  color:var(--moss);
  vertical-align:middle;
}
.main-title a::after,.site-title a::after,.wp-block-site-title a::after{
  content:"Therapy";
  font-family:var(--sans);
  font-weight:600;
  letter-spacing:.34em;
  font-size:.72rem;
  text-transform:uppercase;
  color:var(--espresso);
  margin-left:9px;
  vertical-align:middle;
}

/* ---- Navigation ---- */
.main-navigation a,.wp-block-navigation a,nav a{
  font-family:var(--sans);
  font-size:.82rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.main-navigation a:hover,.wp-block-navigation a:hover,nav a:hover{color:var(--moss);}

/* ---- Post titles / links ---- */
.entry-title a,.wp-block-post-title a{color:var(--espresso)!important;}
.entry-title a:hover,.wp-block-post-title a:hover{color:var(--moss)!important;}

/* ---- Buttons ---- */
.wp-block-button__link,.wp-element-button,button,input[type=submit],.button{
  background:var(--moss)!important;
  color:var(--paper)!important;
  border:none!important;
  border-radius:44px!important;
  padding:14px 28px!important;
  font-family:var(--sans)!important;
  font-weight:600!important;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:.82rem;
  transition:.3s;
}
.wp-block-button__link:hover,.wp-element-button:hover,button:hover,.button:hover{
  background:var(--moss-deep)!important;transform:translateY(-1px);
}

/* ---- Blockquotes (matches the site's pullquote style) ---- */
blockquote,.wp-block-quote{
  font-family:var(--serif)!important;
  font-style:italic;
  color:var(--moss-deep)!important;
  border-left:3px solid var(--clay)!important;
  padding-left:26px!important;
  margin-left:0;
}

/* ---- Header / footer surfaces ---- */
.site-header,.wp-block-template-part header{
  background:rgba(244,239,228,.9)!important;
  border-bottom:1px solid var(--line);
}
.site-footer,.wp-block-template-part footer{
  background:var(--moss-deep)!important;
  color:rgba(244,239,228,.78)!important;
}
.site-footer a,.wp-block-template-part footer a{color:var(--clay-soft)!important;}

/* ---- Cards / featured images ---- */
.wp-block-post-featured-image img,.post-image img{border-radius:14px;}

/* ---- Inputs ---- */
input[type=text],input[type=email],input[type=search],textarea,select{
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:var(--paper)!important;
  font-family:var(--sans)!important;
}