﻿.course-cta-inline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-md) var(--space-2xl);
    max-width: 100%;
    margin:auto;
    justify-content:center;
    
    /* ── Typography در حد h2 ── */
    font-family: var(--font-primary);
    font-size: var(--text-xl); /* همان اندازه‌ی h2 */
    font-weight: var(--font-semibold); /* همان وزن h2 */
    line-height: var(--leading-tight); /* 1.4 — متناسب با متن بزرگ */
    letter-spacing: var(--tracking-tight); /* خوانش تمیزتر در فارسی */
    text-align: center !important;
    text-decoration: none;
    text-overflow: ellipsis;
    /* رنگ و شکل */
    color: var(--primary);
    background: linear-gradient(135deg, var(--soft-warm-gold) 0%, var(--warm-gold) 100%);
    border: 1px solid var(--burnished-gold);
    border-radius: 10px; /* radius متناسب با فونت بزرگ‌تر */
    box-shadow: 0 3px 12px rgba(150, 110, 60, 0.2);
    transition: var(--transition);
}

    /* hover — گرادیان تیره‌تر، سایه عمیق‌تر */
    .course-cta-inline:hover {
        background: linear-gradient(135deg, var(--warm-gold) 0%, var(--rich-gold) 100%);
        border-color: var(--rich-gold);
        color: var(--pale-gold);
        box-shadow: 0 6px 20px rgba(150, 110, 60, 0.4);
        transform: translateY(-2px);
    }

    /* active — بازگشت به پایین */
    .course-cta-inline:active {
        transform: translateY(0);
        box-shadow: 0 2px 6px rgba(150, 110, 60, 0.3);
    }

/* ── ریسپانسیو ── */

/* تبلت */
@media (max-width: 992px) {
    .course-cta-inline {
        font-size: var(--text-lg); /* 1.563rem */
        padding: var(--space-md) var(--space-xl);
    }
}

/* موبایل — یک پله کوچک‌تر، ولی همچنان برجسته */
@media (max-width: 768px) {
    .course-cta-inline {
        font-size: var(--text-base);
        padding: var(--space-sm) var(--space-lg);
        /* در این اندازه متن ممکن است بلند باشد — بگذار دو خط شود */
        white-space: normal;
        text-overflow: clip;
        line-height: var(--leading-normal);
    }
}

/* موبایل کوچک */
@media (max-width: 480px) {
    .course-cta-inline {
        font-size: var(--text-sm);
        padding: var(--space-sm) var(--space-md);
    }
}

.article-content img {
    max-height: 500px; /* Adjust this value as needed */
    width: auto;
    height: auto;
    object-fit: contain;
}

/* For featured image specifically */
.article-featured-image img {
    max-height: 600px; /* Slightly larger for featured image */
    width: auto;
    height: auto;
    object-fit: contain;
}
.article-slide-content{
    padding-top:1rem;
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .article-content img {
        max-height: 400px;
    }

    .article-featured-image img {
        max-height: 500px;
    }
    .article-slide-content {
        padding-top: 1rem;
    }
}

@media (max-width: 480px) {
    .article-content img {
        max-height: 300px;
    }

    .article-featured-image img {
        max-height: 400px;
    }
    .article-slide-content {
        padding-top: 1rem;
    }
}
