/* ============================================================
   FOOTBALL BLOCK - ULTIMATE ALIGNMENT & RESPONSIVE FIX
   ============================================================ */

.npl-football-block {
    margin: 30px auto;
    max-width: 1200px;
    padding: 0 15px;
    font-family: 'Segoe UI', Roboto, sans-serif;
    box-sizing: border-box;
}

/* 1. Header with Line */
.npl-block-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    border-bottom: 5px solid #dd0000; /* Light base line */
}

.npl-block-title {
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 10px;
    color: #111;
    border-bottom: 10px solid #0010a0; /* Darker line under text only */
    position: relative;
    top: 2px;
}

.npl-header-line {
    flex-grow: 1;
}

/* 2. Main Layout - Grid for perfect alignment */
.npl-football-layout {
    display: grid;
    grid-template-columns: 1.6fr 1fr; /* Exact ratio for Left/Right */
    gap: 20px; /* More breathing space between columns */
    align-items: start;
}

/* 3. LEFT SIDE (MAIN POST) */
.npl-football-left {
    width: 100%;
}

.npl-main-img img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 15px;
    border-radius: 2px;
}

.npl-cat-tag {
    display: block;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 8px;
}

.npl-main-heading {
    font-size: 30px;
    line-height: 1.2;
    margin: 0 0 12px 0;
    font-weight: 800;
    color: #000;
}

.npl-main-heading a { color: inherit; text-decoration: none; }
.npl-main-heading a:hover { color: #8fa2ad; }

.npl-main-meta {
    font-size: 12px;
    font-weight: 600;
    color: #999;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.npl-main-excerpt {
    font-size: 15px;
    color: #555;
    line-height: 1.7;
}

/* 4. RIGHT SIDE (LIST POSTS) */
.npl-football-right {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.npl-side-item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.npl-side-img {
    flex: 0 0 125px; /* Fixed width for thumbnails */
}

.npl-side-img img {
    width: 125px;
    height: 85px;
    object-fit: cover;
    display: block;
    border-radius: 2px;
}

.npl-side-content {
    flex: 1;
}

.npl-side-title {
    font-size: 15px; /* Balanced font size */
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 6px 0;
    color: #111;
}

.npl-side-title a { color: inherit; text-decoration: none; }
.npl-side-title a:hover { color: #8fa2ad; }

.npl-side-date {
    display: block;
    font-size: 11px;
    color: #aaa;
    text-transform: uppercase;
    font-weight: 600;
}

/* ============================================================
   7 DEVICES BREAKPOINTS
   ============================================================ */

/* [DEVICE 1] 4K Ultra HD (2000px+) */
@media (min-width: 2000px) {
    .npl-football-block { max-width: 1600px; }
    .npl-main-heading { font-size: 36px; }
}

/* [DEVICE 2] Standard Desktop (1200px - 1999px) - Default styles applied above */

/* [DEVICE 3] Laptop / Tablet Landscape (1024px - 1199px) */
@media (max-width: 1199px) {
    .npl-football-layout { gap: 20px; }
    .npl-main-heading { font-size: 24px; }
    .npl-side-img { flex: 0 0 110px; }
    .npl-side-img img { width: 110px; height: 75px; }
}

/* [DEVICE 4] Tablet Portrait (768px - 1023px) */
@media (max-width: 1023px) {
    .npl-football-layout { gap: 15px; }
    .npl-football-left { flex: 0 0 55%; }
    .npl-football-right { flex: 0 0 45%; }
    .npl-main-heading { font-size: 20px; }
    .npl-side-title { font-size: 14px; }
}

/* [DEVICE 5] Mobile Large / Phablet (481px - 767px) */
@media (max-width: 767px) {
    .npl-football-layout { flex-direction: column; }
    .npl-football-left, .npl-football-right { flex: 100%; width: 100%; }
    .npl-side-img { flex: 0 0 120px; }
    .npl-side-img img { width: 120px; height: 80px; }
    .npl-main-heading { font-size: 24px; }
}

/* [DEVICE 6] Mobile Medium (376px - 480px) */
@media (max-width: 480px) {
    .npl-football-block { padding: 10px; }
    .npl-main-heading { font-size: 20px; }
    .npl-side-img { flex: 0 0 100px; }
    .npl-side-img img { width: 100px; height: 70px; }
    .npl-side-title { font-size: 14px; }
    .npl-main-excerpt { font-size: 14px; }
}

/* [DEVICE 7] Mobile Small (Up to 375px) */
@media (max-width: 375px) {
    .npl-block-title { font-size: 16px; }
    .npl-main-heading { font-size: 18px; }
    .npl-main-excerpt { display: none; } /* Space bachuna hide gariyeko */
    .npl-side-item { gap: 10px; }
    .npl-side-img { flex: 0 0 80px; }
    .npl-side-img img { width: 80px; height: 60px; }
    .npl-side-title { font-size: 13px; }
}