/*
Theme Name: MMWarrior
Theme URI: https://mmwarrior.com/
Author: Timothy J. Ferguson
Description: A responsive WordPress theme for MMWarrior, focused on patient experience, advocacy, family, veterans, and multiple myeloma survivorship.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: mmwarrior
License: GNU General Public License v2 or later
*/


:root{
  --navy:#10263f; --navy2:#183b5d; --red:#8e2f36; --cream:#f6f3ed;
  --white:#fff; --ink:#17202a; --muted:#5f6b76; --line:#d9dee3;
  --gold:#c6a15b; --max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}
a{color:var(--navy2);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--red)}
.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.7rem;z-index:99}
.wrap{width:min(var(--max),calc(100% - 2rem));margin:auto}
.topbar{background:var(--navy);color:#fff;font-size:.9rem;padding:.45rem 0}
.topbar .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:74px}
.brand{text-decoration:none;color:var(--navy);display:flex;align-items:center;gap:.75rem}
.mark{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--red));display:grid;place-items:center;color:#fff;font-weight:900}
.brand strong{display:block;font-size:1.12rem;letter-spacing:.02em}.brand small{display:block;color:var(--muted)}
nav ul{display:flex;gap:1.2rem;list-style:none;margin:0;padding:0;align-items:center}
nav a{text-decoration:none;font-weight:650;color:var(--ink)}
.menu-btn{display:none;border:1px solid var(--line);background:#fff;padding:.55rem .75rem;border-radius:.4rem;font-weight:700}
.hero{background:linear-gradient(110deg,rgba(16,38,63,.96),rgba(24,59,93,.87)),linear-gradient(135deg,#173651,#8e2f36);color:#fff;padding:6.5rem 0}
.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.8rem;color:var(--gold)}
h1,h2,h3{line-height:1.12;margin-top:0;color:var(--navy)}
.hero h1{font-size:clamp(2.5rem,6vw,5.2rem);color:#fff;max-width:850px;margin:.5rem 0 1rem}
.hero p{font-size:1.25rem;max-width:760px;color:#edf3f8}
.quote-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);padding:1.6rem;border-radius:1rem;backdrop-filter:blur(4px)}
.btns{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}
.btn{display:inline-block;padding:.78rem 1rem;border-radius:.45rem;text-decoration:none;font-weight:800;background:var(--red);color:#fff}
.btn.secondary{background:#fff;color:var(--navy)}
section{padding:4.5rem 0}
.section-alt{background:var(--cream)}
.lead{font-size:1.2rem;color:#3d4852;max-width:820px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.card{background:#fff;border:1px solid var(--line);border-radius:.8rem;padding:1.45rem;box-shadow:0 8px 22px rgba(16,38,63,.05)}
.card h3{margin-bottom:.5rem}.card p:last-child{margin-bottom:0}
.timeline{border-left:4px solid var(--red);padding-left:1.5rem}.timeline article{margin:0 0 1.7rem}.timeline time{font-weight:900;color:var(--red)}
.page-hero{background:var(--navy);color:#fff;padding:4rem 0}.page-hero h1{color:#fff;font-size:clamp(2.3rem,5vw,4rem);margin-bottom:.7rem}.page-hero p{max-width:760px;font-size:1.15rem}
.content{max-width:820px}.content h2{margin-top:2.5rem}.content blockquote{border-left:5px solid var(--red);margin:2rem 0;padding:1rem 1.5rem;background:var(--cream);font-size:1.15rem}
.notice{border-left:5px solid var(--gold);background:#fff9e8;padding:1rem 1.2rem;margin:1.5rem 0}
.meta{color:var(--muted);font-size:.94rem}
.archive-list{display:grid;gap:1rem}.archive-item{padding:1.2rem 0;border-bottom:1px solid var(--line)}.archive-item h3{margin-bottom:.25rem}
.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.cta{background:linear-gradient(110deg,var(--navy),var(--navy2));color:#fff;border-radius:1rem;padding:2rem}.cta h2{color:#fff}
footer{background:#0b1b2c;color:#d9e2ea;padding:3rem 0 1.5rem}footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.fine{border-top:1px solid #354557;margin-top:2rem;padding-top:1rem;font-size:.85rem;color:#aeb8c2}
.search{width:100%;padding:.8rem;border:1px solid var(--line);border-radius:.4rem;font:inherit;margin-bottom:1.2rem}
.tag{display:inline-block;background:#e8edf2;color:var(--navy);padding:.2rem .55rem;border-radius:99px;font-size:.8rem;font-weight:750;margin-right:.3rem}
@media(max-width:850px){
 .hero-grid,.grid3,.resource-grid,.footer-grid{grid-template-columns:1fr}
 .menu-btn{display:block} nav ul{display:none;position:absolute;left:0;right:0;top:74px;background:#fff;padding:1rem 1.5rem;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start} nav ul.open{display:flex}
 .brand small{display:none}.hero{padding:4.5rem 0}
}


/* WordPress integration */
.custom-logo{max-height:58px;width:auto}
.custom-logo-link{display:flex;align-items:center}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;display:block;top:5px;left:5px;padding:15px 23px 14px;background:#f1f1f1;color:#21759b;z-index:100000}
.wp-post-image{max-width:100%;height:auto;border-radius:.8rem}
.entry-content img{max-width:100%;height:auto}
.alignwide{max-width:1100px;margin-left:auto;margin-right:auto}
.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
.post-card{background:#fff;border:1px solid var(--line);border-radius:.8rem;overflow:hidden;box-shadow:0 8px 22px rgba(16,38,63,.05)}
.post-card .post-body{padding:1.3rem}
.post-card h2,.post-card h3{margin-bottom:.45rem}
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.pagination{margin-top:2rem}
.entry-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted)}
.comment-list{padding-left:1.2rem}
input[type=text],input[type=email],input[type=url],textarea,select{width:100%;padding:.75rem;border:1px solid var(--line);border-radius:.4rem;font:inherit}
input[type=submit],button[type=submit]{padding:.78rem 1rem;border:0;border-radius:.45rem;background:var(--red);color:#fff;font-weight:800;cursor:pointer}
.hero.has-image{background-size:cover;background-position:center}
.hero-overlay{background:linear-gradient(110deg,rgba(16,38,63,.94),rgba(24,59,93,.78))}
.page-featured{margin-top:-1.75rem;margin-bottom:2rem}
@media(max-width:850px){.posts-grid{grid-template-columns:1fr}}