/* ===== Global ===== */
body {
    background: #0f172a; /* dark navy */
    font-family: 'Cairo', sans-serif;
    direction: rtl;
}

/* ===== Container ===== */
.container {
    max-width: 900px;
}

/* ===== Card Wrapper ===== */
.training-card {
    display: flex;
    justify-content: center;
}

    /* ===== Main Card ===== */
    .training-card .card {
        width: 100%;
        background: #ffffff;
        border-radius: 18px;
        padding: 25px 22px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        border: none;
    }

    /* ===== Title ===== */
    .training-card h1 {
        font-size: 26px;
        font-weight: 900;
        color: #C9A84C;
        margin:40px auto 10px auto;
        text-align: center;
    }

    /* ===== Last Updated ===== */
    .training-card p span#current-date {
        color: #555;
        font-weight: 600;
    }

    /* ===== Section Titles ===== */
    .training-card h2 {
        font-size: 18px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 8px;
        color: #1e293b;
        border-right: 4px solid #C9A84C;
        padding-right: 8px;
    }

    /* ===== Paragraph ===== */
    .training-card p {
        font-size: 14px;
        color: #444;
        line-height: 1.8;
        margin-bottom: 10px;
    }

    /* ===== Lists ===== */
    .training-card ul {
        padding-right: 18px;
        margin-bottom: 10px;
    }

        .training-card ul li {
            font-size: 14px;
            color: #444;
            margin-bottom: 6px;
            line-height: 1.7;
        }

/* ===== Whatsapp Link ===== */
.text-gold {
    color: #C9A84C;
    font-weight: 700;
}

    .text-gold:hover {
        text-decoration: underline;
    }

/* ===== Icons ===== */
.bi-whatsapp {
    font-size: 18px;
}

/* ===== Divider spacing ===== */
.training-card h2 + p,
.training-card h2 + ul {
    margin-top: 5px;
}

/* ===== Mobile Optimization ===== */
@media (max-width: 768px) {

    .training-card .card {
        padding: 18px 15px;
        border-radius: 14px;
    }

    .training-card h1 {
        font-size: 22px;
    }

    .training-card h2 {
        font-size: 16px;
    }

    .training-card p,
    .training-card ul li {
        font-size: 13px;
    }
}