/* ─── Page Sudoku du Jour ─────────────────────────────── */

.sudoku-jour-article {
    max-width: 760px;
    margin: 0 auto;
    padding: 20px 0 40px;
}

/* En-tête */
.sudoku-jour-header {
    text-align: center;
    margin-bottom: 30px;
}

.sudoku-jour-header .entry-title {
    font-size: 2rem;
    color: var(--primary-color);
    margin-bottom: 10px;
}

.sudoku-jour-subtitle {
    font-size: 1.5rem;
    color: #555;
    max-width: 600px;
    margin: 0 auto 20px;
    line-height: 1.6;
}

/* Image de la grille */
.sudoku-jour-grille {
    display: flex;
    justify-content: center;
    margin: 0 auto 24px;
}

.sudoku-jour-image {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    display: block;
}

/* Boutons */
.sudoku-jour-actions {
    margin: 20px 0 32px;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}

/* Section intro / règles */
.sudoku-jour-intro {
    padding: 28px 0 0;
    margin-top: 32px;
    border-top: 1px solid #e6e8eb;
}

.sudoku-jour-intro h2 {
    font-size: 1.35rem;
    color: #2f3a42;
    margin-top: 0;
    margin-bottom: 10px;
}

.sudoku-jour-intro p {
    margin: 0 0 12px;
    color: #444;
    line-height: 1.65;
    font-size: 1.5rem;
}

.sudoku-jour-intro p:last-child {
    margin-bottom: 0;
}

/* ─── Impression A4 portrait ──────────────────────────── */
@media print {
    /* Masquer tout sauf la grille */
    body > *:not(#page) { display: none !important; }
    header, footer, nav,
    .sudoku-jour-actions,
    .sudoku-jour-intro,
    .solveur-sudoku-section,
    .site-header, .site-footer,
    #top-bar, #site-navigation,
    .oceanwp-mobile-menu-icon,
    #footer-widgets, #footer-bottom,
    .widget-area, aside,
    .page-header { display: none !important; }

    #page, #content-wrap, .sudoku-jour-article { display: block !important; }

    @page {
        size: A4 portrait;
        margin: 12mm 10mm;
    }

    .sudoku-jour-header {
        text-align: center;
        margin-bottom: 6mm;
    }

    .sudoku-jour-header .entry-title {
        font-size: 16pt;
    }

    .sudoku-jour-subtitle {
        font-size: 10pt;
        color: #444;
    }

    .sudoku-jour-grille {
        display: flex;
        justify-content: center;
    }

    .sudoku-jour-image {
        max-width: 100%;
        width: auto;
        /* Ensure image fits on a single A4 page by limiting height */
        max-height: calc(297mm - 40mm);
        height: auto;
        box-shadow: none;
        border-radius: 0;
        display: block;
        margin: 0 auto;
    }
}