/*
Theme Name: PNA Modern
Theme URI: https://process-nmr.com/
Author: Process NMR Associates, LLC
Author URI: https://process-nmr.com/
Description: Clean, modern block theme for Process NMR Associates. Restyles every existing page and blog post, adds a new front page, a mega-structured menu and the NMR Applications Library (white papers by industrial zone) on the Applications page.
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.3.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pna-modern
*/

/* tablets and narrow desktops: collapse the menu to the overlay button (core only does this below 600px) */
@media (min-width:600px) and (max-width:1180px){
.pna-wpnav .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex!important}
.pna-wpnav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none!important}
.pna-wpnav{flex:0 0 auto!important;order:3}
.pna-header__inner{justify-content:flex-end!important}
.pna-header__inner > .wp-block-image{margin-right:auto!important}
}

/* ---------- WordPress-specific mapping onto the shared PNA design ---------- */
.wp-site-blocks{padding:0}
.wp-site-blocks > *{margin-block-start:0!important}
.wp-site-blocks > header.pna-site-header{position:sticky;top:0;z-index:50}
.admin-bar .wp-site-blocks > header.pna-site-header{top:32px}
@media (max-width:782px){.admin-bar .wp-site-blocks > header.pna-site-header{top:46px}}
.pna-header{position:relative}
.pna-header__inner > *{margin:0!important}
.pna-header__inner{display:flex!important;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.pna-brand{margin:0}
.pna-brand img{height:48px!important;width:auto!important}
.pna-hero__grid > *,.pna-lab > *,.pna-ctaband__grid > *,.pna-sh > *{margin-block-start:0!important}
.pna-hero h1.wp-block-heading{color:#fff}
.pna-sh .wp-block-heading{margin:6px 0 0}
.pna-sh > .wp-block-group > *{margin:0}
.pna-section--navy .wp-block-heading{color:#fff;font-weight:500;font-size:clamp(30px,3.6vw,42px);line-height:1.08}
.pna-ctaband .wp-block-heading{color:#fff;font-weight:500;font-size:clamp(30px,3.8vw,44px);margin:0 0 10px}
.pna-ctaband p{margin:0 0 6px}
/* buttons */
.pna-btns{gap:12px}
.pna-btn-gold .wp-block-button__link{background:var(--pna-gold)!important;color:#fff!important}
.pna-btn-gold .wp-block-button__link:hover{background:var(--pna-gold-2)!important}
.pna-btn-ghost .wp-block-button__link{background:transparent!important;border:1px solid rgba(255,255,255,.45)!important;color:#fff!important}
.pna-btn-ghost .wp-block-button__link:hover{background:rgba(255,255,255,.1)!important}
.pna-btn-navy .wp-block-button__link{background:var(--pna-navy)!important;color:#fff!important}
.pna-ctaband .pna-btn-navy .wp-block-button__link{background:var(--pna-navy-3)!important}
.pna-header-cta .wp-block-button__link{font-size:15px;padding:10px 16px;white-space:nowrap}
@media (max-width:600px){.pna-header-cta{display:none!important}}
/* navigation block */
.pna-wpnav{font:500 15.5px var(--pna-ui);flex:1}
.pna-wpnav .wp-block-navigation__container{gap:2px}
.pna-wpnav .wp-block-navigation-item__content{color:var(--pna-ink);padding:10px 12px!important;border-radius:6px}
.pna-wpnav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover{background:var(--pna-soft);color:var(--pna-navy)}
.pna-wpnav .current-menu-item > .wp-block-navigation-item__content{box-shadow:inset 0 -2px 0 var(--pna-gold);color:var(--pna-navy)}
.pna-wpnav .wp-block-navigation__submenu-container{border:1px solid var(--pna-navy-3)!important;border-top:3px solid var(--pna-gold)!important;border-radius:4px 4px 10px 10px;box-shadow:0 18px 40px rgba(13,28,51,.35);padding:8px!important;min-width:260px!important;background:var(--pna-navy-2)!important;color:#e8edf6!important}
.pna-wpnav .wp-block-navigation-item.has-child:hover > .wp-block-navigation-item__content,.pna-wpnav .wp-block-navigation-item.has-child:focus-within > .wp-block-navigation-item__content{background:var(--pna-navy-2);color:#fff}
.pna-wpnav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:9px 12px!important;font-weight:400;font-size:15px;color:#e8edf6!important;border-left:3px solid transparent}
.pna-wpnav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:rgba(255,255,255,.10);color:#fff!important;border-left-color:var(--pna-gold)}
.pna-wpnav .is-new > .wp-block-navigation-item__content::after{content:"New";margin-left:8px;font:700 10px var(--pna-ui);letter-spacing:.06em;text-transform:uppercase;color:#1d2330;background:#e3b977;padding:2px 6px;border-radius:999px}
.pna-wpnav .wp-block-navigation__responsive-container.is-menu-open{padding:24px}
.pna-wpnav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{border:0!important;border-left:2px solid var(--pna-gold)!important;border-radius:0;box-shadow:none;padding:0 0 0 14px!important;background:transparent!important}
.pna-wpnav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{color:var(--pna-ink)!important}
/* page title + content */
.pna-pagehead .wp-block-post-date{margin:0 0 8px}
.pna-content.wp-block-post-content > *{margin-block-start:0}
.pna-content.wp-block-post-content > * + *{margin-block-start:0}
.pna-content > #pna-applications-library,.pna-appwrap #pna-applications-library{max-width:var(--pna-wide)}
.pna-techlist .pna-content{padding-top:0}
.pna-postnav{display:flex;justify-content:space-between;gap:20px;max-width:var(--pna-narrow);margin:0 auto 64px;padding-top:20px;border-top:1px solid var(--pna-line)}
/* latest posts + loops */
.pna-latest{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:0}
.pna-latest li{padding:20px 0;border-top:2px solid var(--pna-ink);margin:0}
.pna-latest .wp-block-latest-posts__post-title{font-family:var(--pna-head);font-weight:600;font-size:22px;line-height:1.2;color:var(--pna-ink);text-decoration:none}
.pna-latest .wp-block-latest-posts__post-date{display:block;font-size:13px;color:var(--pna-muted);margin:6px 0}
.pna-latest .wp-block-latest-posts__post-excerpt{font-size:15px;color:var(--pna-muted)}
@media (max-width:900px){.pna-latest{grid-template-columns:minmax(0,1fr)}}
.pna-sh--blog{margin-top:clamp(48px,6vw,72px)}
.pna-loop{max-width:var(--pna-narrow);margin-inline:auto}
.pna-loop .wp-block-post-template{list-style:none;padding:0;margin:0}
.pna-loop .wp-block-post{padding:24px 0;border-bottom:1px solid var(--pna-line);margin:0}
.pna-loop .wp-block-post-title{font-size:27px;margin:4px 0 8px}
.pna-loop .wp-block-post-title a{color:var(--pna-ink);text-decoration:none}
.pna-loop .wp-block-post-title a:hover{color:var(--pna-navy);text-decoration:underline}
.pna-loop-date{font-size:13px;color:var(--pna-muted)}
.pna-loop .wp-block-post-excerpt{color:var(--pna-muted)}
.pna-loop .wp-block-query-pagination{margin-top:28px}
.pna-search{max-width:520px;margin-top:18px}
.pna-footer.wp-block-template-part{margin-top:0}

/* blog: block-theme specifics */
.pna-bloghead .wp-block-term-description{margin:4px 0 0;color:var(--pna-muted);font-size:16px}
.pna-bloghead .wp-block-term-description p{margin:0}
.pna-bloghead__row > *,.pna-posthead .pna-narrow > *{margin-block-start:0!important}
.pna-blogbody .wp-block-post-template{margin-top:0}
.pna-postimg.wp-block-post-featured-image{max-width:960px;margin:24px auto 0}
.pna-postcta > *{margin-block-start:0!important}
.pna-postcta .wp-block-heading{color:#fff;font-weight:500;font-size:26px;margin:0 0 6px}
.pna-postnav > *{margin:0!important}
.pna-content .pna-keynums > .wp-block-group > *{margin-block-start:0}
.pna-btn-line .wp-block-button__link{background:var(--pna-surface)!important;border:1px solid var(--pna-line)!important;color:var(--pna-ink)!important}
.pna-header__inner > .wp-block-html,.pna-header__inner > .pna-themetoggle{margin:0!important}
html[data-theme="dark"] .pna-wpnav .wp-block-navigation__responsive-container.is-menu-open{background:var(--pna-surface)!important;color:var(--pna-ink)!important}
html[data-theme="dark"] .pna-wpnav .wp-block-navigation-item__content{color:var(--pna-ink)}
html[data-theme="dark"] .pna-wpnav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{color:#e8edf6!important}
html[data-theme="dark"] .pna-wpnav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover{background:var(--pna-soft)}
html[data-theme="dark"] .wp-block-search__input{background:var(--pna-surface);color:var(--pna-ink);border-color:var(--pna-line)}