/* ============================================================
   SKYDO GLOBAL — Harmonisation visuelle complète (juin 2026 v2)
   Objectif : TOUTES les pages alignées comme header/footer/checkout
   - Container 1400px partout
   - Padding horizontal 32px desktop / 16px mobile (= header)
   - Background uniforme #f9fafc
   ============================================================ */

:root {
    --skydo-bg-page: #f9fafc;
    --skydo-container-width: 1400px;
    --skydo-container-padding: 32px;
    --skydo-container-padding-mobile: 16px;
}

/* ============ 1) BACKGROUND UNIFORME ============ */
html,
body,
body.woocommerce-page,
body.woocommerce-checkout,
body.woocommerce-cart,
body.woocommerce-account,
body.page,
body.single,
body.archive,
body.search,
body.home,
body.error404 {
    background-color: var(--skydo-bg-page) !important;
}

.site,
.site-wrapper,
.site-content,
#content,
main.site-main,
.hello-elementor-page-content,
.wp-site-blocks,
article.post,
article.page {
    background-color: transparent !important;
}

/* ============ 2) CONTAINER WIDTH UNIFIÉ ============ */
/* Tous les containers communs : 1400px max + padding 32px */
main > .container,
main.site-main > .container,
main#main > .container,
.site-main > article,
.site-main > .entry,
.site-main > .page,
.hello-elementor-default .site-main,
.entry-content,

/* Tailwind utilisés par les pages légales Skydo */
main.max-w-7xl,
main.max-w-7xl.mx-auto,
.max-w-7xl.mx-auto,
.max-w-7xl,
.max-w-6xl.mx-auto,
.max-w-6xl,

/* Mes containers Skydo custom */
.skydo-megamenu-container,
.skydo-footer-container,
.skydo-checkout-container,
.skydo-account .skydo-container,
.skydo-product-page > .container,
.skydo-category-page > .container,
.skydo-legal-page > .container {
    max-width: var(--skydo-container-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--skydo-container-padding) !important;
    padding-right: var(--skydo-container-padding) !important;
    box-sizing: border-box;
}

/* Elementor — Sections boxed (v2) */
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: var(--skydo-container-width) !important;
    padding-left: var(--skydo-container-padding) !important;
    padding-right: var(--skydo-container-padding) !important;
}

/* Elementor — Containers v3 boxed */
.e-con-boxed > .e-con-inner,
.e-con.e-flex.e-con-boxed > .e-con-inner,
.elementor-section-boxed > .e-con-inner {
    max-width: var(--skydo-container-width) !important;
    padding-left: var(--skydo-container-padding) !important;
    padding-right: var(--skydo-container-padding) !important;
}

/* Pages Tailwind Skydo (cgv, mentions, confidentialité, cookies) — éviter double padding via grid */
main.max-w-7xl .grid {
    /* Le grid à l'intérieur garde ses propres règles, on touche pas */
}

/* ============ FIX : pas de scroll horizontal ============ */
body { overflow-x: hidden; }

/* ============ FIX : article WC catégorie (page boutique) ============ */
body.woocommerce-shop .site-main,
body.tax-product_cat .site-main {
    background-color: transparent !important;
}

/* ============ MOBILE — padding réduit ============ */
@media (max-width: 1023px) {
    main > .container,
    main.site-main > .container,
    main#main > .container,
    .site-main > article,
    .site-main > .entry,
    .site-main > .page,
    .hello-elementor-default .site-main,
    .entry-content,
    main.max-w-7xl,
    main.max-w-7xl.mx-auto,
    .max-w-7xl.mx-auto,
    .max-w-7xl,
    .max-w-6xl,
    .skydo-megamenu-container,
    .skydo-footer-container,
    .skydo-checkout-container,
    .skydo-account .skydo-container,
    .elementor-section.elementor-section-boxed > .elementor-container,
    .e-con-boxed > .e-con-inner {
        padding-left: var(--skydo-container-padding-mobile) !important;
        padding-right: var(--skydo-container-padding-mobile) !important;
    }
}

/* ============ Mentions légales / CGV — fix breadcrumb ============ */
.skydo-legal-breadcrumb,
nav.skydo-breadcrumb {
    max-width: var(--skydo-container-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--skydo-container-padding) !important;
    padding-right: var(--skydo-container-padding) !important;
    box-sizing: border-box;
}

@media (max-width: 1023px) {
    .skydo-legal-breadcrumb,
    nav.skydo-breadcrumb {
        padding-left: var(--skydo-container-padding-mobile) !important;
        padding-right: var(--skydo-container-padding-mobile) !important;
    }
}