/* ================================
   TRAINING PAGE HEADER OFFSET
================================ */
.session-desktop-spacer {
    height: 130px;
}

@media (max-width: 768px) {
    .session-desktop-spacer {
        height: 150px;
    }
}

/* ================================
   MATCH SESSIONS PAGE BACKGROUND
================================ */
@media (min-width: 769px) {
    body {
        background: #787878 !important;
        color: #fff !important;
    }

    .page-wrapper {
        background: transparent !important;
    }
}
/* ================================
   TRAINING HERO / INTRO SPACING
================================ */
.sessions-intro {
    margin-top: 20px;
    padding-top: 20px;
}

/* ==============================
   STANDARD PAGE WRAPPER
============================== */
.page-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 20px 40px;
    color: #fff;
}

/* ==============================
   INTRO BLOCK (Sessions / Courses)
============================== */
.sessions-intro {
    margin-bottom: 35px;
    text-align: center;
    color: #fff;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    background: #1e1e1e;
    padding: 30px 20px;
    border-radius: 12px;
}

.sessions-title-local {
    font-size: 42px;
    margin-bottom: 14px;
    font-weight: 900;
    background: linear-gradient(90deg, #e8c785, #d4a44a, #e8c785);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ==============================
   CARD GRID (Sessions / Courses)
============================== */
.sessions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
}

.session-card {
    background: linear-gradient(145deg, #2e2e2e, #1f1f1f);
    padding: 22px;
    border-radius: 14px;
    color: #fff;
    border: 1px solid #3b3b3b;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.session-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.45);
    border-color: #d4a44a;
}

.date-line {
    color: #d4a44a;
    font-weight: 700;
    margin-bottom: 14px;
}