/* ====== Magazine Page – Michasbeh Blue Edition ====== */
.page-magazine .magazine-hero{
    padding:80px 0;
    background:#0a2a64;
    color:white;
    text-align:center;
}
.badge-gold{
    background:#00a4ff;
    padding:6px 15px;
    border-radius:20px;
    font-size:14px;
}
.magazine-hero h1{
    font-size:32px;
    margin:20px 0 10px;
}
.magazine-filters{
    padding:30px 0;
    background:#f0f4ff;
}
.filter-tabs{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    justify-content:center;
}
.filter-tab{
    padding:10px 22px;
    border-radius:30px;
    border:1px solid #0a2a64;
    background:white;
    cursor:pointer;
    transition:.3s;
}
.filter-tab.is-active,
.filter-tab:hover{
    background:#0a2a64;
    color:white;
}

.magazine-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
    gap:25px;
    padding:40px 0;
}

/* کارت‌ها */
.mag-card{
    background:white;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 4px 18px rgba(0,0,0,.1);
    transition:.3s;
}
.mag-card:hover{
    transform:translateY(-5px);
}

.mag-card-cover{
    height:180px;
    background-size:cover;
    background-position:center;
}

/* افکت شیمِر */
.shimmer{
    animation:shimmer 2s infinite linear;
    background:linear-gradient(
        to right,
        #d9e4ff 0%,
        #eef3ff 20%,
        #d9e4ff 40%,
        #d9e4ff 100%
    );
    background-size:800px 100%;
}
@keyframes shimmer{
    0%{background-position:-800px 0}
    100%{background-position:800px 0}
}

.mag-card-body{
    padding:20px;
    text-align:right;
}
.mag-tag{
    background:#00a4ff;
    color:white;
    padding:4px 12px;
    border-radius:8px;
    font-size:12px;
}
.mag-card-body h2{
    font-size:18px;
    margin:12px 0;
}
.mag-card-body p{
    font-size:14px;
    line-height:1.8;
}
.mag-link{
    color:#0a2a64;
    font-weight:600;
    text-decoration:none;
}
.mag-link:hover{
    color:#00a4ff;
}