/*
 * pageview.css
 * Corrections responsive pour les pages sans sidebar active.
 * S'applique uniquement quand pageview.js est chargé (classes pvmobile / pvtablet).
 * Utilise !important pour surcharger les largeurs pixel injectées par InitSize_v3().
 */

/* ------------------------------------------------------------------ */
/* MOBILE (< 600px)                                                     */
/* ------------------------------------------------------------------ */

/* Masquer la sidebar : elle n'a plus de contenu sur mobile */
body.pvmobile #right_menu
{
    display: none !important;
}

/* Zone de contenu : prend toute la largeur disponible (100% - marges) */
body.pvmobile #theview
{
    width: calc(100% - 20px) !important;
    display: block !important;
}

/* databox : display:table s'étend à la largeur du contenu même avec width:100%.
   On passe en block + scroll horizontal pour rester dans la zone visible. */
body.pvmobile .databox,
body.pvmobile .databoxempty
{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    overflow-x: auto;
}

/* Masquer le système d'exploitation sur mobile */
body.pvmobile .content ul li.lvos
{
    display: none;
}

/* Boutons prev/next visiteurs : repositionnés en bas-centre (le calcul JS
   se base sur #visitors.width qui peut dépasser le viewport sur mobile) */
body.pvmobile #m2next,
body.pvmobile #m2prev
{
    position: fixed !important;
    bottom: 20px !important;
    top: auto !important;
    right: auto !important;
}

body.pvmobile #m2prev
{
    left: calc(50% - 65px) !important;
}

body.pvmobile #m2next
{
    left: calc(50% + 5px) !important;
}

/* ------------------------------------------------------------------ */
/* TABLETTE (600px - 1000px)                                           */
/* ------------------------------------------------------------------ */

/* databox : même correction qu'en mobile — min-width:800px + display:table
   déborde de #theview (ex: theview=670px, databox=900px).
   On passe en block contraint à 100% de #theview avec scroll horizontal. */
body.pvtablet .databox,
body.pvtablet .databoxempty
{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    overflow-x: auto;
}