@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,700;1,400&family=Raleway:wght@400;500;600;700&display=swap');

.sm-news-wrap { font-family: 'Raleway', sans-serif; }

/* Filter */
.sm-news-filter {
  display: flex; flex-wrap: wrap; gap: 10px;
  margin-bottom: 36px;
}
.sm-news-filter-btn {
  display: inline-block;
  font-size: 12px; font-weight: 600;
  padding: 8px 18px; border-radius: 99px;
  border: 1.5px solid #dde2f0;
  color: #1C2F6E !important;
  text-decoration: none !important;
  transition: all .2s;
  background: #fff;
}
.sm-news-filter-btn:hover,
.sm-news-filter-btn.active {
  background: #1C2F6E !important;
  border-color: #1C2F6E !important;
  color: #C49A2A !important;
}

/* Grid */
.sm-news-grid {
  display: grid; gap: 24px;
}
.sm-news-cols-1 { grid-template-columns: 1fr; }
.sm-news-cols-2 { grid-template-columns: repeat(2,1fr); }
.sm-news-cols-3 { grid-template-columns: repeat(3,1fr); }
.sm-news-cols-4 { grid-template-columns: repeat(4,1fr); }

/* Card */
.sm-news-card { background:#fff; border-radius:12px; overflow:hidden; border:1px solid #dde2f0; transition: transform .25s, box-shadow .25s; }
.sm-news-card:hover { transform:translateY(-5px); box-shadow:0 16px 40px rgba(28,47,110,.12); }
.sm-news-card-link { text-decoration:none !important; display:block; color:inherit !important; }

/* Image */
.sm-news-card-img { height:200px; overflow:hidden; position:relative; background:#1C2F6E; }
.sm-news-card-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.sm-news-card:hover .sm-news-card-img img { transform:scale(1.05); }
.sm-news-card-img-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#1C2F6E,#142050); }
.sm-news-card-cat { position:absolute; top:12px; left:12px; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; background:#C49A2A; color:#0e1a45; padding:4px 10px; border-radius:4px; }

/* Body */
.sm-news-card-body { padding:22px; }
.sm-news-card-date { font-size:11px; color:#9aaac0; margin-bottom:8px; display:flex; align-items:center; gap:5px; }
.sm-news-card-title { font-family:'Cormorant Garamond',Georgia,serif; font-size:20px; font-weight:700; color:#1C2F6E; line-height:1.35; margin:0 0 10px; transition:color .2s; }
.sm-news-card:hover .sm-news-card-title { color:#C49A2A; }
.sm-news-card-excerpt { font-size:13px; color:#6a7a9a; line-height:1.7; margin-bottom:16px; }
.sm-news-card-footer { padding-top:14px; border-top:1px solid #eef0f8; }
.sm-news-card-read { font-size:12px; font-weight:600; color:#C49A2A; display:flex; align-items:center; gap:4px; }
.sm-news-card-read svg { transition:transform .2s; }
.sm-news-card:hover .sm-news-card-read svg { transform:translateX(4px); }

/* Pagination */
.sm-news-pagination { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:48px; flex-wrap:wrap; }
.sm-news-page-btn { display:inline-block; padding:10px 22px; border:1.5px solid #1C2F6E; border-radius:6px; font-size:13px; font-weight:600; color:#1C2F6E !important; text-decoration:none !important; transition:all .2s; }
.sm-news-page-btn:hover { background:#1C2F6E !important; color:#C49A2A !important; }
.sm-news-page-info { font-size:13px; color:#8090b0; }

/* Empty */
.sm-news-empty { text-align:center; padding:60px 20px; color:#8090b0; }
.sm-news-empty-icon { font-size:48px; margin-bottom:16px; }

/* Responsive */
@media (max-width:900px) {
  .sm-news-cols-3, .sm-news-cols-4 { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:560px) {
  .sm-news-cols-2, .sm-news-cols-3, .sm-news-cols-4 { grid-template-columns:1fr; }
}