/*
Theme Name: Mass Density Network
Theme URI: https://massdensity.net/
Author: Mass Density, Inc.
Description: A lightweight block theme for the Mass Density Network directory. It provides the "Network Atlas" visual identity (ink, warm canvas, violet, cyan, coral, lime and gold) with locally bundled Bricolage Grotesque and Atkinson Hyperlegible Next fonts. Directory features, content types and the importer live in the companion plugin, Mass Density Network Core, so changing theme never removes content.
Requires at least: 6.4
Tested up to: 7.2
Requires PHP: 7.4
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mass-density-network
Tags: block-patterns, full-site-editing, accessibility-ready, custom-colors, wide-blocks, translation-ready
*/

/* Header */
.mdn-header{position:relative;border-bottom:3px solid var(--wp--preset--color--ink);background:var(--wp--preset--color--canvas)}
.mdn-header__inner.wp-block-group{max-width:1240px;margin-inline:auto;padding:12px clamp(16px,4vw,32px);display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.mdn-brand{display:inline-flex;align-items:center;flex:none}
.mdn-brand img{display:block;height:44px;width:auto}
.mdn-header .wp-block-navigation{font-weight:700;flex:1 1 auto}
.mdn-header .wp-block-navigation-item__content{padding:.4rem .6rem;border-radius:8px;min-height:44px;display:inline-flex;align-items:center}
.mdn-header .wp-block-navigation-item__content:hover{background:var(--wp--preset--color--lime)}
.mdn-util-link{display:none}
.is-menu-open .mdn-util-link{display:block}
.mdn-util{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-left:auto}
.mdn-util a{display:inline-flex;align-items:center;min-height:44px;padding:.4rem .9rem;border:2px solid var(--wp--preset--color--ink);border-radius:999px;font-weight:700;text-decoration:none;color:var(--wp--preset--color--ink);background:#fff;white-space:nowrap}
.mdn-util a:hover{background:var(--wp--preset--color--lime)}
.mdn-util a.mdn-util__audit{background:var(--wp--preset--color--ink);color:#fff}
.mdn-util a.mdn-util__audit:hover{background:var(--wp--preset--color--violet-ink)}
.wp-block-navigation__submenu-container{border:2px solid var(--wp--preset--color--ink)!important;border-radius:12px;padding:6px!important;min-width:280px;box-shadow:0 12px 30px -12px rgba(17,26,46,.4)}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--wp--preset--color--canvas);color:var(--wp--preset--color--ink)}
@media (max-width:760px){.mdn-util{display:none}}

/* Footer */
.mdn-footer{background:var(--wp--preset--color--ink);color:#fff;margin-top:clamp(40px,7vw,96px)}
.mdn-footer a{color:var(--wp--preset--color--lime)}
.mdn-footer__inner{max-width:1240px;margin-inline:auto;padding:clamp(28px,5vw,56px) clamp(16px,4vw,32px)}
.mdn-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:clamp(20px,3vw,40px)}
.mdn-footer h2{font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--wp--preset--color--gold);margin:0 0 .6rem}
.mdn-footer ul{list-style:none;margin:0;padding:0}
.mdn-footer li{margin:.2rem 0}
.mdn-footer li a{display:inline-block;padding:.25rem 0;min-height:32px}
.mdn-footer__small{border-top:1px solid rgba(255,255,255,.25);margin-top:2rem;padding-top:1rem;font-size:.88rem;color:#D6DAE6}
.mdn-footer__logo img{height:40px;width:auto}
@media (max-width:820px){.mdn-footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.mdn-footer__grid{grid-template-columns:1fr}}

/* Content */
.mdn-main{min-height:50vh}
.mdn-page-title{margin-block:clamp(24px,4vw,48px) 1rem}
.mdn-page{padding-inline:clamp(16px,4vw,32px);max-width:1240px;margin-inline:auto}
.mdn-page>*+*{margin-block-start:1.1rem}
.mdn-page .mdn-directory,.mdn-page .mdn-saved,.mdn-page .mdn-quiz,.mdn-page .mdn-tool,.mdn-page .mdn-social-dir,.mdn-page .mdn-res-grid,.mdn-page .mdn-media-grid,.mdn-page .mdn-collection-grid,.mdn-page .mdn-map-wrap,.mdn-page .mdn-cat-index{padding-inline:0}
.mdn-prose-page{max-width:760px}
.mdn-article{max-width:760px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.mdn-article .wp-block-post-title{margin-bottom:.5rem}
.mdn-article-meta{color:var(--wp--preset--color--muted);font-size:.95rem}
.mdn-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;list-style:none;padding:0}
.mdn-posts-grid>li{background:#fff;border:2px solid var(--wp--preset--color--ink);border-radius:14px;overflow:hidden}
.mdn-posts-grid .wp-block-post-title{font-size:1.25rem;padding-inline:16px}
.mdn-posts-grid .wp-block-post-excerpt,.mdn-posts-grid .wp-block-post-date,.mdn-posts-grid .wp-block-post-terms{padding-inline:16px}
.mdn-posts-grid .wp-block-post-featured-image img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.wp-block-post-content a{text-underline-offset:.15em}
code{background:#F2ECDD;padding:.1em .35em;border-radius:4px}
.mdn-header__inner.wp-block-group>*{margin:0}

/* header layout: brand + actions on row one, navigation on row two */
.mdn-header .mdn-util-link{display:none!important}
.mdn-header .is-menu-open .mdn-util-link{display:flex!important}
.mdn-header .wp-block-navigation{order:3;flex:1 1 100%}
.mdn-header .mdn-util{order:2}
.mdn-header .mdn-brand{order:1}
@media (max-width:1100px){.mdn-header .mdn-brand{margin-right:auto}.mdn-header .wp-block-navigation{flex:0 0 auto;order:2}}

/* mobile overlay */
.wp-block-navigation__responsive-container.is-menu-open{padding:20px 20px 40px!important}
.is-menu-open .wp-block-navigation__submenu-container{border:0!important;box-shadow:none!important;padding:0 0 0 12px!important;min-width:0}
.is-menu-open .wp-block-navigation-item__content{font-size:1.1rem}