/*
 * v261 — Compact Fajr archive video cards
 * Keeps every card field and action visible while fitting substantially more cards per row.
 */

/* Give the video grid a little more usable width without changing other page sections. */
.fajr260-videos-section{
    width:min(1380px,calc(100% - 32px));
    margin-top:58px;
    margin-bottom:72px;
}

/* The admin's cards-per-row value is still respected on wide screens. v261 sets existing pages to 5. */
.fajr260-grid{
    grid-template-columns:repeat(var(--fajr-video-columns,5),minmax(0,1fr));
    gap:14px;
    align-items:start;
}

.fajr260-card{
    border-radius:15px;
    box-shadow:0 12px 28px rgba(0,0,0,.14);
}

.fajr260-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 42px rgba(0,0,0,.23);
}

.fajr260-card-media{
    height:142px;
}

.fajr260-card-play{
    width:42px;
    height:42px;
    font-size:15px;
}

.fajr260-duration{
    right:8px;
    bottom:8px;
    padding:4px 7px;
    font-size:9px;
}

.fajr260-card-body{
    padding:12px;
}

.fajr260-card-body small{
    margin-bottom:4px;
    font-size:10px;
    line-height:1.55;
}

.fajr260-card-body h3{
    margin:0 0 6px;
    font-size:14px;
    line-height:1.55;
}

.fajr260-card-body p{
    margin:0 0 10px;
    min-height:0;
    font-size:11px;
    line-height:1.72;
}

.fajr260-card-button{
    min-height:34px;
    padding:8px 10px;
    border-radius:10px;
    font-size:11px;
}

.fajr260-unavailable{
    min-height:34px;
    align-items:center;
    padding:8px 9px;
    border-radius:10px;
    font-size:10px;
}

/* Laptop and tablet layouts remain compact and readable. */
@media(max-width:1200px){
    .fajr260-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
    .fajr260-card-media{height:150px;}
}

@media(max-width:900px){
    .fajr260-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;}
    .fajr260-card-media{height:145px;}
}

@media(max-width:650px){
    .fajr260-videos-section{width:calc(100% - 22px);margin-top:44px;margin-bottom:52px;}
    .fajr260-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
    .fajr260-card{border-radius:13px;}
    .fajr260-card-media{height:122px;}
    .fajr260-card-body{padding:10px;}
    .fajr260-card-body h3{font-size:13px;}
    .fajr260-card-body p{font-size:10.5px;line-height:1.65;margin-bottom:8px;}
    .fajr260-card-play{width:38px;height:38px;font-size:14px;}
    .fajr260-card-button{font-size:10.5px;min-height:32px;padding:7px 8px;}
}

@media(max-width:430px){
    .fajr260-grid{grid-template-columns:1fr;gap:13px;}
    .fajr260-card-media{height:190px;}
    .fajr260-card-body{padding:12px;}
    .fajr260-card-body h3{font-size:14px;}
    .fajr260-card-body p{font-size:11px;}
}