/* أنماط المقالات المخصصة */

/* مقال بيس 21 */
.article-sports img {
    object-fit: contain;
    padding: 2rem;
    background: linear-gradient(135deg, #00b894 0%, #00cec9 100%);
    box-shadow: 0 8px 25px rgba(0, 184, 148, 0.4);
}

.article-sports h3 {
    color: #00b894;
}

.article-sports .btn.details {
    background: linear-gradient(135deg, #00b894, #00cec9);
}

/* مقال الألعاب المجانية */
.article-colorful .article-badge {
    background: linear-gradient(135deg, #a29bfe, #6c5ce7);
}

.article-colorful img {
    object-fit: contain;
    padding: 2rem;
    background: linear-gradient(135deg, #a29bfe 0%, #6c5ce7 100%);
    box-shadow: 0 8px 25px rgba(108, 92, 231, 0.4);
}

.article-colorful h3 {
    color: #6c5ce7;
}

.article-colorful .btn.details {
    background: linear-gradient(135deg, #a29bfe, #6c5ce7);
}

/* مقال المبتدئين */
.article-beginner .article-badge {
    background: linear-gradient(135deg, #74b9ff, #0984e3);
}

.article-beginner img {
    object-fit: contain;
    padding: 2rem;
    background: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%);
    box-shadow: 0 8px 25px rgba(9, 132, 227, 0.4);
}

.article-beginner h3 {
    color: #0984e3;
}

.article-beginner .btn.details {
    background: linear-gradient(135deg, #74b9ff, #0984e3);
}

/* خلفيات وتمييز على مستوى البطاقة لكل نوع مقال ترند */
.article-sports {
    border-right: 4px solid #00b894;
    background: linear-gradient(135deg, rgba(0, 184, 148, 0.06), rgba(0, 206, 201, 0.14));
}

.article-colorful {
    border-right: 4px solid #6c5ce7;
    background: linear-gradient(135deg, rgba(162, 155, 254, 0.06), rgba(108, 92, 231, 0.14));
}

.article-beginner {
    border-right: 4px solid #0984e3;
    background: linear-gradient(135deg, rgba(116, 185, 255, 0.06), rgba(9, 132, 227, 0.14));
}

/* مقال السباق */
.article-racing .article-badge {
    background: linear-gradient(135deg, #ff7675, #d63031);
}

.article-racing img {
    object-fit: contain;
    padding: 2rem;
    background: linear-gradient(135deg, #ff7675 0%, #d63031 100%);
    box-shadow: 0 8px 25px rgba(214, 48, 49, 0.4);
    transform: skewY(-1deg);
}

.article-racing h3 {
    color: #d63031;
}

.article-racing .btn.details {
    background: linear-gradient(135deg, #ff7675, #d63031);
}

.article-racing {
    border-right: 4px solid #d63031;
    background: radial-gradient(circle at top left, rgba(255, 118, 117, 0.18), rgba(13, 13, 13, 0.95));
}

/* أنماط عامة للبطاقات الخاصة */
.special-card-1 img {
    object-fit: contain;
    padding: 2rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.special-card-1 .btn.details {
    background: linear-gradient(135deg, #667eea, #764ba2);
}

.special-card-2 img {
    object-fit: contain;
    padding: 2rem;
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.special-card-2 .btn.details {
    background: linear-gradient(135deg, #f093fb, #f5576c);
}