/* ==========================================================================
   SIGN MAX — BLOG / EDITORIAL
   ========================================================================== */
.smx-blog-layout { display: grid; grid-template-columns: 1fr 320px; gap: var(--smx-space-7); align-items: start; }
.smx-post-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--smx-space-5); }

.smx-post-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--smx-border); border-radius: var(--smx-radius-lg); overflow: hidden; transition: transform var(--smx-dur) var(--smx-ease), box-shadow var(--smx-dur); }
.smx-post-card:hover { transform: translateY(-6px); box-shadow: var(--smx-shadow-lg); }
.smx-post-card__media { aspect-ratio: 16/10; overflow: hidden; }
.smx-post-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--smx-dur-slow); }
.smx-post-card:hover .smx-post-card__media img { transform: scale(1.05); }
.smx-post-card__body { padding: var(--smx-space-5); display: flex; flex-direction: column; gap: 0.6rem; flex: 1; }
.smx-post-card__cat { font-size: var(--smx-fs-xs); text-transform: uppercase; letter-spacing: 0.06em; color: var(--smx-primary); font-weight: 700; }
.smx-post-card__title { font-size: var(--smx-fs-md); }
.smx-post-card__title a { color: var(--smx-ink); }
.smx-post-card__title a:hover { color: var(--smx-primary); }
.smx-post-card__meta { display: flex; align-items: center; gap: var(--smx-space-3); font-size: var(--smx-fs-sm); margin-top: auto; }
.smx-post-card__meta img { width: 30px; height: 30px; border-radius: 50%; }

/* featured / hero article */
.smx-post-featured { position: relative; border-radius: var(--smx-radius-xl); overflow: hidden; min-height: 440px; display: flex; align-items: flex-end; padding: var(--smx-space-7); color: #fff; isolation: isolate; margin-bottom: var(--smx-space-7); }
.smx-post-featured img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.smx-post-featured::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, rgba(26,26,26,0.92), rgba(26,26,26,0.1)); }
/* No featured image: branded gradient instead of a washed-out placeholder */
.smx-post-featured--noimg { background: linear-gradient(150deg, #232323 0%, var(--smx-ink) 55%, #003a6e 130%); }
.smx-post-featured--noimg::after { background: linear-gradient(to top, rgba(26,26,26,0.45), transparent 60%); }

/* Gutenberg block widgets in the sidebar (search, latest posts/comments) */
.smx-widget .wp-block-search__input {
  padding: 0.7em 1em; border: 1.5px solid var(--smx-border); border-radius: var(--smx-radius-sm);
  background: var(--smx-bg); color: var(--smx-ink);
}
.smx-widget .wp-block-search__input:focus { outline: none; border-color: var(--smx-accent); box-shadow: 0 0 0 4px rgba(0,90,169,0.12); }
.smx-widget .wp-block-search__button {
  background: var(--smx-ink); color: #fff; border: 0; border-radius: var(--smx-radius-pill);
  padding: 0.7em 1.2em; font-weight: 600; cursor: pointer; transition: background var(--smx-dur-fast);
}
.smx-widget .wp-block-search__button:hover { background: var(--smx-primary); }
.smx-widget .wp-block-heading { font-size: var(--smx-fs-md); margin-bottom: var(--smx-space-3); }
.smx-widget :is(.wp-block-latest-posts, .wp-block-latest-comments, .wp-block-archives, .wp-block-categories) li { margin-bottom: 0.6rem; }
.smx-post-featured h2 { color: #fff; font-size: var(--smx-fs-2xl); max-width: 22ch; }
.smx-post-featured p { color: rgba(255,255,255,0.85); max-width: 56ch; margin-top: var(--smx-space-3); }

/* sidebar */
.smx-sidebar { position: sticky; top: calc(var(--smx-header-h) + 16px); display: flex; flex-direction: column; gap: var(--smx-space-5); }
.smx-widget { border: 1px solid var(--smx-border); border-radius: var(--smx-radius); padding: var(--smx-space-5); background: #fff; }
.smx-widget h4 { font-size: var(--smx-fs-md); margin-bottom: var(--smx-space-3); }

/* single post */
.smx-article { max-width: 760px; margin-inline: auto; }
.smx-article__head { text-align: center; margin-bottom: var(--smx-space-6); }
.smx-article__head .smx-breadcrumbs { justify-content: center; margin-bottom: var(--smx-space-4); }
.smx-article__head h1 { font-size: var(--smx-fs-3xl); margin: var(--smx-space-3) 0; }
.smx-article__meta { display: inline-flex; align-items: center; gap: var(--smx-space-3); font-size: var(--smx-fs-sm); }
.smx-article__cover { border-radius: var(--smx-radius-lg); overflow: hidden; margin-bottom: var(--smx-space-6); }
.smx-article__body { font-size: var(--smx-fs-md); line-height: 1.8; }
.smx-article__body > * + * { margin-top: var(--smx-space-4); }
.smx-article__body h2, .smx-article__body h3 { margin-top: var(--smx-space-6); }
.smx-article__body blockquote { border-left: 4px solid var(--smx-primary); padding-left: var(--smx-space-4); font-family: var(--smx-font-accent); font-style: italic; color: var(--smx-ink); font-size: var(--smx-fs-lg); }
.smx-article__body img { border-radius: var(--smx-radius); }
.smx-author-box { display: flex; gap: var(--smx-space-4); padding: var(--smx-space-5); background: var(--smx-bg-soft); border-radius: var(--smx-radius-lg); margin-top: var(--smx-space-7); }
.smx-author-box img { width: 72px; height: 72px; border-radius: 50%; flex-shrink: 0; }