/* Explain: Styling for magazine-specific components like article cards and video player buttons. */
/* وظيفتك — مجلة وظيفتك: بطاقات المقالات، بطاقات بيانات السوق، زر تشغيل الفيديو التوضيحي، وشريط التحديث */

.mag-card {
    transition: transform 300ms ease, border-color 300ms ease, box-shadow 300ms ease;
}

.mag-card:hover {
    border-color: rgba(88, 129, 87, 0.5);
    box-shadow: 0 26px 80px rgba(31, 46, 35, 0.11);
    transform: translateY(-6px);
}

.mag-market-card {
    transition: border-color 300ms ease, background 300ms ease, transform 300ms ease;
}

.mag-market-card:hover {
    border-color: rgba(88, 129, 87, 0.5);
    background: var(--surface-color);
    transform: translateY(-3px);
}

.mag-play {
    position: absolute;
    inset: 0;
    display: inline-flex;
    width: 3.5rem;
    height: 3.5rem;
    margin: auto;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    background: rgba(31, 46, 35, 0.62);
    color: #ffffff;
    font-size: 1.1rem;
    cursor: pointer;
    backdrop-filter: blur(6px);
    transition: transform 300ms ease, background 300ms ease;
}

.mag-play:hover {
    background: var(--primary-color);
    transform: scale(1.08);
}

.mag-play:focus-visible {
    outline: 2px solid var(--accent-color);
    outline-offset: 3px;
}

.mag-badge {
    position: absolute;
    inset-inline-start: 1rem;
    top: 1rem;
    border-radius: 999px;
    background: var(--glass-bg);
    padding: 0.25rem 0.75rem;
    color: var(--sage-dark);
    font-size: 0.72rem;
    font-weight: 700;
    backdrop-filter: blur(10px);
}

.mag-up {
    color: var(--up-color);
}

.mag-down {
    color: var(--down-color);
}

@media print {
    .mag-play,
    .mag-badge {
        display: none !important;
    }
}