/* ================================================================
   ODS Sidebar Widen — 260px → 300px
   Niveau 2 FAANG biotech — respiration premium sur la sidebar
   Deploy: 22 avril 2026
   Rollback: sudo rm /var/www/omicsdatasolutions.com/wp-content/mu-plugins/ods-sidebar-widen.php

   Stratégie :
   - Override la variable --sidebar-w à 300px (priorité > ods-layout-readability-v2.css)
   - Toute la cascade suit automatiquement via style.css astra-child :
     * .ods-sidebar width
     * body.has-ods-sidebar margin-left
     * .site-header, header bars Elementor (2a89ce8, 6baf339, 2604811)
     * .site-footer, .ast-footer, .ods-footer-main
   - Alignement de l'état mobile hidden (translateX -300px, width 300px)
   - Breakpoint 1024px PRÉSERVÉ : la sidebar disparaît toujours en mobile
   ================================================================ */

/* ------- Override principal (desktop) ------- */
:root {
    --sidebar-w: 300px !important;
}

body {
    --sidebar-w: 300px !important;
}

/* ------- Alignement padding interne sidebar pour plus de respiration ------- */
/* La sidebar a 40px de plus : on donne 4px de plus de chaque côté au padding
   pour que les cards aient plus d'espace sans coller aux bords */
body aside.ods-sidebar {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* ------- État mobile (sidebar cachée hors-écran) ------- */
/* style.css ligne 541 hardcode -240px, on met à jour à -300px.
   Scope au media query 1024px pour matcher le theme. */
@media (max-width: 1024px) {
    body .ods-sidebar {
        transform: translateX(-300px) !important;
        width: 300px !important;
    }
    body .ods-sidebar.open {
        transform: translateX(0) !important;
    }
}

/* ------- Sécurité : forcer width desktop au cas où un cache CSS ancien
   aurait retenu 260px sur .ods-sidebar spécifiquement ------- */
@media (min-width: 1025px) {
    body aside.ods-sidebar {
        width: 300px !important;
    }
}