/*
Theme Name: CloudMigPro
Theme URI: https://www.cloudmigpro.com
Author: CloudMigPro
Author URI: https://www.cloudmigpro.com
Description: Custom CloudMigPro blog theme, matching the main site's design system exactly (same colors, fonts, header, and footer, loaded directly from the live site so it never drifts out of sync).
Version: 1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: cloudmigpro
*/

/* Intentionally minimal — real visual styling is loaded directly from the
   main site's live CSS files in functions.php (base.css, global.css,
   components.css, fonts.css), so the Blog can never visually drift out of
   sync with the rest of cloudmigpro.com. Only Blog-specific additions
   belong in this file. */

.blog-post-card .entry-thumbnail img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 16px 16px 0 0;
}

.blog-post-card {
    padding: 0;
    overflow: hidden;
}

.blog-post-card .card-body {
    padding: 20px;
}

.blog-author-byline {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-author-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}

.blog-tag-pill {
    display: inline-block;
    background: #e2e8f0;
    color: #1f2937;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    margin: 0 6px 6px 0;
}

.blog-tag-pill:hover {
    background: var(--primary);
    color: #ffffff;
}

/* Light-blue highlight card — same gradient as the site's hero sections,
   used specifically for Summary, TOC sidebar, and Author box on single
   posts. Kept separate from the shared .insight-card class so this styling
   never leaks into other pages that reuse that class elsewhere. */
.blog-highlight-card {
    background: linear-gradient(120deg, #e0f2fe 0%, #c7effc 45%, #dbeafe 100%);
    border-radius: 18px;
    padding: 20px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}