/*
Theme Name: AnkiCozmoRobot Child
Theme URI: https://ankicozmorobot.com/
Description: Child theme for AnkiCozmoRobot. Home for site-specific CSS (author bio styling) and PHP customizations (functions.php) that must survive parent-theme updates.
Author: Josh Malcolm
Author URI: https://marksmandigitalmedia.com/josh-malcolm/
Template: blocksy
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ankicozmorobot-child
*/

/* ============================================================
   AUTHOR BIO  (.jm-bio)
   Used on /josh-malcolm/. All rules scoped under .jm-bio so
   nothing leaks site-wide. Palette pulled from the Blocksy
   color system for AnkiCozmoRobot.
   ============================================================ */

.jm-bio{
  --jm-navy:#001933;
  --jm-navy-2:#003366;
  --jm-turq:#40E0D0;
  --jm-teal:#20B2AA;
  --jm-orange:#FFA500;
  --jm-ink:#333333;
  --jm-mist:#F5F5F5;
  --jm-line:#e5e7ea;
  max-width:1080px;
  margin:0 auto;
  color:var(--jm-ink);
  line-height:1.65;
}
.jm-bio *{box-sizing:border-box;}

/* ---------- HERO ---------- */
.jm-bio__hero{
  display:flex;
  gap:2.5rem;
  align-items:center;
  background:linear-gradient(135deg,var(--jm-navy) 0%,var(--jm-navy-2) 100%);
  border-radius:18px;
  padding:2.75rem;
  position:relative;
  overflow:hidden;
}
.jm-bio__hero::after{
  content:"";
  position:absolute;
  right:-80px;top:-80px;
  width:260px;height:260px;
  background:radial-gradient(circle,rgba(64,224,208,.22) 0%,transparent 70%);
  pointer-events:none;
}
.jm-bio__photo-wrap{flex:0 0 auto;}
.jm-bio__photo{
  width:190px;height:190px;
  object-fit:cover;
  border-radius:14px;
  border:3px solid var(--jm-turq);
  box-shadow:0 14px 40px rgba(0,0,0,.35);
  display:block;
}
.jm-bio__intro{flex:1 1 auto;min-width:0;}
.jm-bio__name{
  margin:0 0 .25rem;
  font-size:2.4rem;
  line-height:1.1;
  font-weight:700;
  color:#ffffff;
  letter-spacing:-.01em;
}
.jm-bio__role{
  margin:0 0 1rem;
  font-size:1.15rem;
  font-weight:600;
  color:var(--jm-turq);
}
.jm-bio__lede{
  margin:0;
  font-size:1.05rem;
  color:#e5e7ea;
}
.jm-bio__socials{margin-top:1.25rem;display:flex;gap:.6rem;flex-wrap:wrap;}
.jm-bio__socials a{
  display:inline-block;
  padding:.35rem .85rem;
  font-size:.85rem;
  font-weight:600;
  color:var(--jm-navy);
  background:var(--jm-turq);
  border-radius:999px;
  text-decoration:none;
  transition:transform .15s ease,background .15s ease;
}
.jm-bio__socials a:hover{transform:translateY(-2px);background:#fff;}

/* ---------- BODY ---------- */
.jm-bio__body{padding:2.5rem .25rem 0;}
.jm-bio__section{margin-bottom:2.25rem;}
.jm-bio__h{
  font-size:1.5rem;
  font-weight:700;
  color:var(--jm-navy);
  margin:0 0 .85rem;
  padding-left:.85rem;
  border-left:4px solid var(--jm-orange);
  line-height:1.25;
}
.jm-bio__body p{margin:0 0 1rem;font-size:1.05rem;}
.jm-bio__body p:last-child{margin-bottom:0;}

/* ---------- HONESTY CALLOUT ---------- */
.jm-bio__note{
  background:var(--jm-mist);
  border:1px solid var(--jm-line);
  border-left:4px solid var(--jm-teal);
  border-radius:10px;
  padding:1.4rem 1.6rem;
}
.jm-bio__note p{margin:0 0 .75rem;}
.jm-bio__note p:last-child{margin-bottom:0;}

/* ---------- DISCLOSURE ---------- */
.jm-bio__disclosure{
  margin-top:1.5rem;
  padding-top:1.25rem;
  border-top:1px solid var(--jm-line);
  font-size:.95rem;
  color:#555;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:680px){
  .jm-bio__hero{flex-direction:column;text-align:center;padding:2rem 1.5rem;gap:1.5rem;}
  .jm-bio__name{font-size:2rem;}
  .jm-bio__socials{justify-content:center;}
  .jm-bio__body{padding-top:2rem;}
}

/* ============================================================
   AUTHOR BYLINE  (.custom-author-byline)
   Injected via blocksy:single:content:top, which renders OUTSIDE
   the content column — so constrain + center it to match.
   ============================================================ */
.custom-author-byline{
  max-width:750px;          /* match Blocksy single-post content width */
  margin:1.25rem auto;      /* auto centers it in the page */
  padding:0.75rem 1rem;
  background:#F5F5F5;
  border-left:3px solid #20B2AA;
  border-radius:4px;
  box-sizing:border-box;
}
.custom-author-byline p{
  margin:0;
  font-size:0.95rem;
}
.custom-author-byline p + p{
  margin-top:0.25rem;
  font-size:0.85rem;
  color:#666;
}
.custom-author-byline a{
  color:#20B2AA;
  font-weight:600;
  text-decoration:none;
}
.custom-author-byline a:hover{
  text-decoration:underline;
}