/* ===== Design tokens ===== */
:root{
  --ink:#111827;
  --muted:#6b7280;
  --brand:#C09A5C;
  --chip:#f7f7f7;
  --chiptext:#C09A5C;
  --border:#f7f7f7;
  --shadow:0 6px 18px rgba(0,0,0,.06);
}

/* ===== General ===== */
.card-hover{ transition:.2s ease; box-shadow:var(--shadow); }
.card-hover:hover{ transform:translateY(-2px); }
.readmore-link{ padding-bottom: 5px; font-family: "EB Garamond"; font-style: italic; border-bottom: 1px solid rgb(244, 239, 229); transition: 0.5s;}

/* ===== Featured ===== */
.blog-featured img{ box-shadow:var(--shadow); }
.blog-featured h2{ font-weight:800; font-size:clamp(1.6rem,2.6vw,2.4rem); margin:.25rem 0 .4rem; }
.meta-mini{ color:var(--muted); font-size:.9rem; }
.meta-mini .dot{ display:inline-block; width:5px; height:5px; background:var(--brand); margin:0 8px; }



/* ===== Trending ===== */
.blog-trending .trend-banner{background:var(--brand); color:#fff; padding:18px 20px; font-weight:800;box-shadow:var(--shadow); margin-bottom:14px;}
.trend-item{ display:flex; gap:20px; align-items:flex-start; padding:14px 4px; border-bottom:1px solid var(--border); text-decoration:none; color:inherit; }
.trend-item:last-child{ border-bottom:none; }
.trend-thumb{ aspect-ratio:4/3; object-fit:cover; flex:0 0 160px; }
.trend-title{ font-weight:800; font-size:1.05rem; line-height:1.25; margin:0 0 .15rem; }
.trend-meta{ font-size:.9rem; display:flex; gap:10px; flex-wrap:wrap; color:var(--muted); }
.badge-chip{ background:var(--chip); color:var(--chiptext); padding:.2rem .55rem; font-size:.72rem; font-weight:700; border-radius: 25px;}


/* clamp excerpt */
.trend-excerpt{ font-size:.9rem; color:#666; margin-top:.25rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.card .excerpt{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* ===== Filters (desktop base) ===== */
.blog-filters{ display:flex; gap:10px; flex-wrap:nowrap; align-items:center; margin:26px 0 12px; }
.blog-filters .pill{font-family:'EB Garamond', serif !important;font-size:16px;border:1px solid var(--border);border-radius: 25px; margin-right: 10px; background:#fff; padding:.55rem 1rem; font-weight:400; cursor:pointer;}
.blog-filters .pill.active{ background:var(--brand); border-color:var(--brand); color:#fff; }
.blog-filters label{ display:flex; flex-direction:column; gap:4px; font-family:'EB Garamond', serif !important; font-size:.85rem; color:var(--muted); }
.blog-filters .form-select{
  font-family:'EB Garamond', serif !important; font-size: 15px;
  min-width:160px; height:40px; line-height:40px; padding:0 2rem 0 1rem;
  font-weight:400; color:var(--ink); background:#fff;
  border:1px solid var(--border); cursor:pointer; border-radius: 10px;
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  transition:border-color .15s ease, box-shadow .15s ease;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right .75rem center; background-size:16px;
}
.blog-filters .form-select:hover{ border-color:var(--brand); }
.blog-filters .form-select:focus{ outline:none; border-color:var(--brand); box-shadow:0 0 0 3px rgba(192,154,92,.25); }
.select-row {display: flex;gap: 10px;}

/* ===== Cards / All articles ===== */
.all-articles .card{ border:1px solid var(--border); overflow:hidden; background:#fff; border-radius:0 !important; }
.all-articles .card-img-top{ aspect-ratio:16/9; object-fit:cover; border-radius:0 !important; height: auto;}
.all-articles .badge{ font-family:'Montserrat', sans-serif !important; font-size:.75rem; padding:.35rem .6rem; background:var(--chip); color:var(--chiptext); font-weight:700; border-radius: 25px;}
.all-articles .meta{ font-size:.85rem; color:var(--muted); }

/* ===== Typography ===== */
.all-articles h2,
.blog-featured h2,
.blog-featured h2 a,
.all-articles .card-title,
.all-articles .card-title a {
  font-family:'EB Garamond', serif !important;
  margin-bottom:16px;
  font-size:26px;
  color:#C09A5C !important;
  font-weight:400;
}
.trend-title{font-family:'EB Garamond', serif !important; color:#C09A5C !important; font-size: 20px; font-weight:400;}
.blog-featured p.lead,
.all-articles .excerpt,
.trend-meta,
.meta-mini,
.all-articles .meta{
  font-family:'Montserrat', sans-serif !important;
  font-size:14px;
  color:#6B6B6B !important;
  font-weight:400;
}

/* Load More */
button#loadMoreBtn{ border-radius:0 !important; }

/* ===== Newsletter (CTA) ===== */
.post-newsletter {font-family: 'EB Garamond', serif;}
.post-newsletter #mc-embedded-subscribe { background-color: #C09A5C; color: #fff; border: none; font-weight: 400; padding: 0.5rem 1.25rem; transition: background-color 0.2s ease;}
.post-newsletter #mc-embedded-subscribe:hover { background-color: #C09A5C;}
.post-newsletter .card { max-width: 50%; margin: 0 auto; border-radius: 0 !important;}
@media (max-width: 768px){ .post-newsletter .card { max-width: 100%; } }

/* ===== Mobile tweaks ===== */
@media (max-width: 767.98px){
  /* spacing & grid */
  .all-articles .row.g-4 > [class*="col-"]{ width:100%; flex:0 0 100%; max-width:100%; }
  #loadMoreBtn{ width:100%; max-width:520px; border-radius:12px; }
  .all-articles .card-title a, .trend-title {font-size: 20px;}
  .blog-filters .select-row{ width:100% !important;}
  .blog-trending.compact-mobile .trend-item{display:grid; grid-template-columns:40% 1fr; gap:15px; align-items:start;}
  .blog-trending.compact-mobile .trend-thumb{width:100%; aspect-ratio:16/9; object-fit:cover;}
  .blog-trending.compact-mobile .trend-excerpt{ display:none !important; }
  .blog-featured article h2{ font-size:1.18rem; }
  .blog-featured .meta-mini{ font-size:.82rem; }}
@media (max-width: 480px){.all-articles .card .excerpt{display: -webkit-box !important;-webkit-line-clamp: 2;overflow: hidden;}}
@media (max-width: 1499.98px) { .all-articles h2,
.blog-featured h2,
.blog-featured h2 a,
.all-articles .card-title,
.all-articles .card-title a,
.trend-title{ margin-bottom:10px; font-size:18px;} 
.trend-meta{ font-size:.7rem;}
.trend-excerpt{ display: none;}
}
@media (max-width: 1199.98px){
    /* Filters: pills */
  .blog-filters{ flex-direction:column; align-items:stretch; gap:12px; overflow:visible; }
  .blog-filters .filter-pills{display:flex; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch;gap:8px; padding-bottom:6px;}
  .blog-filters .filter-pills::-webkit-scrollbar{ display:none; }
  .blog-filters .pill{ flex:0 0 auto; white-space:nowrap; padding:.45rem .9rem; font-size:.9rem; border-radius:999px; margin-right: 0px !important;}
  .blog-filters .select-row{ display:flex; gap:10px; width:40%; }
  .blog-filters .select-row label{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:4px; }
  .blog-filters .select-row .form-select{width:100%; height:40px; font-size:.95rem;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
  }