/** Repair Center — Bệnh án sửa chữa thực tế (module 8). MOCK data — see template.php.
 * Sits paired with community-contact inside the page's 7/8/9/10 composite
 * grid (theme's .vnt39-rc-row-grid__pair) — this module now supplies its
 * OWN bordered white card (the mockup shows 8/9/10 each as their own
 * card), instead of a full-bleed section background like before. */
.vnt39-rc-cases { display: flex; flex-direction: column; padding: 20px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; }
.vnt39-rc-cases .container { padding: 0; max-width: none; }
.vnt39-rc-cases__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
/* Flatsome's base CSS forces h1-h6 to width:100% — override so this h2
 * sizes to its own text instead of pushing "Xem tất cả" onto its own
 * line (same fix as booking-form's head, see that file for the full
 * explanation). */
.vnt39-rc-cases__head h2 { width: auto; margin: 0; color: #111318; font-size: 18px; font-weight: 800; }
.vnt39-rc-cases__all { display: inline-flex; flex-shrink: 0; align-items: center; gap: 4px; color: #a30d1b; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.vnt39-rc-cases__all .vnt39-rc-icon { width: 14px; height: 14px; }
.vnt39-rc-cases__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
/* A real link now (was <article>, purely decorative mock rows with
 * nowhere to go) — display:block + the color/underline reset a real <a>
 * needs that a block-level <article> never did. */
.vnt39-rc-case-card { display: block; min-width: 0; border: 1px solid #e5e7eb; border-radius: 10px; overflow: hidden; background: #fff; color: inherit; text-decoration: none; }
.vnt39-rc-case-card__thumb { aspect-ratio: 4/3; overflow: hidden; background: linear-gradient(135deg, #1c1f26, #34373f); }
/* Real featured image (whatever's set on the post) replaces the dark
 * placeholder gradient automatically — a post with none keeps it. */
.vnt39-rc-case-card__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.vnt39-rc-case-card h3 { margin: 10px 12px 6px; min-width: 0; overflow-wrap: anywhere; color: #111318; font-size: 12.5px; font-weight: 700; line-height: 1.4; }
.vnt39-rc-case-card__meta { display: block; margin: 0 12px 12px; color: #98a2b3; font-size: 11px; }

@media (max-width: 849px) {
	.vnt39-rc-cases { padding: 16px; }
	.vnt39-rc-cases__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}

.vnt39-rc-cases__empty { grid-column: 1 / -1; margin: 0; padding: 18px 12px; border: 1px dashed #d0d5dd; border-radius: 10px; color: #667085; font-size: 13.5px; text-align: center; }