/* ============================================================
   Blog Page – blog-page.css
   ============================================================ */
:root{--forest:#536b43;--forest-dark:#33452d;--ink:#342f2c;--muted:#676b63;--line:#e0dbd4;--soft:#f3f0eb;--warm:#faf6f0;--white:#fff;--site-serif:"Times New Roman",serif}
*{box-sizing:border-box}
.blg-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.custom-blog-page{margin:0;color:var(--ink);background:var(--warm);font-family:var(--site-serif);font-style:italic}

/* ── Container ── */
.blg-container{width:min(1180px,calc(100% - 40px));margin:0 auto}

/* ── Hero ── */
.blg-hero{position:relative;min-height:clamp(420px,50vw,630px);background:url("../../wp-content/uploads/2026/04/2_new-1-1024x628.webp") center 30%/cover no-repeat}
.blg-hero__content{color:#fff}
.blg-hero__content h1{margin:0 0 8px!important;font-size:clamp(24px,4vw,48px)!important;font-weight:600;font-style:italic;line-height:1.1;color:#fff!important;text-align:left!important;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.blg-hero__content p{margin:0!important;font-size:16px;color:#dce7d4;font-style:italic;max-width:640px}

/* ── Layout (posts + sidebar) ── */
.blg-layout{display:grid;grid-template-columns:minmax(0,2fr) 340px;gap:44px;padding:52px 0 64px}

/* ════════════ POSTS COLUMN ════════════ */
.blg-posts{display:flex;flex-direction:column;gap:28px}

/* Post card */
.blg-post{display:grid;grid-template-columns:1fr 280px;gap:0;background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(40,55,35,.06);transition:box-shadow .2s,transform .2s}
.blg-post:hover{box-shadow:0 8px 26px rgba(40,55,35,.13);transform:translateY(-2px)}
.blg-post--no-img{grid-template-columns:1fr}

/* Post text */
.blg-post__body{padding:22px 24px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.blg-post__meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);font-style:normal}
.blg-post__meta time{color:var(--forest);font-weight:600}
.blg-post__title{margin:0;font-size:20px;font-weight:700;font-style:italic;line-height:1.3}
.blg-post__title a{color:var(--forest-dark);text-decoration:none;transition:color .2s}
.blg-post__title a:hover{color:var(--forest)}
.blg-post__excerpt{margin:0;font-size:14px;color:#555;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blg-post__read{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--forest);text-decoration:none;font-style:italic;margin-top:4px;transition:gap .2s}
.blg-post__read:hover{gap:9px}
.blg-post__read::after{content:"→";font-style:normal}

/* Post image */
.blg-post__img{overflow:hidden;background:var(--soft)}
.blg-post__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.blg-post:hover .blg-post__img img{transform:scale(1.06)}

/* ════════════ SIDEBAR ════════════ */
.blg-sidebar{display:flex;flex-direction:column;gap:28px;align-self:start;position:sticky;top:108px}

.blg-widget{background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.blg-widget__head{padding:16px 20px;background:#edf1e9;border-bottom:1px solid var(--line)}
.blg-widget__head h3{margin:0;font-size:16px;font-weight:700;font-style:italic;color:var(--forest-dark)}
.blg-widget__body{padding:18px 20px}

/* Search */
.blg-search{display:flex;gap:0;border:1px solid #ccc;border-radius:6px;overflow:hidden}
.blg-search input{flex:1;padding:10px 12px;border:0;font-size:14px;font-family:var(--site-serif);font-style:italic;background:#fafafa;outline:none;color:var(--ink)}
.blg-search button{padding:10px 14px;background:var(--forest);color:#fff;border:0;cursor:pointer;font-size:15px;transition:background .2s;flex-shrink:0}
.blg-search button:hover{background:var(--forest-dark)}

/* Newsletter */
.blg-newsletter p{font-size:13px;color:#555;margin:0 0 12px;line-height:1.55}
.blg-newsletter-form{display:flex;flex-direction:column;gap:8px}
.blg-newsletter-form input{padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;font-style:italic;font-family:var(--site-serif);background:#fafafa;outline:none}
.blg-newsletter-form input:focus{border-color:var(--forest)}
.blg-newsletter-form button{padding:10px;background:var(--forest);color:#fff;border:0;border-radius:4px;font-size:14px;font-weight:600;font-style:italic;cursor:pointer;transition:background .2s}
.blg-newsletter-form button:hover{background:var(--forest-dark)}

/* Latest articles */
.blg-recent{display:flex;flex-direction:column;gap:14px}
.blg-recent-item{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:start}
.blg-recent-item__img{overflow:hidden;border-radius:6px;aspect-ratio:1;background:var(--soft)}
.blg-recent-item__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.blg-recent-item:hover .blg-recent-item__img img{transform:scale(1.08)}
.blg-recent-item__text{}
.blg-recent-item__title{display:block;font-size:13px;font-weight:600;font-style:italic;color:var(--forest-dark);text-decoration:none;line-height:1.35;margin-bottom:4px;transition:color .2s}
.blg-recent-item__title:hover{color:var(--forest)}
.blg-recent-item__date{font-size:11px;color:var(--muted);font-style:normal}
.blg-recent-item--no-img{grid-template-columns:1fr}

/* ════════════ BLOG POST PAGE ════════════ */
.bpost-featured{width:100%;overflow:hidden;line-height:0}
.bpost-featured img{display:block;width:100%;height:clamp(280px,40vw,500px);object-fit:cover;object-position:center}

.bpost-layout{display:grid;grid-template-columns:minmax(0,2fr) 320px;gap:44px;padding:48px 0 64px}

/* Article */
.bpost-article{}
.bpost-breadcrumb{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted);margin-bottom:18px;font-style:normal}
.bpost-breadcrumb a{color:var(--forest);text-decoration:none}.bpost-breadcrumb a:hover{text-decoration:underline}
.bpost-breadcrumb span{color:var(--muted)}

.bpost-title{font-size:clamp(22px,3vw,36px);font-weight:700;font-style:italic;color:var(--forest-dark);line-height:1.2;margin:0 0 14px}
.bpost-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;color:var(--muted);font-style:normal;padding-bottom:20px;border-bottom:2px solid var(--line);margin-bottom:28px}
.bpost-meta time{color:var(--forest);font-weight:600}
.bpost-meta .bpost-author-name{font-weight:600;color:var(--ink)}

/* Content */
.bpost-content{font-size:16px;line-height:1.8;color:#3a3a3a}
.bpost-content h2{color:var(--forest);font-size:clamp(18px,2.4vw,28px);font-weight:700;font-style:italic;margin:36px 0 14px;line-height:1.2;padding-bottom:8px;border-bottom:2px solid var(--line)}
.bpost-content h3{color:var(--forest-dark);font-size:clamp(16px,2vw,22px);font-weight:700;font-style:italic;margin:26px 0 10px}
.bpost-content h4{color:var(--forest-dark);font-size:17px;font-weight:700;font-style:italic;margin:20px 0 8px}
.bpost-content p{margin:0 0 16px}
.bpost-content p:last-child{margin-bottom:0}
.bpost-content ul,.bpost-content ol{margin:0 0 16px;padding-left:22px;display:grid;gap:5px}
.bpost-content li{font-size:15px;color:#454040;line-height:1.6}
.bpost-content strong{color:var(--forest-dark);font-weight:700}
.bpost-content a{color:var(--forest);text-decoration:underline;text-decoration-color:rgba(83,107,67,.4)}
.bpost-content a:hover{text-decoration-color:var(--forest)}

/* Tables */
.bpost-content table{width:100%;border-collapse:collapse;margin:20px 0 24px;font-size:14px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(40,55,35,.07)}
.bpost-content table thead tr,.bpost-content table tbody tr:first-child{background:var(--forest)!important;color:#fff}
.bpost-content table tbody tr:first-child td,.bpost-content table thead th{color:#fff;font-weight:700;padding:11px 14px}
.bpost-content table tbody tr:nth-child(even){background:#f0f4ed}
.bpost-content table tbody tr:nth-child(odd){background:#fff}
.bpost-content table td,.bpost-content table th{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.5}
.bpost-content table td:first-child{font-weight:600;color:var(--forest-dark)}

/* Author box */
.bpost-author-box{display:flex;align-items:center;gap:16px;padding:20px 22px;background:var(--soft);border:1px solid var(--line);border-left:4px solid var(--forest);border-radius:8px;margin-top:40px}
.bpost-author-box img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}
.bpost-author-box__info strong{display:block;font-size:15px;color:var(--forest-dark);font-style:normal;margin-bottom:2px}
.bpost-author-box__info span{font-size:13px;color:var(--muted);font-style:normal}

/* Back link */
.bpost-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--forest);text-decoration:none;font-weight:600;font-style:italic;margin-bottom:20px;transition:gap .2s}
.bpost-back:hover{gap:10px}
.bpost-back::before{content:"←";font-style:normal}

/* ── Responsive ── */
@media(max-width:1000px){
  .blg-layout{grid-template-columns:1fr;gap:32px}
  .blg-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}
  /* blog post */
  .bpost-layout{grid-template-columns:1fr;gap:32px}
  .bpost-layout .blg-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}
}
@media(max-width:700px){
  .blg-post{grid-template-columns:1fr}
  .blg-post__img{height:200px;order:-1}
  .blg-sidebar{grid-template-columns:1fr}
  .bpost-layout .blg-sidebar{grid-template-columns:1fr}
  .bpost-content table{font-size:13px}
  .bpost-content table td,.bpost-content table th{padding:8px 10px}
}
@media(max-width:600px){
  .blg-hero{min-height:200px;padding:20px 16px}
  .blg-hero__content h1{font-size:20px!important;margin-bottom:6px!important}
  .blg-hero__content p{font-size:14px}
  .blg-layout{padding:24px 0 36px;gap:22px}
  .blg-posts{gap:18px}
  .blg-post__body{padding:14px 16px;gap:8px}
  .blg-post__title{font-size:16px}
  .blg-post__meta{font-size:11px}
  .blg-post__excerpt{font-size:13px;-webkit-line-clamp:2}
  .blg-post__read{font-size:12px}
  .blg-post__img{height:180px}
  .blg-widget__head{padding:12px 16px}
  .blg-widget__head h3{font-size:14px}
  .blg-widget__body{padding:14px 16px}
  .blg-recent-item{grid-template-columns:60px 1fr;gap:10px}
  .blg-recent-item__title{font-size:12px}
  .blg-newsletter-form input,.blg-newsletter-form button{padding:9px 10px;font-size:13px}
  .blg-search input{font-size:13px;padding:9px 10px}
  /* blog post 600px */
  .bpost-featured img{height:220px}
  .bpost-layout{padding:22px 0 36px;gap:20px}
  .bpost-title{font-size:20px}
  .bpost-content{font-size:15px}
  .bpost-content h2{font-size:18px;margin:26px 0 10px}
  .bpost-content h3{font-size:16px;margin:20px 0 8px}
  .bpost-content h4{font-size:15px}
  .bpost-content table{font-size:12px;overflow-x:auto;display:block}
  .bpost-content table td,.bpost-content table th{padding:8px 10px}
  .bpost-author-box{flex-direction:column;text-align:center;gap:10px}
  .bpost-breadcrumb{font-size:11px}
}
@media(max-width:480px){
  .blg-hero__content h1{font-size:18px!important}
  .blg-post__title{font-size:15px}
  .blg-post__img{height:200px}
  .bpost-featured img{height:180px}
  .bpost-title{font-size:18px}
  .bpost-meta{font-size:12px;gap:10px}
}
/* ===== BLOG PAGE TITLE (below hero, above cards) ===== */
.blg-page-title{
  text-align: center;
  color: var(--forest);
  font-family: var(--site-serif);
  font-style: italic;
  font-size: clamp(24px, 3.5vw, 44px);
  font-weight: 600;
  margin: 40px 0 10px;
  line-height: 1.2;
}

@media(max-width:600px){
  .blg-page-title{
    font-size: 22px;
    margin: 24px 0 8px;
    padding: 0 12px;
  }
}