/* styles.css - Custom styles for Dr. Bijay Ghimire site */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body {
    font-family: 'Inter', sans-serif;
}
.hero-bg {
    background: linear-gradient(rgba(0, 64, 128, 0.5), rgba(0, 212, 255, 0.3)), url('../assets/background.png') center/cover no-repeat;
}

/* Blog card improvements for medical theme */
.blog-card {
    background-color: #fff;
    border-radius: 0.75rem;
    box-shadow: 0 4px 24px 0 rgba(0, 64, 128, 0.08);
    border: 1px solid #e0f2fe;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s, transform 0.2s;
}
.blog-card:hover {
    box-shadow: 0 8px 32px 0 rgba(0, 64, 128, 0.16);
    transform: translateY(-4px);
}
.blog-card .blog-title {
    color: #2563eb;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}
.blog-card .blog-excerpt {
    color: #334155;
    margin-bottom: 1rem;
}
.blog-card .blog-meta {
    font-size: 0.875rem;
    color: #64748b;
    margin-bottom: 0.5rem;
}
.blog-card .read-more-btn {
    margin-top: auto;
    display: inline-block;
    background-color: #06b6d4;
    color: #fff;
    font-weight: 600;
    padding: 0.5rem 1.25rem;
    border-radius: 9999px;
    transition: background 0.2s, transform 0.2s;
    text-align: center;
    text-decoration: none;
}
.blog-card .read-more-btn:hover {
    background-color: #1e40af;
    color: #fff;
    transform: translateY(-2px);
}

/* Modal improvements */
#blog-modal .bg-white {
    border: 1px solid #e0f2fe;
}

/* Section titles */
.section-title {
    font-size: 1.875rem;
    font-weight: 800;
    color: #2563eb;
    margin-bottom: 0.5rem;
}

@media (max-width: 768px) {
    .hero-bg { min-height: 50vh; }
}