/**
 * Beriox-HUB — Largeur de contenu unifiée (1300px max via --site-content-max).
 * Gouttières: --site-gutter (défini dans theme-variables), resserrées sous 640px.
 */

@media (max-width: 640px) {
    :root {
        --site-gutter: clamp(0.75rem, 2.5vw, 1.25rem);
    }
}

/* Utilitaires: barres fixes, rails (ex. progression de lecture) */
.site-content-inner {
    max-width: min(100%, var(--site-content-max, 1300px)) !important;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    box-sizing: border-box;
}

body .container {
    max-width: min(100%, var(--site-content-max)) !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--site-gutter) !important;
    padding-right: var(--site-gutter) !important;
    box-sizing: border-box;
}

/* Blog, marketing/why, etc. */
body .wrap {
    max-width: min(100%, var(--site-content-max)) !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
    box-sizing: border-box;
}

/* Outils & pages avec wrappers dédiés */
body .tool-page-wrap,
body .media-page,
body .cam-page-wrap,
body .ai-comparator-page,
body .ai-comparator-show {
    max-width: min(100%, var(--site-content-max)) !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
    box-sizing: border-box;
}

/* Hero accueil */
body .hero-content-wrapper {
    max-width: min(100%, var(--site-content-max)) !important;
    box-sizing: border-box;
}

/* Infolettre */
body .newsletter-block {
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
    box-sizing: border-box;
}
body .newsletter-block-inner {
    max-width: min(100%, var(--site-content-max));
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    box-sizing: border-box;
}

/* Pieds de page */
body .footer-public .footer-inner,
body .footer-connected .footer-inner {
    max-width: min(100%, var(--site-content-max)) !important;
    padding-left: max(1.5rem, var(--site-gutter)) !important;
    padding-right: max(1.5rem, var(--site-gutter)) !important;
    box-sizing: border-box;
}

/* Header menu unifié */
body .mc-top-strip-inner {
    max-width: min(100%, var(--site-content-max)) !important;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--site-gutter) !important;
    padding-right: var(--site-gutter) !important;
    box-sizing: border-box;
}

body .mc-nav {
    max-width: min(100%, var(--site-content-max)) !important;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 1.25rem var(--site-gutter) !important;
    box-sizing: border-box;
}

body .mc-banner-live {
    display: flex;
    justify-content: center;
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
    box-sizing: border-box;
}
body .mc-banner-live-link {
    max-width: min(100%, var(--site-content-max));
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
}

/* Mega-menus */
body .mc-dropdown-mega-inner,
body .mc-user-mega-inner,
body .mc-user-menu:has(.mc-user-menu-col-admin) .mc-user-mega-inner {
    max-width: min(100%, var(--site-content-max)) !important;
}

/* Tableau de bord moderne */
body.dashboard-modern .dashboard-modern-container {
    max-width: min(100%, var(--site-content-max)) !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--site-gutter) !important;
    padding-right: var(--site-gutter) !important;
    box-sizing: border-box;
}

/* Monitoring, aide embarquée, Places */
body .monitoring-page.theme-root {
    max-width: min(100%, var(--site-content-max)) !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
    box-sizing: border-box;
}

body .help-dashboard-embed .help-container {
    max-width: min(100%, var(--site-content-max)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--site-gutter) !important;
    padding-right: var(--site-gutter) !important;
    box-sizing: border-box;
}

body .places-dashboard-embed .container {
    max-width: min(100%, var(--site-content-max)) !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--site-gutter) !important;
    padding-right: var(--site-gutter) !important;
    box-sizing: border-box;
}

/* Méga-barre admin (panneaux) */
body .admin-mega-panel-inner {
    max-width: min(100%, var(--site-content-max)) !important;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/* Onglets dashboard (fiche déco, contact) */
body .fiche-deco-tab-root {
    max-width: min(100%, var(--site-content-max)) !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
    box-sizing: border-box;
}

body .contact-tab-embed .contact-wrapper {
    max-width: min(100%, var(--site-content-max)) !important;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/* Aide utilisateur (page standalone) */
body .help-container {
    max-width: min(100%, var(--site-content-max)) !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
    box-sizing: border-box;
}

/* Rapports admin */
body .reports-container {
    max-width: min(100%, var(--site-content-max)) !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
    box-sizing: border-box;
}