/*
Theme Name: masla.me
Template: twentytwentyfive
Description: Портал masla.me на базе Twenty Twenty-Five.
Version: 1.0
*/
:root{--m-ground:#f4f6f3;--m-paper:#fff;--m-ink:#18221f;--m-muted:#56655f;--m-line:#d9e0db;--m-leaf:#1f4a3f;--m-leaf-2:#2c6453;--m-leaf-soft:#e3ede8;--m-resin:#a8691e;--m-resin-soft:#f6ebdd}
body{background:var(--m-ground)!important;color:var(--m-ink);font-family:"Onest",system-ui,sans-serif!important}
h1,h2,h3,.wp-block-post-title,.wp-block-query-title{font-family:"Forum",Georgia,serif!important;font-weight:400!important;letter-spacing:0!important}
a{color:var(--m-leaf)}
/* шапка */
.m-header{position:sticky;top:0;z-index:50;background:rgba(244,246,243,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--m-line)}
.m-bar{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.m-logo{font-family:"Forum",Georgia,serif;font-size:28px;color:var(--m-leaf);text-decoration:none;line-height:1}
.m-logo span{color:var(--m-resin)}
.m-tag{font-size:13px;color:var(--m-muted)}
.m-nav{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}
.m-nav a{padding:8px 14px;border-radius:99px;text-decoration:none;color:var(--m-ink);font-size:15px}
.m-nav a:hover{background:var(--m-leaf-soft)}
.m-nav a.m-nav-cta{background:var(--m-leaf);color:#fff}
@media(max-width:700px){.m-nav{margin-left:0;width:100%;overflow-x:auto;flex-wrap:nowrap}.m-nav a{white-space:nowrap}.m-tag{display:none}}
/* подвал */
.m-footer{background:var(--m-leaf);color:#dfe9e4;margin-top:80px}
.m-foot{max-width:1200px;margin:0 auto;padding:40px 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;font-size:15px}
.m-foot a{color:#fff;text-decoration:none;display:block;margin:6px 0}
.m-foot .m-logo{color:#fff}
.m-foot small{display:block;margin-top:14px;color:#a9c2b8;line-height:1.5}
@media(max-width:700px){.m-foot{grid-template-columns:1fr}}
/* сетка карточек */
.m-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.m-cards{gap:24px!important}
.m-cards>li{background:var(--m-paper);border-radius:14px;overflow:hidden;border:1px solid var(--m-line);display:flex;flex-direction:column}
.m-cards>li .wp-block-post-featured-image{margin:0}
.m-cards>li .wp-block-post-featured-image img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.m-cards>li>*:not(.wp-block-post-featured-image){margin-left:18px;margin-right:18px}
.m-cards .m-oil{margin-top:14px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.m-cards .m-oil a{color:var(--m-resin);text-decoration:none}
.m-cards .wp-block-post-title{font-size:22px!important;line-height:1.2;margin-top:6px}
.m-cards .wp-block-post-title a{text-decoration:none;color:var(--m-ink)}
.m-cards .wp-block-post-excerpt{font-size:15px;color:var(--m-muted);margin-bottom:18px}
.m-cards .wp-block-post-excerpt__more-link{display:none}
.wp-block-query-pagination{margin-top:40px!important;gap:8px}
.wp-block-query-pagination a,.wp-block-query-pagination .current{padding:6px 12px;border-radius:8px;background:var(--m-paper);border:1px solid var(--m-line);text-decoration:none}
.wp-block-query-pagination .current{background:var(--m-leaf);color:#fff;border-color:var(--m-leaf)}
/* страница раздела */
.m-page-head{background:var(--m-leaf);color:#fff;padding:56px 0 48px;margin-bottom:40px}
.m-page-head h1,.m-page-head .wp-block-query-title{color:#fff;font-size:clamp(36px,6vw,56px)!important;margin:0}
.m-page-head .wp-block-term-description,.m-page-head p{color:#cfe0d8;max-width:680px}
.m-page-head a{color:#fff}
/* статья */
.m-article-hero img{width:100%;max-height:560px;object-fit:cover;display:block}
.m-article{max-width:760px;margin:0 auto;padding:0 20px}
.m-article .wp-block-post-title{font-size:clamp(34px,5vw,52px)!important;line-height:1.1;margin:36px 0 8px}
.m-article .entry-content{font-size:18px;line-height:1.7}
.m-article .entry-content p{margin:0 0 1em}
.m-page-head>*{max-width:1160px!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px;padding-right:20px;box-sizing:border-box}
.m-wrap .wp-block-group,.m-wrap>.wp-block-post-content{max-width:1160px}