/* ============================================
   OldNejc Game Portal - Channel/Category Pages
   Vibrant Blue + Coral Theme
   ============================================ */

/* Channel banner */
.oldn-channel-banner {
    display: flex; align-items: center; gap: 20px;
    padding: 28px 32px; background: linear-gradient(135deg, var(--oldn-primary) 0%, var(--oldn-primary-light) 100%);
    border-radius: var(--oldn-radius-lg); margin-bottom: 24px;
    color: #fff; box-shadow: var(--oldn-shadow-md);
    position: relative; overflow: hidden;
}
.oldn-channel-banner::before {
    content: ""; position: absolute; top: -40%; right: -10%;
    width: 240px; height: 240px; border-radius: 50%;
    background: rgba(255,255,255,0.07);
}
.oldn-channel-banner::after {
    content: ""; position: absolute; bottom: -30%; left: 20%;
    width: 160px; height: 160px; border-radius: 50%;
    background: rgba(255,255,255,0.04);
}
.oldn-channel-icon-lg { width: 50px; height: 50px; flex-shrink: 0; position: relative; z-index: 1; }
.oldn-channel-info { display: flex; flex-direction: column; gap: 4px; position: relative; z-index: 1; }
.oldn-channel-name { color: #fff; font-size: 1.45rem; font-weight: 800; line-height: 1.2; }
.oldn-channel-desc { color: rgba(255,255,255,0.85); font-size: 0.9rem; }

/* Game count */
.oldn-game-count {
    color: var(--oldn-text-secondary); font-size: 0.88rem;
    margin-bottom: 20px; padding: 8px 0; font-weight: 600;
}
.oldn-game-count strong { color: var(--oldn-primary); font-weight: 800; }

/* Channel intro block */
.oldn-channel-intro {
    background: var(--oldn-card); border-radius: var(--oldn-radius-lg);
    padding: 24px 28px; margin-bottom: 28px; box-shadow: var(--oldn-shadow);
    border-left: 4px solid var(--oldn-primary);
}
.oldn-channel-intro p {
    color: var(--oldn-text-secondary); font-size: 0.92rem; line-height: 1.8;
}
.oldn-channel-count {
    display: inline-flex; align-items: center; gap: 6px;
    background: var(--oldn-yellow-bg); color: #B7791F;
    padding: 5px 14px; border-radius: 8px; font-size: 0.82rem;
    font-weight: 600; margin-top: 10px;
    border: 1.5px solid rgba(255,212,59,0.15);
}

/* Category description section below grid */
.oldn-channel-about {
    margin-top: 36px; padding-top: 32px;
    border-top: 2px solid #EDF2F7;
}
.oldn-channel-about h2 {
    font-size: 1.25rem; font-weight: 700; color: var(--oldn-text);
    margin-bottom: 16px; padding-bottom: 10px;
    border-bottom: 3px solid var(--oldn-primary); display: inline-block;
}
.oldn-channel-about p {
    color: var(--oldn-text-secondary); font-size: 0.92rem; line-height: 1.85;
    margin-bottom: 14px;
}
.oldn-channel-about ul {
    color: var(--oldn-text-secondary); font-size: 0.92rem; line-height: 1.85;
    padding-left: 20px; margin-bottom: 14px;
}
.oldn-channel-about li { margin-bottom: 6px; }

/* Responsive */
@media (max-width: 640px) {
    .oldn-channel-banner { padding: 20px 22px; gap: 14px; }
    .oldn-channel-icon-lg { width: 40px; height: 40px; }
    .oldn-channel-name { font-size: 1.2rem; }
    .oldn-channel-about { margin-top: 24px; padding-top: 20px; }
    .oldn-channel-about h2 { font-size: 1.1rem; }
}