/* css/double-page.css — LOT 25 : double page (js/double-page.js)
 *
 * body.mode-double : paysage, largeur ≥ 1100 px, préférence active, pas de mémorisation en cours.
 * #doublePage (créé par js/double-page.js) contient #tableContainer (page principale, impaire, à DROITE)
 * puis #tableContainerBis (page compagnon, paire, à GAUCHE) : row-reverse = ordre de lecture RTL.
 * Les deux pages se touchent au centre (reliure) ; les tranches des pages empilées (::after de
 * .table-pair / .table-impair, css/page.css) restent sur les bords extérieurs, l'ombre (::before) au pli.
 * body.dp-seule : page 2 (Fatiha), sans page de droite → présentation de la page simple.
 */
#doublePage {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    gap: 0;
}
#tableContainerBis.dp-vide { display: none; }
/* .center (BeerCSS : inset-inline-start 50 % + translateX(-50 %)) : dans #doublePage, c'est le flex qui centre */
#doublePage > #tableContainer,
#doublePage > #tableContainerBis { inset-inline-start: auto; transform: none; }

body.mode-double:not(.dp-seule) #doublePage > #tableContainer,
body.mode-double:not(.dp-seule) #doublePage > #tableContainerBis {
    flex: 0 0 auto;
    box-sizing: border-box;
    width: calc(var(--lPage) + 19px);
    max-width: none;
    margin: 0 !important;
}
/* Page de droite : marge extérieure à droite, collée au pli à gauche */
body.mode-double:not(.dp-seule) #doublePage > #tableContainer { padding-right: 19px; padding-left: 0; }
/* Page de gauche : marge extérieure à gauche, collée au pli à droite */
body.mode-double:not(.dp-seule) #doublePage > #tableContainerBis { padding-left: 19px; padding-right: 0; }

/* Ombre du pli un peu plus marquée qu'en page simple (deux pages se rejoignent) */
body.mode-double:not(.dp-seule) #doublePage > .table-impair::before {
    box-shadow: 6px 0 14px 3px rgba(0, 0, 0, 0.28), 0 0 1px 1px rgba(0, 0, 0, 0.6);
}
body.mode-double:not(.dp-seule) #doublePage > .table-pair::before {
    box-shadow: -6px 0 14px 3px rgba(0, 0, 0, 0.28), 0 0 1px 1px rgba(0, 0, 0, 0.6);
}
/* En-têtes et pieds de page : un peu d'air au pli */
body.mode-double:not(.dp-seule) #tableContainer > .table-header,
body.mode-double:not(.dp-seule) #tableContainer > .table-footer { padding-left: 14px; box-sizing: border-box; }
body.mode-double:not(.dp-seule) #tableContainerBis > .table-header,
body.mode-double:not(.dp-seule) #tableContainerBis > .table-footer { padding-right: 14px; box-sizing: border-box; }