/*
Theme Name: NNAT3.org Astra Child
Theme URI: https://www.nnat3.org/
Description: NNAT visual design adapted from the owner's CogAT Astra child theme.
Author: NNAT3.org
Template: astra
Version: 0.5.0
Text Domain: nnat-astra-child
*/

/* Design styles are loaded from assets/css/site.css. */

/* NNAT family design v2: header, homepage grade decks and Practice Passes. */
.nnat-site .site-header .custom-logo{width:230px;height:auto;max-width:100%}
.nnat-site .main-header-menu>.menu-item>.menu-link{font-size:14px;font-weight:750;padding:0 13px;white-space:nowrap}
.nnat-site .main-header-menu>.menu-item:has(>.menu-link[href*="free-nnat-practice-test"]){order:99}
.nnat-site .main-header-menu>.menu-item>.menu-link[href*="free-nnat-practice-test"]{background:#e96b22;color:#fff!important;border-radius:12px;padding:17px 21px;line-height:1.35;margin:16px 0 16px 10px;box-shadow:0 7px 20px #e96b222b}
.nnat-site .main-header-menu>.menu-item>.menu-link[href*="free-nnat-practice-test"]:hover{background:#cf5312}
.nnat-site .main-header-menu .sub-menu{border-radius:12px;border-top:3px solid #0c8b8b;box-shadow:0 14px 35px #0b2d4920;min-width:250px}
.nnat-account-shortcuts{background:#eef7fa;border-block:1px solid #dce9ee;position:relative;z-index:5}
.nnat-account-shortcuts>.ast-container{display:flex;align-items:center;justify-content:flex-end;gap:22px;min-height:60px;padding:9px 30px;max-width:1300px}
.nnat-account-shortcuts a{font-size:14px;font-weight:800;color:#173650;text-decoration:none}
.nnat-shortcut-note{margin-right:auto;color:#557786;font-size:13px}
.nnat-account-shortcuts .nnat-account-button{background:#163953;color:#fff;border-radius:10px;padding:11px 20px}
.nnat-account-shortcuts .nnat-account-button:hover{background:#075d6b}
.nnat-site a:focus-visible{outline:3px solid #e7a533;outline-offset:4px}
.home.nnat-site .nr-home{padding-top:24px}
.home .nr-hero{background:radial-gradient(circle at 12% 10%,#e0f7f5,transparent 45%),linear-gradient(120deg,#f5fbff,#fff7e9);border:1px solid #e1edef;box-shadow:0 12px 38px #17324d08}
.nnat-content .nr-hero h2{font-size:clamp(42px,4.7vw,64px);letter-spacing:-2.1px;color:#173650}
.nr-hero-photo>img{aspect-ratio:1.08;object-fit:cover}
.nr-home .nr-grade-section{padding-top:42px}
.nr-grade-section>h2{font-size:clamp(29px,3.3vw,42px);letter-spacing:-1px;margin:0 0 16px}
.nr-grade-section>p:not(.nr-kicker){max-width:780px;color:#526d7e}
.nr-grade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:28px}
.nr-grade-card{--deck:#0c8b8b;--tint:#e8f8f5;display:flex;flex-direction:column;border:1px solid #dfebed;border-radius:20px;overflow:hidden;background:#fff;color:#173650;text-decoration:none!important;box-shadow:0 8px 24px #1639530a;transition:transform .18s,box-shadow .18s}
.nr-grade-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #16395314}
.nr-grade-photo{position:relative;background:var(--tint)}
.nr-grade-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.nr-level-pill{position:absolute;bottom:12px;left:14px;border-radius:8px;background:var(--deck);color:#fff;font-size:12px;font-weight:850;padding:6px 12px;box-shadow:0 3px 12px #17365018}
.nr-grade-copy{padding:22px 20px 20px;border-top:4px solid var(--deck);flex:1;background:linear-gradient(180deg,var(--tint),#fff 70%)}
.nnat-content .nr-grade-copy h3{font-size:23px;letter-spacing:-.5px;margin:0 0 5px;color:#173650}
.nnat-content .nr-grade-copy p{font-size:14px;font-weight:700;color:var(--deck);margin:0 0 17px}
.nr-grade-copy>span{font-size:12px;font-weight:750;display:flex;align-items:center;justify-content:space-between;gap:10px;line-height:1.5}
.nr-grade-copy b{font-size:20px;color:var(--deck)}
[data-level="B"]{--deck:#ac6415;--tint:#fff6df}[data-level="C"]{--deck:#3269b2;--tint:#eef5ff}[data-level="D"]{--deck:#8155a8;--tint:#f5effa}[data-level="E"]{--deck:#b2503d;--tint:#fff1ec}[data-level="F"]{--deck:#287c5d;--tint:#ebf7f1}[data-level="G"]{--deck:#4259a5;--tint:#f0f2ff}
.nr-grade-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:22px 26px;margin-top:24px;border-radius:16px;background:#eef7fa;color:#173650;font-size:15px}
.nr-grade-footer a{font-weight:800;text-decoration:none;color:#075f6c}
.nr-parent-banner{background:linear-gradient(110deg,#edf8f6,#f1f5ff)!important}
.nnat-p.nnat-storefront{max-width:1260px;padding:28px 24px 48px}
.nnat-pass-hero{border-radius:26px;background:linear-gradient(115deg,#102f50,#125375 65%,#087f88);padding:38px;color:#fff;box-shadow:0 15px 38px #12365a14;margin-bottom:30px}
.nnat-pass-hero .nnat-eyebrow{color:#74e0d1;margin-bottom:18px}
.nnat-pass-hero-main{display:grid;grid-template-columns:1fr 220px;gap:35px;align-items:center}
.nnat-pass-hero h1{color:#fff;font-size:clamp(32px,4vw,48px);letter-spacing:-1.4px;margin:0 0 20px;max-width:800px}
.nnat-pass-hero p{color:#e4f2f5;font-size:17px;line-height:1.75;max-width:720px}
.nnat-pass-price{text-align:center;padding:26px 20px;border-radius:22px;background:#ffffff18;border:1px solid #ffffff25}
.nnat-pass-price>span{display:block;font-size:12px;font-weight:800}.nnat-pass-price>strong{display:block;color:#fff;font-size:56px;line-height:1.25;margin:8px 0}.nnat-pass-price>small{font-size:13px;display:block}
.nnat-pass-benefits{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;background:#ffffff18;padding:18px 22px;border-radius:14px;margin-top:25px;font-size:13px;font-weight:750}
.nnat-pass-grades{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}.nnat-pass-grades a{padding:7px 12px;border:1px solid #ffffff45;border-radius:8px;color:#fff;font-size:12px;text-decoration:none}.nnat-pass-grades a:hover{background:#ffffff18}
.nnat-pass-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:28px 0}
.nnat-p .nnat-pass-card{--deck:#0c8b8b;--tint:#e8f8f5;padding:0;margin:0;overflow:hidden;border-radius:22px;border:1px solid #dae8ec;background:#fff;box-shadow:0 9px 28px #1736500c;scroll-margin-top:30px;display:flex;flex-direction:column}
.nnat-pass-photo{position:relative;margin:0}.nnat-pass-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.nnat-pass-photo .nr-level-pill{font-size:13px;left:18px;bottom:15px}
.nnat-pass-body{padding:25px;flex:1;display:flex;flex-direction:column;border-top:4px solid var(--deck);background:linear-gradient(180deg,var(--tint),#fff 50%)}
.nnat-p .nnat-pass-card h2{font-size:29px;letter-spacing:-.7px;margin:0 0 6px;color:#173650;line-height:1.25}
.nnat-pass-body .nnat-pass-level{color:var(--deck);font-size:15px;font-weight:850;margin:0 0 18px}
.nnat-pass-card ul{padding-left:20px;font-size:14px;line-height:1.8;margin:0 0 21px}.nnat-pass-card li{padding-bottom:3px}
.nnat-pass-card .nnat-pass-cost{font-size:32px;font-weight:850;color:#173650;margin-top:auto}.nnat-pass-cost span{font-size:14px;font-weight:600;color:#506c7d}
.nnat-pass-term{font-size:12px;color:#617c89;margin:3px 0 18px}.nnat-pass-card .nnat-btn{display:block;text-align:center;background:var(--deck);border-radius:10px;color:#fff;text-decoration:none;padding:13px 14px;font-size:14px;font-weight:800}
.nnat-pass-card[data-level="B"]{--deck:#ac6415;--tint:#fff6df}.nnat-pass-card[data-level="C"]{--deck:#3269b2;--tint:#eef5ff}.nnat-pass-card[data-level="D"]{--deck:#8155a8;--tint:#f5effa}.nnat-pass-card[data-level="E"]{--deck:#b2503d;--tint:#fff1ec}.nnat-pass-card[data-level="F"]{--deck:#287c5d;--tint:#ebf7f1}.nnat-pass-card[data-level="G"]{--deck:#4259a5;--tint:#f0f2ff}
.nnat-store-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0 35px}.nnat-store-steps article{padding:25px;background:#eef7fa;border-radius:18px}.nnat-store-steps strong{color:#078c96;font-size:27px}.nnat-store-steps h3{margin:12px 0 10px}.nnat-store-steps p{font-size:14px;margin:0}
@media(max-width:1100px){.nnat-site .site-header .custom-logo{width:195px}.nnat-site .main-header-menu>.menu-item>.menu-link{font-size:12px;padding-inline:9px}.nr-grade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:921px){.nnat-site .site-header .custom-logo{width:215px}.nnat-site .main-header-menu>.menu-item>.menu-link{font-size:15px;padding:12px 20px}.nnat-site .main-header-menu>.menu-item>.menu-link[href*="free-nnat-practice-test"]{margin:12px 18px;width:calc(100% - 36px);justify-content:center;padding:14px}.nnat-shortcut-note{display:none}.nnat-pass-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nnat-pass-hero-main{grid-template-columns:1fr 175px;gap:20px}.nnat-pass-hero{padding:28px}.nnat-store-steps{gap:14px}}
@media(max-width:700px){.nr-grade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.nr-grade-copy{padding:18px 15px}.nnat-content .nr-grade-copy h3{font-size:21px}.nr-grade-footer{align-items:flex-start;flex-direction:column;padding:20px}.nnat-pass-hero-main{grid-template-columns:1fr}.nnat-pass-price{text-align:left;padding:19px 22px}.nnat-pass-price>strong{font-size:44px;margin:2px 0}.nnat-pass-benefits{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:15px;padding:18px}.nnat-store-steps{grid-template-columns:1fr}.nnat-pass-hero h1{font-size:35px}.nnat-account-shortcuts>.ast-container{padding-inline:20px;gap:20px}.nnat-account-shortcuts a{font-size:13px}.nnat-account-shortcuts .nnat-account-button{padding:10px 16px}}
@media(max-width:480px){.nr-grade-grid,.nnat-pass-grid{grid-template-columns:1fr}.nr-grade-copy{padding:21px}.nr-grade-photo img{aspect-ratio:3/2}.nnat-content .nr-grade-copy h3{font-size:26px}.nnat-p.nnat-storefront{padding:20px 14px 35px}.nnat-pass-hero{padding:25px 22px;border-radius:21px}.nnat-pass-hero h1{font-size:31px}.nnat-pass-hero p{font-size:15px}.nnat-pass-benefits{grid-template-columns:1fr}.nnat-pass-body{padding:24px}.nnat-pass-grades{gap:8px}.nnat-pass-grades a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.nr-grade-card{transition:none}.nr-grade-card:hover{transform:none}}