/* mhp-blog.css - Blog archive + single post layout */
/* Extracted from home.php and single.php */
/* v1.0.0 - 2026-03-25 */

/* === BLOG ARCHIVE === */
:root {
  --color-primary:#2A2F33;--color-primary-dark:#1A1E21;
  --color-accent:#3B7EA1;--color-accent-light:#4E9ABF;
  --color-cream:#F5F3EF;--color-cream-dark:#EAE6DE;
  --color-text:#1E1E18;--color-text-secondary:#3D3D30;--color-text-light:#6A6A5A;
  --color-white:#FFFFFF;--color-border:#D5CFC3;
  --font-display:'Lora',Georgia,serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --max-width:1280px;
  --radius-md:10px;--radius-lg:16px;
  --shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.09);--shadow-lg:0 8px 30px rgba(0,0,0,.11);
  --ease-out:cubic-bezier(.16,1,.3,1);--transition-fast:.2s var(--ease-out);
}
body.mhp-blog-page { font-family:var(--font-body);background:var(--color-cream);color:var(--color-text); }
body.mhp-blog-page .site-container,body.mhp-blog-page .site-inner,body.mhp-blog-page .wrap,
body.mhp-blog-page .content-sidebar-wrap,body.mhp-blog-page .content,body.mhp-blog-page main.content,
body.mhp-blog-page .entry,body.mhp-blog-page .entry-content {
  max-width:none!important;width:100%!important;padding:0!important;margin:0!important;
  float:none!important;border:none!important;box-shadow:none!important;background:transparent!important;
}
.mhp-blog-wrap *,.mhp-blog-wrap *::before,.mhp-blog-wrap *::after{box-sizing:border-box;}
.mhp-blog-wrap img{max-width:100%;height:auto;display:block;}
.mhp-blog-wrap a{text-decoration:none;color:inherit;}
.mhp-blog-container{max-width:var(--max-width);margin:0 auto;padding:0 2rem;}
/* Hero */
.mhp-blog-hero{background:var(--color-primary);padding:3.5rem 0 3rem;}
.mhp-blog-hero__bc{font-size:.775rem;color:rgba(255,255,255,.4);margin-bottom:1.25rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;}
.mhp-blog-hero__bc a{color:rgba(255,255,255,.5);transition:color var(--transition-fast);}
.mhp-blog-hero__bc a:hover{color:rgba(255,255,255,.9);}
.mhp-blog-hero__bc span{opacity:.3;}
.mhp-blog-hero__overline{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--color-accent);margin-bottom:.6rem;}
.mhp-blog-hero__h1{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.75rem);color:#fff;line-height:1.2;margin-bottom:.75rem;}
.mhp-blog-hero__sub{font-size:1rem;color:rgba(255,255,255,.6);max-width:560px;}
/* Main layout */
.mhp-blog-main{padding:3rem 0 5rem;}
.mhp-blog-layout{display:grid;grid-template-columns:1fr 320px;gap:3rem;align-items:start;}
/* Post grid */
.mhp-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start;}
/* Post card */
.mhp-blog-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--transition-fast),transform var(--transition-fast);}
.mhp-blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);}
.mhp-blog-card__image{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--color-cream-dark);flex-shrink:0;}
.mhp-blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out);}
.mhp-blog-card:hover .mhp-blog-card__image img{transform:scale(1.04);}
.mhp-blog-card__body{padding:1.25rem;flex:1;display:flex;flex-direction:column;}
.mhp-blog-card__cat{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:.4rem;}
.mhp-blog-card__title{font-family:var(--font-display);font-size:1.05rem;color:var(--color-primary);line-height:1.3;margin-bottom:.5rem;}
.mhp-blog-card__title a:hover{color:var(--color-accent);}
.mhp-blog-card__excerpt{font-size:.825rem;color:var(--color-text-secondary);line-height:1.65;margin-bottom:.75rem;flex:1;}
.mhp-blog-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--color-text-light);margin-top:auto;padding-top:.75rem;border-top:1px solid var(--color-border);}
.mhp-blog-card__read{color:var(--color-accent)!important;font-weight:600;display:flex;align-items:center;gap:.25rem;}
.mhp-blog-card__read svg{width:12px;height:12px;}
@media(max-width:768px){.mhp-blog-grid{grid-template-columns:1fr;}}
/* Sidebar */
.mhp-blog-sidebar{position:sticky;top:88px;}
.mhp-sidebar-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;}
.mhp-sidebar-card__title{font-family:var(--font-display);font-size:1rem;color:var(--color-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-accent);}
.mhp-sidebar-links a{display:block;padding:.5rem 0;font-size:.875rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);transition:color var(--transition-fast);}
.mhp-sidebar-links a:last-child{border-bottom:none;}
.mhp-sidebar-links a:hover{color:var(--color-accent);}
.mhp-sidebar-cta{background:var(--color-primary);color:#fff;padding:1.5rem;border-radius:var(--radius-lg);text-align:center;margin-bottom:1.5rem;}
.mhp-sidebar-cta__title{font-family:var(--font-display);font-size:1.1rem;color:#fff;margin-bottom:.5rem;}
.mhp-sidebar-cta__text{font-size:.825rem;color:rgba(255,255,255,.65);margin-bottom:1rem;line-height:1.6;}
.mhp-sidebar-cta__btn{display:block;background:var(--color-accent);color:#fff!important;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;transition:background var(--transition-fast);}
.mhp-sidebar-cta__btn:hover{background:var(--color-accent-light);}
/* Pagination */
.mhp-blog-pagination{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--color-border);}
.mhp-blog-wrap .mhp-blog-pagination a.page-numbers,
.mhp-blog-wrap .mhp-blog-pagination span.page-numbers {
  padding:.5rem 1rem !important;
  border:1.5px solid var(--color-border) !important;
  border-radius:var(--radius-md) !important;
  font-size:.875rem !important;
  font-weight:600 !important;
  color:var(--color-text-secondary) !important;
  background:#fff !important;
  transition:all var(--transition-fast);
  display:inline-block;
}
.mhp-blog-wrap .mhp-blog-pagination a.page-numbers:hover {
  border-color:var(--color-accent) !important;
  color:var(--color-accent) !important;
  background:#fff !important;
}
.mhp-blog-wrap .mhp-blog-pagination span.page-numbers.current {
  background:var(--color-accent) !important;
  border-color:var(--color-accent) !important;
  color:#fff !important;
}
/* Responsive */
@media(max-width:1024px){.mhp-blog-layout{grid-template-columns:1fr;}.mhp-blog-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}.mhp-sidebar-cta{grid-column:1/-1;}}
@media(max-width:768px){.mhp-blog-container{padding:0 1.25rem;}.mhp-blog-hero{padding:2.5rem 0 2rem;}.mhp-blog-card{flex-direction:column;}.mhp-blog-card__image{width:100%;height:200px;}.mhp-blog-sidebar{grid-template-columns:1fr;}}

/* === SINGLE POST === */
:root {
  --color-primary:#2A2F33;--color-primary-dark:#1A1E21;
  --color-accent:#3B7EA1;--color-accent-light:#4E9ABF;
  --color-cream:#F5F3EF;--color-cream-dark:#EAE6DE;
  --color-text:#1E1E18;--color-text-secondary:#3D3D30;--color-text-light:#6A6A5A;
  --color-white:#FFFFFF;--color-border:#D5CFC3;
  --font-display:'Lora',Georgia,serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --max-width:1280px;
  --radius-md:10px;--radius-lg:16px;
  --shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.09);
  --ease-out:cubic-bezier(.16,1,.3,1);--transition-fast:.2s var(--ease-out);
}
body.mhp-post-page { font-family:var(--font-body);background:var(--color-cream);color:var(--color-text); }
body.mhp-post-page .site-container,body.mhp-post-page .site-inner,body.mhp-post-page .wrap,
body.mhp-post-page .content-sidebar-wrap,body.mhp-post-page .content,body.mhp-post-page main.content,
body.mhp-post-page .entry,body.mhp-post-page .entry-content {
  max-width:none!important;width:100%!important;padding:0!important;margin:0!important;
  float:none!important;border:none!important;box-shadow:none!important;background:transparent!important;
}
.mhp-post-wrap *,.mhp-post-wrap *::before,.mhp-post-wrap *::after{box-sizing:border-box;}
.mhp-post-wrap img{max-width:100%;height:auto;display:block;}

.mhp-post-page .mhp-nav__link { color: #3D3D30 !important; }
.mhp-post-page .mhp-nav a { color: inherit; }
.mhp-post-container{max-width:var(--max-width);margin:0 auto;padding:0 2rem;}
/* Header */
.mhp-post-header{background:var(--color-primary);padding:3.5rem 0 0;}
.mhp-post-header__bc{font-size:.775rem;color:rgba(255,255,255,.4);margin-bottom:1.25rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;}
.mhp-post-header__bc a{color:rgba(255,255,255,.5);transition:color var(--transition-fast);}
.mhp-post-header__bc a:hover{color:rgba(255,255,255,.9);}
.mhp-post-header__bc span{opacity:.3;}
.mhp-post-header__cat{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:.75rem;}
.mhp-post-header__h1{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,3rem);color:#fff;line-height:1.2;margin-bottom:1.25rem;max-width:800px;}
.mhp-post-header__meta{display:flex;align-items:center;gap:1.5rem;font-size:.825rem;color:rgba(255,255,255,.5);padding-bottom:2rem;flex-wrap:wrap;}
.mhp-post-header__meta span{display:flex;align-items:center;gap:.3rem;}
/* Featured image */
.mhp-post-hero-img{width:100%;max-height:500px;object-fit:cover;border-radius:0;}
/* Layout */
.mhp-post-main{padding:3rem 0 5rem;}
.mhp-post-layout{display:grid;grid-template-columns:1fr 300px;gap:3rem;align-items:start;}
/* Article body */
.mhp-post-content{background:var(--color-white);border-radius:var(--radius-lg);padding:2.5rem;border:1px solid var(--color-border);}
.mhp-post-content h2,.mhp-post-content h3,.mhp-post-content h4{font-family:var(--font-display);color:var(--color-primary);line-height:1.3;margin:1.75rem 0 .75rem;}
.mhp-post-content h2{font-size:1.6rem;}
.mhp-post-content h3{font-size:1.3rem;}
.mhp-post-content p{color:var(--color-text-secondary);line-height:1.8;margin-bottom:1.25rem;font-size:1rem;}
.mhp-post-content ul,.mhp-post-content ol{padding-left:1.5rem;margin-bottom:1.25rem;color:var(--color-text-secondary);line-height:1.8;}
.mhp-post-content li{margin-bottom:.4rem;}
.mhp-post-content a{color:var(--color-accent);font-weight:500;}
.mhp-post-content a:hover{color:var(--color-accent-light);}
.mhp-post-content img{border-radius:var(--radius-md);margin:1.5rem 0;}
.mhp-post-content blockquote{border-left:4px solid var(--color-accent);padding:1rem 1.5rem;margin:1.5rem 0;background:var(--color-cream);border-radius:0 var(--radius-md) var(--radius-md) 0;}
.mhp-post-content blockquote p{margin:0;font-style:italic;color:var(--color-text);}
.mhp-post-content strong{color:var(--color-text);font-weight:600;}
/* Tags */
.mhp-post-tags{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border);display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;}
.mhp-post-tags__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-light);}
.mhp-post-tags a{padding:.3rem .75rem;background:var(--color-cream);border:1px solid var(--color-border);border-radius:100px;font-size:.775rem;color:var(--color-text-secondary);transition:all var(--transition-fast);}
.mhp-post-tags a:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-white);}
/* Sidebar */
.mhp-post-sidebar{position:sticky;top:88px;}
.mhp-sidebar-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;}
.mhp-sidebar-card__title{font-family:var(--font-display);font-size:1rem;color:var(--color-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-accent);}
.mhp-sidebar-links a{display:block;padding:.5rem 0;font-size:.875rem;color:var(--color-text-secondary)!important;border-bottom:1px solid var(--color-border);transition:color var(--transition-fast);}
.mhp-sidebar-links a:last-child{border-bottom:none;}
.mhp-sidebar-links a:hover{color:var(--color-accent)!important;}
.mhp-sidebar-cta{background:var(--color-primary);padding:1.5rem;border-radius:var(--radius-lg);text-align:center;margin-bottom:1.5rem;}
.mhp-sidebar-cta__title{font-family:var(--font-display);font-size:1.1rem;color:#fff;margin-bottom:.5rem;}
.mhp-sidebar-cta__text{font-size:.825rem;color:rgba(255,255,255,.65);margin-bottom:1rem;line-height:1.6;}
.mhp-sidebar-cta__btn{display:block;background:var(--color-accent);color:#fff!important;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;transition:background var(--transition-fast);}
.mhp-sidebar-cta__btn:hover{background:var(--color-accent-light);}
/* Related posts */
.mhp-post-related{background:var(--color-white);border-top:1px solid var(--color-border);padding:3rem 0;}
.mhp-post-related__overline{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:.5rem;}
.mhp-post-related__title{font-family:var(--font-display);font-size:1.75rem;color:var(--color-primary);margin-bottom:2rem;}
.mhp-post-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.mhp-related-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-cream);transition:all var(--transition-fast);}
.mhp-related-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}
.mhp-related-card__img{aspect-ratio:16/9;overflow:hidden;background:var(--color-stone,#DDD8CC);}
.mhp-related-card__img img{width:100%;height:100%;object-fit:cover;}
.mhp-related-card__body{padding:1rem;}
.mhp-related-card__cat{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);}
.mhp-related-card__name{font-family:var(--font-display);font-size:.95rem;color:var(--color-primary);margin:.3rem 0;line-height:1.3;}
.mhp-related-card__date{font-size:.75rem;color:var(--color-text-light);}
/* Responsive */
@media(max-width:1024px){.mhp-post-layout{grid-template-columns:1fr;}.mhp-post-sidebar{position:static;}.mhp-post-related__grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.mhp-post-container{padding:0 1.25rem;}.mhp-post-content{padding:1.5rem;}.mhp-post-related__grid{grid-template-columns:1fr;}}