/*
Theme Name: Nana Health Notes
Theme URI: https://beacons.ai/nexasphere
Author: Nana Health Notes
Description: A responsive nurse-led health education WordPress theme for Nana Health Notes.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: nana-health-notes
*/

:root{--teal:#174f4a;--cream:#fffaf2;--rose:#f3d8d8;--gold:#b48a45;--ink:#20302d;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.7}header{background:white;position:sticky;top:0;border-bottom:1px solid #eadfd3;padding:12px 5%;display:flex;justify-content:space-between;align-items:center;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:22px;color:var(--teal);font-weight:bold;text-decoration:none}.brand img{width:54px;height:54px;border-radius:50%;object-fit:cover}.brand small{display:block;font:10px Arial;letter-spacing:1.6px;color:var(--gold)}nav{display:flex;gap:15px;flex-wrap:wrap;justify-content:flex-end}nav a{color:var(--teal);text-decoration:none;font-size:13px;font-weight:600}.sitebanner{background:white;padding:16px 5% 0}.sitebanner img,.aboutbanner img{display:block;width:100%;border-radius:18px;box-shadow:0 10px 30px #0001}.hero{padding:55px 7%;background:linear-gradient(110deg,#fffaf2 45%,#f4dddd);display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.eyebrow{color:var(--gold);font-weight:bold;letter-spacing:2px}.hero h1,.pagehero h1{font:52px/1.05 Georgia,serif;color:var(--teal);margin:10px 0}.hero p,.pagehero p{font-size:19px}.btn{display:inline-block;background:var(--teal);color:white;text-decoration:none;padding:12px 19px;border-radius:7px;margin:5px 8px 5px 0}.btn.alt{background:transparent;color:var(--teal);border:1px solid var(--teal)}.cardhero,.card{background:white;border-radius:18px;padding:26px;box-shadow:0 10px 30px #0001}.section{padding:60px 7%}.section h2{font:38px Georgia,serif;color:var(--teal);text-align:center}.intro{max-width:820px;text-align:center;margin:0 auto 35px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border-top:4px solid var(--gold)}.card h3{color:var(--teal);font-family:Georgia,serif}.card a{color:var(--teal);font-weight:bold}.feature{background:var(--teal);color:white}.feature h2,.feature h3{color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.quote{font:27px Georgia,serif;color:var(--teal)}.subscribe{background:var(--rose);text-align:center}.subscribe input{padding:13px;width:min(350px,70%);border:1px solid #ccc;border-radius:5px}.subscribe button{padding:14px 20px;border:0;background:var(--teal);color:white;border-radius:5px}.pagehero{padding:60px 7%;background:linear-gradient(110deg,#fffaf2,#f4dddd);text-align:center}.content{max-width:900px;margin:auto;padding:50px 7%}.content h2{font:30px Georgia,serif;color:var(--teal);margin-top:38px}.content h3{color:var(--teal)}.content .notice{background:#fff;border-left:5px solid var(--gold);padding:18px 22px;border-radius:8px}.articlemeta{color:#6d7774;font-size:14px}.topiclinks{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.topiclinks a{background:white;border:1px solid #eadfd3;padding:9px 13px;border-radius:30px;color:var(--teal);text-decoration:none}.aboutbanner{margin:0 0 30px}footer{background:#103e3a;color:white;padding:35px 7%;text-align:center;font-size:14px}footer a{color:white}@media(max-width:900px){nav{display:none}.hero,.split,.grid{grid-template-columns:1fr}.hero h1,.pagehero h1{font-size:40px}.hero{padding-top:45px}.section{padding:45px 6%}}

.shop-btn{background:var(--gold);color:white!important;padding:8px 13px;border-radius:20px}.search-toggle{white-space:nowrap}.searchbox{display:flex;gap:10px;max-width:720px;margin:0 auto 35px}.searchbox input{flex:1;padding:15px 17px;border:1px solid #d7ccc0;border-radius:9px;font-size:16px}.searchbox button{border:0;background:var(--teal);color:white;padding:0 22px;border-radius:9px;font-weight:700}.searchresult{background:white;border-radius:14px;padding:20px 24px;margin:14px 0;box-shadow:0 7px 20px #0000000d}.searchresult h3{margin:0}.searchresult a{color:var(--teal)}.shop-section{background:#fff7e8}@media(max-width:900px){header{align-items:flex-start}.brand{flex:1}.shop-btn,.search-toggle{display:inline-block}nav{display:flex;gap:8px}nav>a:not(.shop-btn):not(.search-toggle){display:none}}

/* WordPress additions */
.admin-bar header{top:32px}.site-main{min-height:60vh}.post-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 30px #0001;border-top:4px solid var(--gold)}.post-card h2,.post-card h3{font-family:Georgia,serif;color:var(--teal)}.post-card a{color:var(--teal)}.featured-img{width:100%;height:auto;border-radius:16px;margin:20px 0}.wp-block-image img{border-radius:12px}.screen-reader-text{position:absolute;left:-9999px}.menu-toggle{display:none}.search-form{display:flex;gap:8px}.search-form input{padding:10px;border:1px solid #d7ccc0;border-radius:8px}.search-form button{border:0;background:var(--teal);color:#fff;padding:10px 14px;border-radius:8px}.shop-disclosure{font-size:13px;color:#6d7774}.pagination{margin:30px 0;text-align:center}.pagination a,.pagination span{margin:0 4px}.articlemeta a{color:#6d7774}.wp-caption{max-width:100%}.alignwide{max-width:1100px;margin-left:auto;margin-right:auto}@media(max-width:900px){.post-list{grid-template-columns:1fr}.admin-bar header{top:46px}}