/* Variables CSS pour la palette de couleurs */
.mon-shortcode-wrapper {
    --bleu-roi: #1e3a8a;
    --bleu-accent: #3b82f6;
    --gris-fonce: #374151;
    --gris-moyen: #6b7280;
    --gris-clair: #f3f4f6;
    --blanc: #ffffff;
    --gris-bordure: #e5e7eb;
    --bleu-hover: #2563eb;
    --gris-hover: #f9fafb;
    --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

    /* Couleurs spécifiques par section */
    --rouge-resultats: #dc2626;
    --rouge-resultats-light: #fef2f2;
    --rouge-resultats-hover: #b91c1c;

    --bleu-demarches: #2563eb;
    --bleu-demarches-light: #eff6ff;
    --bleu-demarches-hover: #1d4ed8;

    --vert-implication: #059669;
    --vert-implication-light: #ecfdf5;
    --vert-implication-hover: #047857;

    --jaune-disruptif: #FFED00;
    --jaune-disruptif-light: #fffef0;
    --jaune-disruptif-hover: #e6d600;

    --gris-tout: #6b7280;
    --gris-tout-light: #f9fafb;
    --gris-tout-hover: #4b5563;

    --docs-header-height: 72px;
    --docs-layout-gap: 24px;
    --docs-sticky-top: 0px;

    font-family: 'Poppins', sans-serif;
    color: var(--gris-fonce);
    line-height: 1.6;
    background-color: transparent;
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: visible;
    padding: 0 !important;
    margin: 0 !important;
}

/* Reset et base — scopé au plugin uniquement */
.mon-shortcode-wrapper *,
.mon-shortcode-wrapper *::before,
.mon-shortcode-wrapper *::after {
    box-sizing: border-box;
}

.mon-shortcode-wrapper .docs-7030-plugin {
    margin: 0;
    padding: 0;
}

.mon-shortcode-wrapper .docs-7030-plugin h1,
.mon-shortcode-wrapper .docs-7030-plugin h2,
.mon-shortcode-wrapper .docs-7030-plugin h3,
.mon-shortcode-wrapper .docs-7030-plugin h4,
.mon-shortcode-wrapper .docs-7030-plugin h5,
.mon-shortcode-wrapper .docs-7030-plugin h6,
.mon-shortcode-wrapper .docs-7030-plugin p,
.mon-shortcode-wrapper .docs-7030-plugin ul,
.mon-shortcode-wrapper .docs-7030-plugin ol,
.mon-shortcode-wrapper .docs-7030-plugin li,
.mon-shortcode-wrapper .docs-7030-plugin figure,
.mon-shortcode-wrapper .docs-7030-plugin blockquote {
    margin: 0;
    padding: 0;
}

.mon-shortcode-wrapper.menu-open {
    overflow: hidden;
}

.mon-shortcode-wrapper .docs-7030-plugin {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    height: 100vh;
    min-height: 100vh;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    /* Allow vertical scrolling for sticky to work */
}

/* Les éléments principaux ont leur propre positionnement défini */

/* Header - Glassmorphisme - FIXE */
.mon-shortcode-wrapper .docs-7030-plugin .header {
    position: fixed;
    top: var(--docs-sticky-top, 0px);
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-bottom: 1px solid rgba(229, 231, 235, 0.4);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    height: 10vh;
    display: flex;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible;
    /* Important pour les sous-menus */
}

.mon-shortcode-wrapper .docs-7030-plugin .header-content {
    display: grid !important;
    grid-template-columns: 13% 73.33% 13% !important;
    align-items: center !important;
    padding: 0 !important;
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0;
    overflow: visible !important;
    /* Correction: ne pas cacher les débordements */
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav {
    display: none;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav ul {
    list-style: none;
    display: flex;
    gap: 32px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav>ul>li {
    position: relative;
}

/* Flèche pour les items avec sous-menu */
.mon-shortcode-wrapper .docs-7030-plugin .primary-nav>ul>li.has-children>a::after {
    content: none;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-chevron {
    display: inline-block;
    margin-left: 4px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #002B5B;
    border-bottom: 2px solid #002B5B;
    transform: rotate(45deg);
    vertical-align: middle;
    transition: transform 0.2s ease;
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav>ul>li.has-children:hover .nav-chevron {
    transform: rotate(0deg);
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav a {
    text-decoration: none;
    color: #002B5B;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s ease;
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav a:hover,
.mon-shortcode-wrapper .docs-7030-plugin .primary-nav a:focus {
    color: var(--bleu-accent);
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid var(--gris-bordure);
    border-radius: 7px;
    box-shadow: var(--shadow-lg);
    padding: 0;
    margin: 0;
    width: max-content;
    min-width: 150px;
    display: none;
    flex-direction: column;
    gap: 0;
    font-size: 13px;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav li:hover>.menu-children,
.mon-shortcode-wrapper .docs-7030-plugin .primary-nav li:focus-within>.menu-children,
.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children:hover {
    display: flex;
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0);
}

/* Zone invisible pour garder le menu ouvert pendant le déplacement de la souris */
.mon-shortcode-wrapper .docs-7030-plugin .primary-nav>ul>li.has-children::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 15px;
    background: transparent;
    z-index: 14;
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-radius: 7px;
    overflow: hidden;
    display: block;
    line-height: normal;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children li {
    width: 100%;
    margin: 0;
    padding: 0;
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children a {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    color: #122658;
    background: var(--blanc);
    transition: 0.4s;
    border: none;
    border-radius: 0;
    border-inline-start: 8px solid transparent;
    text-shadow: none;
    position: relative;
    text-transform: capitalize;
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children li:first-child a {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children li:last-child a {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children li:first-child:last-child a {
    border-radius: 7px;
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children a:hover,
.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children a:focus {
    background: var(--bleu-accent);
    color: #fff;
    border-radius: 0 !important;
    border-inline-start: 8px solid transparent;
    text-shadow: none;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children li:first-child:not(:last-child) a:hover,
.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children li:first-child:not(:last-child) a:focus,
.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children li:first-child:not(:last-child) a.active {
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children li:last-child:not(:first-child) a:hover,
.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children li:last-child:not(:first-child) a:focus,
.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children li:last-child:not(:first-child) a.active {
    border-bottom-left-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children li:first-child:last-child a:hover,
.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children li:first-child:last-child a:focus,
.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children li:first-child:last-child a.active {
    border-radius: 7px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .primary-nav .menu-children a.active {
    background: var(--bleu-accent);
    color: #fff;
    border-radius: 0;
    border-inline-start: 8px solid transparent;
    text-shadow: none;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
}

.mon-shortcode-wrapper .docs-7030-plugin .header-cta {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100%;
    height: 100%;
}

.mon-shortcode-wrapper .docs-7030-plugin .cta-text {
    display: none !important;
    font-size: 0.9rem !important;
    color: var(--gris-fonce) !important;
    font-weight: 400 !important;
}


.mon-shortcode-wrapper .docs-7030-plugin .cta-button {
    background: #0066CC !important;
    color: var(--blanc) !important;
    border: none !important;
    padding: 10px 24px !important;
    border-radius: 6px !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.9px !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.2) !important;
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .cta-button::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
    transition: left 0.5s !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .cta-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(30, 58, 138, 0.3) !important;
    background: linear-gradient(135deg, var(--bleu-accent) 0%, var(--bleu-hover) 100%) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .cta-button:hover::before {
    left: 100% !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .cta-button:active {
    transform: translateY(0) !important;
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.2) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .logo-link {
    display: inline-block !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .logo-link:hover {
    opacity: 0.8 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .logo img {
    height: 50px !important;
    width: auto !important;
    max-width: 150px !important;
    display: block !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100%;
    height: 100%;
}

/* Actions mobiles */
.mon-shortcode-wrapper .docs-7030-plugin .mobile-actions {
    display: none;
    align-items: center !important;
    gap: 12px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .mobile-action-btn {
    background: var(--bleu-roi) !important;
    border: none !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    cursor: pointer !important;
    padding: 0 !important;
    z-index: 10001 !important;
    color: white !important;
    transition: all 0.3s ease !important;
    box-shadow: var(--shadow) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .sidebar-toggle {
    display: none;
    background: var(--bleu-roi);
    border: none;
    border-radius: 20px;
    padding: 8px 16px;
    cursor: pointer;
    color: var(--blanc);
    transition: all 0.3s ease;
    box-shadow: var(--shadow);
    gap: 8px;
    align-items: center;
    justify-content: center;
    height: 40px;
    white-space: nowrap;
}

.mon-shortcode-wrapper .docs-7030-plugin .sidebar-toggle-text {
    font-size: 14px;
    font-weight: 600;
    color: white;
    letter-spacing: 0.5px;
}

.mon-shortcode-wrapper .docs-7030-plugin .sidebar-toggle svg {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.mon-shortcode-wrapper .docs-7030-plugin .sidebar-toggle.open svg {
    transform: rotate(180deg);
}

.mon-shortcode-wrapper .docs-7030-plugin .hamburger {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 22px;
    height: 18px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}

.mon-shortcode-wrapper .docs-7030-plugin .hamburger .hamburger-bars span {
    display: block;
    width: 100%;
    height: 3px;
    background: var(--bleu-roi);
    border-radius: 0;
}

.mon-shortcode-wrapper .docs-7030-plugin .hamburger .hamburger-close {
    display: none;
    width: 24px;
    height: 24px;
    stroke: var(--bleu-roi);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mon-shortcode-wrapper .docs-7030-plugin .hamburger[aria-expanded="true"] .hamburger-bars {
    display: none;
}

.mon-shortcode-wrapper .docs-7030-plugin .hamburger[aria-expanded="true"] .hamburger-close {
    display: block;
}

.mon-shortcode-wrapper .docs-7030-plugin .mobile-action-btn:hover {
    background: var(--bleu-hover) !important;
    transform: scale(1.05) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .mobile-action-btn svg {
    width: 20px !important;
    height: 20px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .sidebar-toggle {
    display: none;
    background: var(--bleu-roi) !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 8px 16px !important;
    cursor: pointer !important;
    z-index: 10001 !important;
    color: white !important;
    transition: all 0.3s ease !important;
    box-shadow: var(--shadow) !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    white-space: nowrap !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .sidebar-toggle:hover {
    background: var(--bleu-hover) !important;
    transform: scale(1.05) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .sidebar-toggle-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: white !important;
    letter-spacing: 0.5px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .sidebar-toggle svg {
    width: 20px !important;
    height: 20px !important;
    transition: transform 0.3s ease !important;
    flex-shrink: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .sidebar-toggle.open svg {
    transform: rotate(180deg) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .hamburger {
    display: none;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 22px !important;
    height: 18px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    z-index: 10001 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .hamburger {
    position: relative !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .hamburger .hamburger-bars {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 100% !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .hamburger .hamburger-bars span {
    display: block !important;
    width: 100% !important;
    height: 3px !important;
    background: var(--bleu-roi) !important;
    border-radius: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .hamburger .hamburger-close {
    display: none !important;
    width: 24px !important;
    height: 24px !important;
    stroke: var(--bleu-roi) !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .hamburger[aria-expanded="true"] .hamburger-bars {
    display: none !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .hamburger[aria-expanded="true"] .hamburger-close {
    display: block !important;
}

/* Menu overlay */
.mon-shortcode-wrapper .docs-7030-plugin .menu-overlay {
    position: fixed !important;
    top: calc(10vh + var(--docs-sticky-top, 0px)) !important;
    right: 0 !important;
    left: 0 !important;
    bottom: auto !important;
    background: transparent !important;
    z-index: 1100 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-10px) !important;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease !important;
    display: block !important;
    margin-top: 0 !important;
    width: 100vw !important;
    pointer-events: none !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-overlay.active {
    pointer-events: auto !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-overlay.active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-content {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    max-height: fit-content !important;
    background: var(--blanc) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
    transform: none !important;
    transition: none !important;
    z-index: 1150 !important;
    overflow-y: visible !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border-radius: 7px !important;
    border: 1px solid rgba(229, 231, 235, 0.4) !important;
    border-top: none !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-close-btn {
    display: none !important;
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 8px !important;
    z-index: 1200 !important;
    width: 24px !important;
    height: 24px !important;
    align-items: center !important;
    justify-content: center !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-close-btn svg {
    width: 20px !important;
    height: 20px !important;
    stroke: #122658 !important;
    stroke-width: 2 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-overlay.active .menu-content {
    transform: none !important;
}


.mon-shortcode-wrapper .docs-7030-plugin .menu-nav {
    padding: 0 !important;
    margin-left: 5px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-nav ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-nav li {
    margin-bottom: 0 !important;
    position: relative !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-nav li:first-child>a {
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-nav li:last-child>a {
    border-bottom-left-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-nav li:last-child>a.menu-cta {
    border-bottom-left-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-nav a {
    display: block !important;
    padding: 10px 12px !important;
    color: #122658 !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
    position: relative !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    text-transform: none !important;
    margin: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-nav a.menu-cta {
    color: #122658 !important;
    background: transparent !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-nav a:hover,
.mon-shortcode-wrapper .docs-7030-plugin .menu-nav a:active,
.mon-shortcode-wrapper .docs-7030-plugin .menu-nav a.active {
    background-color: #387EF7 !important;
    color: #ffffff !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-nav .menu-parent {
    position: relative !important;
    padding-right: 12px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    text-transform: none !important;
    color: #122658 !important;
    border-radius: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-nav .menu-parent::after {
    content: none !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-nav .nav-chevron {
    display: inline-block !important;
    margin-left: 4px !important;
    width: 6px !important;
    height: 6px !important;
    border-right: 2px solid #122658 !important;
    border-bottom: 2px solid #122658 !important;
    transform: rotate(45deg) !important;
    vertical-align: middle !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-nav li.open>.menu-parent .nav-chevron {
    transform: rotate(0deg) !important;
    border-right-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-nav li.open>.menu-parent {
    background-color: #387EF7 !important;
    color: #ffffff !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-nav .menu-children {
    display: none !important;
    position: static !important;
    background: rgba(0, 0, 0, 0.02) !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.3s ease, padding 0.3s ease !important;
    border-radius: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-nav li.open>.menu-children {
    display: block !important;
    max-height: 500px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-nav .menu-children a {
    padding: 8px 12px 8px 24px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    text-transform: capitalize !important;
    color: #122658 !important;
    border-radius: 0 !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
    margin: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-nav .menu-children a:hover,
.mon-shortcode-wrapper .docs-7030-plugin .menu-nav .menu-children a:active,
.mon-shortcode-wrapper .docs-7030-plugin .menu-nav .menu-children a.active {
    background-color: #387EF7 !important;
    color: #ffffff !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-cta,
.mon-shortcode-wrapper .docs-7030-plugin .menu-nav a.menu-cta {
    background: transparent !important;
    color: #122658 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    text-transform: none !important;
    text-align: left !important;
    margin-top: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .menu-cta:hover,
.mon-shortcode-wrapper .docs-7030-plugin .menu-nav a.menu-cta:hover {
    background-color: #387EF7 !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Container principal */
.mon-shortcode-wrapper .docs-7030-plugin .container {
    display: flex;
    gap: 0;
    position: fixed;
    top: calc(10vh + var(--docs-sticky-top, 0px));
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(100vh - 10vh - var(--docs-sticky-top, 0px));
    max-height: calc(100vh - 10vh - var(--docs-sticky-top, 0px));
    overflow: hidden;
    align-items: stretch;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 100;
}

/* Sidebar - FIXE */
.mon-shortcode-wrapper .docs-7030-plugin .sidebar {
    width: 320px;
    min-width: 320px;
    background: rgba(243, 244, 246, 0.95);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-right: 1px solid rgba(229, 231, 235, 0.4);
    padding: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    transition: box-shadow 0.3s ease;
    box-shadow: 8px 0 32px rgba(0, 0, 0, 0.1);
    z-index: 10;
    flex-shrink: 0;
}

/* Fallback pour les navigateurs qui ne supportent pas backdrop-filter */
@supports not (backdrop-filter: blur(15px)) {
    .mon-shortcode-wrapper .docs-7030-plugin .sidebar {
        background: rgba(243, 244, 246, 0.95);
        box-shadow: 8px 0 32px rgba(0, 0, 0, 0.15);
    }
}

/* Navigation par icônes */
.mon-shortcode-wrapper .docs-7030-plugin .nav-icons {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 30px !important;
    padding: 0 10px !important;
    gap: 4px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    border: 2px solid var(--gris-moyen) !important;
    background: var(--blanc) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    flex-shrink: 0 !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon svg {
    width: 22px !important;
    height: 22px !important;
    color: var(--gris-moyen) !important;
    transition: all 0.3s ease !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon .icon-emoji {
    font-size: 22px !important;
    line-height: 1 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon:hover {
    transform: translateY(-2px) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon:hover svg {
    transform: scale(1.05) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon.active {
    transform: translateY(-1px) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon.active svg {
    color: var(--blanc) !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1)) !important;
}

/* Couleurs spécifiques par section */
.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="tout"] {
    border-color: var(--gris-tout) !important;
    background: linear-gradient(135deg, var(--gris-tout) 0%, var(--gris-tout-hover) 100%) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="tout"] svg {
    color: var(--blanc) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="tout"]:hover {
    border-color: var(--gris-tout) !important;
    box-shadow: 0 6px 20px rgba(107, 114, 128, 0.15) !important;
    background: linear-gradient(135deg, var(--gris-tout) 0%, var(--gris-tout-hover) 100%) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="tout"]:hover svg {
    color: var(--blanc) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="tout"].active {
    border-color: var(--gris-tout) !important;
    background: var(--blanc) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="tout"].active svg {
    color: var(--gris-tout-hover) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="resultats"] {
    border-color: var(--rouge-resultats) !important;
    background: linear-gradient(135deg, var(--rouge-resultats) 0%, var(--rouge-resultats-hover) 100%) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="resultats"] svg {
    color: var(--blanc) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="resultats"]:hover {
    border-color: var(--rouge-resultats) !important;
    box-shadow: 0 6px 20px rgba(220, 38, 38, 0.15) !important;
    background: linear-gradient(135deg, var(--rouge-resultats) 0%, var(--rouge-resultats-hover) 100%) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="resultats"]:hover svg {
    color: var(--blanc) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="resultats"].active {
    border-color: var(--rouge-resultats) !important;
    background: var(--blanc) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="resultats"].active svg {
    color: var(--rouge-resultats-hover) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="demarches"] {
    border-color: var(--bleu-demarches) !important;
    background: linear-gradient(135deg, var(--bleu-demarches) 0%, var(--bleu-demarches-hover) 100%) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="demarches"] svg {
    color: var(--blanc) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="demarches"]:hover {
    border-color: var(--bleu-demarches) !important;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.15) !important;
    background: linear-gradient(135deg, var(--bleu-demarches) 0%, var(--bleu-demarches-hover) 100%) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="demarches"]:hover svg {
    color: var(--blanc) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="demarches"].active {
    border-color: var(--bleu-demarches) !important;
    background: var(--blanc) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="demarches"].active svg {
    color: var(--bleu-demarches-hover) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="implication"] {
    border-color: var(--vert-implication) !important;
    background: linear-gradient(135deg, var(--vert-implication) 0%, var(--vert-implication-hover) 100%) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="implication"] svg {
    color: var(--blanc) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="implication"]:hover {
    border-color: var(--vert-implication) !important;
    box-shadow: 0 6px 20px rgba(5, 150, 105, 0.15) !important;
    background: linear-gradient(135deg, var(--vert-implication) 0%, var(--vert-implication-hover) 100%) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="implication"]:hover svg {
    color: var(--blanc) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="implication"].active {
    border-color: var(--vert-implication) !important;
    background: var(--blanc) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="implication"].active svg {
    color: var(--vert-implication-hover) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="disruptif"] {
    border-color: var(--jaune-disruptif) !important;
    background: linear-gradient(135deg, var(--jaune-disruptif) 0%, var(--jaune-disruptif-hover) 100%) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="disruptif"] svg {
    color: var(--blanc) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="disruptif"]:hover {
    border-color: var(--jaune-disruptif) !important;
    box-shadow: 0 6px 20px rgba(217, 119, 6, 0.15) !important;
    background: linear-gradient(135deg, var(--jaune-disruptif) 0%, var(--jaune-disruptif-hover) 100%) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="disruptif"]:hover svg {
    color: var(--blanc) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="disruptif"].active {
    border-color: var(--jaune-disruptif) !important;
    background: var(--blanc) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon[data-section="disruptif"].active svg {
    color: var(--jaune-disruptif-hover) !important;
}

/* Tooltips */
.mon-shortcode-wrapper .docs-7030-plugin .nav-icon::after {
    content: attr(title) !important;
    position: absolute !important;
    bottom: -35px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: var(--gris-fonce) !important;
    color: var(--blanc) !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    font-size: 0.875rem !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    z-index: 99999 !important;
    pointer-events: none !important;
    display: block !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon::before {
    content: '' !important;
    position: absolute !important;
    bottom: -8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border: 5px solid transparent !important;
    border-bottom-color: var(--gris-fonce) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    z-index: 99999 !important;
    pointer-events: none !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .nav-icon:hover::after,
.mon-shortcode-wrapper .docs-7030-plugin .nav-icon:hover::before {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Sections navigation */
.mon-shortcode-wrapper .docs-7030-plugin .sections-nav {
    margin-bottom: 30px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .sections-list {
    list-style: none !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .sections-list li {
    margin-bottom: 8px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .sections-list a {
    display: block !important;
    padding: 12px 16px !important;
    color: var(--gris-fonce) !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    font-weight: 400 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .sections-list a:hover {
    background-color: var(--gris-hover) !important;
    color: var(--bleu-accent) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .sections-list a.active {
    background: linear-gradient(135deg, var(--bleu-accent) 0%, var(--bleu-hover) 100%) !important;
    color: var(--blanc) !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
}

/* Effet visuel quand on survole un lien de la sidebar (optionnel) */
.mon-shortcode-wrapper .docs-7030-plugin .subsection-content.sidebar-hovered {
    box-shadow: 0 30px 80px rgba(59, 130, 246, 0.25) !important;
    border-color: rgba(59, 130, 246, 0.6) !important;
    transform: translateY(-2px) !important;
    transition: all 0.3s ease !important;
}

/* Sous-navigation */
.mon-shortcode-wrapper .docs-7030-plugin .sub-nav {
    margin-bottom: 30px !important;
    padding: 20px !important;
    background: var(--blanc) !important;
    border-radius: 12px !important;
    border: 1px solid var(--gris-bordure) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .sub-nav-header h3 {
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: var(--bleu-roi) !important;
    margin-bottom: 15px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .pill {
    padding: 8px 16px !important;
    background: var(--gris-clair) !important;
    border: 1px solid var(--gris-bordure) !important;
    border-radius: 20px !important;
    color: var(--gris-fonce) !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .pill:hover {
    background: var(--gris-hover) !important;
    border-color: var(--bleu-accent) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .pill.active {
    background: var(--bleu-roi) !important;
    color: var(--blanc) !important;
    border-color: var(--bleu-roi) !important;
}

/* Bouton Lexique */
.mon-shortcode-wrapper .docs-7030-plugin .lexique-container {
    margin-top: auto !important;
    margin-bottom: 30px !important;
    padding: 0 10px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .lexique-btn {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 14px 12px !important;
    background: var(--blanc) !important;
    border: 1px solid var(--gris-bordure) !important;
    border-radius: 8px !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    color: var(--gris-fonce) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    line-height: 1.2 !important;
    min-height: 48px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .lexique-btn:hover {
    background: var(--gris-clair) !important;
    border-color: var(--bleu-roi) !important;
    color: var(--bleu-roi) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .lexique-btn svg {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .lexique-btn span {
    flex: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

/* Canvas de fond pour les graphiques animés */
.mon-shortcode-wrapper .docs-7030-plugin #backgroundChart {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.mon-shortcode-wrapper .docs-7030-plugin #backgroundChart.active {
    opacity: 0.3;
}

/* Contenu principal - SEUL ÉLÉMENT SCROLLABLE */
.mon-shortcode-wrapper .docs-7030-plugin .main-content {
    flex: 1;
    margin-left: 0;
    padding: 20px;
    max-width: 100%;
    position: relative;
    z-index: 1;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 24px;
}

/* Pages avec sous-sections (niveau 2) - scroll snap désactivé */
.mon-shortcode-wrapper[data-has-subsection="true"] .main-content {
    scroll-behavior: smooth !important;
    padding: 0 !important;
}


/* Exception pour la page Lexique - pas de centrage vertical */
.mon-shortcode-wrapper[data-current-section="lexique"] .main-content {
    justify-content: flex-start !important;
    padding: 20px !important;
}

.mon-shortcode-wrapper[data-current-section="lexique"] .content-body {
    margin-top: 0 !important;
}

/* Exception pour les pages de niveau 2 (contenu complet) - pas de centrage vertical */
.mon-shortcode-wrapper[data-has-subsection="true"] .main-content {
    justify-content: flex-start !important;
}

/* Centrage vertical pour les pages de niveau 1 avec cartes */
.mon-shortcode-wrapper[data-current-section="resultats"]:not([data-has-subsection="true"]) .main-content,
.mon-shortcode-wrapper[data-current-section="demarches"]:not([data-has-subsection="true"]) .main-content,
.mon-shortcode-wrapper[data-current-section="implication"]:not([data-has-subsection="true"]) .main-content,
.mon-shortcode-wrapper[data-current-section="disruptif"]:not([data-has-subsection="true"]) .main-content {
    justify-content: center !important;
    align-items: center !important;
}

/* Background image pour la section Résultats (niveau 1 et 2) */
.mon-shortcode-wrapper[data-current-section="resultats"] .main-content {
    background-image: url('https://www.7030.altitude-studio.fr/wp-content/uploads/bg_resultat-scaled.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Overlay noir pour la section Résultats (niveau 1 et 2) - directement sur main-content */
.mon-shortcode-wrapper[data-current-section="resultats"] .main-content::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(10, 10, 10, 0.32);
    z-index: 0;
    pointer-events: none;
}

/* Background image pour la section Démarches (niveau 1 et 2) */
.mon-shortcode-wrapper[data-current-section="demarches"] .main-content {
    background-image: url('https://www.7030.altitude-studio.fr/wp-content/uploads/bg_demarche-scaled.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Overlay noir pour la section Démarches (niveau 1 et 2) - directement sur main-content */
.mon-shortcode-wrapper[data-current-section="demarches"] .main-content::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(2, 2, 2, 0.44);
    z-index: 0;
    pointer-events: none;
}

/* Background image pour la section Implication (niveau 1 et 2) */
.mon-shortcode-wrapper[data-current-section="implication"] .main-content {
    background-image: url('https://www.7030.altitude-studio.fr/wp-content/uploads/bg_implication-scaled.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Overlay pour la section Implication (niveau 1 et 2) - directement sur main-content */
.mon-shortcode-wrapper[data-current-section="implication"] .main-content::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(2, 2, 2, 0.4);
    z-index: 0;
    pointer-events: none;
}

/* Background image pour la section Disruptif (niveau 1 et 2) */
.mon-shortcode-wrapper[data-current-section="disruptif"] .main-content {
    background-image: url('https://www.7030.altitude-studio.fr/wp-content/uploads/bg_disruptif-scaled.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Overlay pour la section Disruptif (niveau 1 et 2) - directement sur main-content */
.mon-shortcode-wrapper[data-current-section="disruptif"] .main-content::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(2, 2, 2, 0.4);
    z-index: 0;
    pointer-events: none;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-header {
    margin-bottom: 10px !important;
    position: relative !important;
    z-index: 4 !important;
    width: 100% !important;
    text-align: center !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-header h1 {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    color: var(--bleu-roi) !important;
    margin-bottom: 16px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-header p {
    font-size: 1.125rem !important;
    color: var(--gris-moyen) !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Pills de titre pour les pages de premier niveau */
.mon-shortcode-wrapper .docs-7030-plugin .title-pill-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    gap: 16px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .title-pill-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .title-pill-icon svg {
    width: 24px !important;
    height: 24px !important;
    color: var(--blanc) !important;
    stroke: currentColor !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .title-pill {
    display: inline-flex !important;
    align-items: center !important;
    padding: 12px 32px !important;
    border-radius: 50px !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: var(--blanc) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .title-pill-text {
    white-space: nowrap !important;
    letter-spacing: 0.5px !important;
}

/* Couleurs spécifiques par section - Icône */
.mon-shortcode-wrapper .docs-7030-plugin .title-pill-icon-resultats {
    background: linear-gradient(135deg, var(--rouge-resultats) 0%, var(--rouge-resultats-hover) 100%) !important;
    opacity: 0.85 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .title-pill-icon-demarches {
    background: linear-gradient(135deg, var(--bleu-demarches) 0%, var(--bleu-demarches-hover) 100%) !important;
    opacity: 0.85 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .title-pill-icon-implication {
    background: linear-gradient(135deg, var(--vert-implication) 0%, var(--vert-implication-hover) 100%) !important;
    opacity: 0.85 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .title-pill-icon-disruptif {
    background: linear-gradient(135deg, var(--jaune-disruptif) 0%, var(--jaune-disruptif-hover) 100%) !important;
    opacity: 0.85 !important;
}

/* Couleurs spécifiques par section - Pill */
.mon-shortcode-wrapper .docs-7030-plugin .title-pill-resultats {
    background: linear-gradient(135deg, var(--rouge-resultats) 0%, var(--rouge-resultats-hover) 100%) !important;
    opacity: 0.85 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .title-pill-demarches {
    background: linear-gradient(135deg, var(--bleu-demarches) 0%, var(--bleu-demarches-hover) 100%) !important;
    opacity: 0.85 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .title-pill-implication {
    background: linear-gradient(135deg, var(--vert-implication) 0%, var(--vert-implication-hover) 100%) !important;
    opacity: 0.85 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .title-pill-disruptif {
    background: linear-gradient(135deg, var(--jaune-disruptif) 0%, var(--jaune-disruptif-hover) 100%) !important;
    opacity: 0.85 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-body {
    line-height: 1.7 !important;
    margin-top: -20px !important;
    position: relative !important;
    z-index: 4 !important;
    width: 100% !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-body h2 {
    font-size: 1.875rem !important;
    font-weight: 600 !important;
    color: var(--bleu-roi) !important;
    margin: 40px 0 20px 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-body h3 {
    font-size: 1.5rem !important;
    font-weight: 500 !important;
    color: var(--gris-fonce) !important;
    margin: 30px 0 15px 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-body h4 {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: var(--bleu-roi) !important;
    margin: 32px 0 20px 0 !important;
    line-height: 1.4 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-body h4 b {
    font-weight: 700 !important;
    color: var(--bleu-roi) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-body p {
    margin-bottom: 16px !important;
    color: var(--gris-fonce) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-body ul,
.mon-shortcode-wrapper .docs-7030-plugin .content-body ol {
    margin: 16px 0 16px 20px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-body li {
    margin-bottom: 8px !important;
    color: var(--gris-fonce) !important;
}

/* Encadrés */
.mon-shortcode-wrapper .docs-7030-plugin .highlight-box {
    background: var(--gris-clair) !important;
    border-left: 4px solid var(--bleu-accent) !important;
    padding: 20px !important;
    margin: 24px 0 !important;
    border-radius: 0 8px 8px 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .highlight-box h4 {
    font-weight: 600 !important;
    color: var(--bleu-roi) !important;
    margin-bottom: 12px !important;
}

/* Surlignage de recherche */
/* Styles pour la page Lexique */
.mon-shortcode-wrapper .docs-7030-plugin .lexique-content {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
    width: 100% !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .lexique-item {
    margin-bottom: 30px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid var(--gris-bordure) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .lexique-item:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .lexique-term,
.mon-shortcode-wrapper .docs-7030-plugin .content-body h3.lexique-term,
.mon-shortcode-wrapper .docs-7030-plugin .lexique-content h3.lexique-term {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: var(--bleu-roi) !important;
    margin-bottom: 8px !important;
    line-height: 1.4 !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    transition: color 0.2s ease, text-decoration-color 0.2s ease !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .lexique-term:hover,
.mon-shortcode-wrapper .docs-7030-plugin .content-body h3.lexique-term:hover,
.mon-shortcode-wrapper .docs-7030-plugin .lexique-content h3.lexique-term:hover {
    color: var(--bleu-accent) !important;
    text-decoration-color: var(--bleu-accent) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .lexique-definition {
    font-size: 1rem !important;
    color: var(--gris-fonce) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Support du contenu HTML riche dans les définitions */
.mon-shortcode-wrapper .docs-7030-plugin .lexique-definition p {
    margin: 0 0 0.5em 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .lexique-definition p:last-child {
    margin-bottom: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .lexique-definition ul,
.mon-shortcode-wrapper .docs-7030-plugin .lexique-definition ol {
    margin: 0.5em 0 !important;
    padding-left: 1.5em !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .lexique-definition a {
    color: var(--bleu-accent) !important;
    text-decoration: underline !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .lexique-definition a:hover {
    color: var(--bleu-hover) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .lexique-definition strong {
    font-weight: 600 !important;
    color: var(--gris-fonce) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .lexique-definition em {
    font-style: italic !important;
}

/* Message quand le lexique est vide */
.mon-shortcode-wrapper .docs-7030-plugin .lexique-empty-message {
    text-align: center !important;
    color: var(--gris-moyen) !important;
    font-size: 1.1rem !important;
    padding: 60px 20px !important;
    font-style: italic !important;
}

/* Grille de solutions pour la section "Tout" */
.mon-shortcode-wrapper .docs-7030-plugin .solutions-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 24px !important;
    margin: 32px 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .solution-card {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(229, 231, 235, 0.3) !important;
    border-radius: 12px !important;
    padding: 24px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .solution-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12) !important;
    border-color: rgba(59, 130, 246, 0.5) !important;
    background: rgba(255, 255, 255, 0.85) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .solution-icon {
    font-size: 2.5rem !important;
    margin-bottom: 16px !important;
    display: block !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .solution-card h3 {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: var(--bleu-roi) !important;
    margin-bottom: 12px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .solution-card p {
    color: var(--gris-moyen) !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
}

/* Message pour sections vides */
.mon-shortcode-wrapper .docs-7030-plugin .no-sections {
    color: var(--gris-moyen) !important;
    font-style: italic !important;
    padding: 12px 16px !important;
    display: block !important;
}

/* Information de page dynamique */
.mon-shortcode-wrapper .docs-7030-plugin .page-info {
    margin-top: 40px !important;
    padding: 16px !important;
    background: var(--gris-clair) !important;
    border-radius: 8px !important;
    border-left: 4px solid var(--bleu-accent) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .page-info small {
    color: var(--gris-moyen) !important;
    font-size: 0.75rem !important;
    font-style: italic !important;
}

/* Section d'accueil */
.mon-shortcode-wrapper .docs-7030-plugin .welcome-section {
    margin-bottom: 20px !important;
    padding: 40px 16px !important;
    background-image: url('https://www.7030.altitude-studio.fr/wp-content/uploads/bg_disruptif-scaled.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 12px !important;
    border: 1px solid var(--gris-bordure) !important;
    position: relative !important;
    overflow: hidden !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .welcome-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(135deg, rgba(30, 58, 138, 0.85) 0%, rgba(30, 58, 138, 0.75) 100%) !important;
    z-index: 1 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .welcome-section>* {
    position: relative !important;
    z-index: 2 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .welcome-section h2 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: var(--blanc) !important;
    margin-bottom: 8px !important;
    text-align: center !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .welcome-section>p {
    font-size: 0.9rem !important;
    color: var(--blanc) !important;
    text-align: center !important;
    margin-bottom: 12px !important;
    line-height: 1.4 !important;
    opacity: 0.9 !important;
}

/* Catégories principales */
.mon-shortcode-wrapper .docs-7030-plugin .main-categories {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-item {
    display: flex !important;
    align-items: center !important;
    padding: 12px !important;
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 2px solid rgba(229, 231, 235, 0.3) !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

/* Fallback pour les navigateurs qui ne supportent pas backdrop-filter */
@supports not (backdrop-filter: blur(10px)) {
    .mon-shortcode-wrapper .docs-7030-plugin .category-item {
        background: rgba(255, 255, 255, 0.95) !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
    }
}

.mon-shortcode-wrapper .docs-7030-plugin .category-item::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, var(--bleu-roi) 0%, var(--bleu-accent) 100%) !important;
    transform: scaleX(0) !important;
    transition: transform 0.3s ease !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-item:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
    border-color: var(--bleu-roi) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-item:hover::before {
    transform: scaleX(1) !important;
}

/* Images de fond des cartes supprimées */

.mon-shortcode-wrapper .docs-7030-plugin .category-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: var(--gris-clair) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-icon svg {
    width: 20px !important;
    height: 20px !important;
    color: var(--gris-moyen) !important;
    transition: all 0.3s ease !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-item:hover .category-icon svg {
    color: var(--bleu-roi) !important;
    transform: scale(1.1) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-info h3 {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: var(--gris-fonce) !important;
    margin-bottom: 2px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-info p {
    font-size: 0.8rem !important;
    color: var(--gris-moyen) !important;
    margin: 0 !important;
}

/* Couleurs spécifiques pour chaque catégorie */
.mon-shortcode-wrapper .docs-7030-plugin .category-resultats .category-icon {
    background: linear-gradient(135deg, var(--rouge-resultats) 0%, var(--rouge-resultats-hover) 100%) !important;
    border-color: var(--rouge-resultats) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-resultats .category-icon svg {
    color: var(--blanc) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-resultats:hover .category-icon {
    background: linear-gradient(135deg, var(--rouge-resultats-hover) 0%, var(--rouge-resultats) 100%) !important;
    transform: scale(1.05) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-resultats:hover .category-icon svg {
    color: var(--blanc) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-demarches .category-icon {
    background: linear-gradient(135deg, var(--bleu-demarches) 0%, var(--bleu-demarches-hover) 100%) !important;
    border-color: var(--bleu-demarches) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-demarches .category-icon svg {
    color: var(--blanc) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-demarches:hover .category-icon {
    background: linear-gradient(135deg, var(--bleu-demarches-hover) 0%, var(--bleu-demarches) 100%) !important;
    transform: scale(1.05) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-demarches:hover .category-icon svg {
    color: var(--blanc) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-implication .category-icon {
    background: linear-gradient(135deg, var(--vert-implication) 0%, var(--vert-implication-hover) 100%) !important;
    border-color: var(--vert-implication) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-implication .category-icon svg {
    color: var(--blanc) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-implication:hover .category-icon {
    background: linear-gradient(135deg, var(--vert-implication-hover) 0%, var(--vert-implication) 100%) !important;
    transform: scale(1.05) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-implication:hover .category-icon svg {
    color: var(--blanc) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-disruptif .category-icon {
    background: linear-gradient(135deg, var(--jaune-disruptif) 0%, var(--jaune-disruptif-hover) 100%) !important;
    border-color: var(--jaune-disruptif) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-disruptif .category-icon svg {
    color: var(--blanc) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-disruptif:hover .category-icon {
    background: linear-gradient(135deg, var(--jaune-disruptif-hover) 0%, var(--jaune-disruptif) 100%) !important;
    transform: scale(1.05) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .category-disruptif:hover .category-icon svg {
    color: var(--blanc) !important;
}

/* Section résultats */
.mon-shortcode-wrapper .docs-7030-plugin .resultats-intro {
    margin-bottom: 20px !important;
    text-align: center !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .resultats-intro h3 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: var(--bleu-roi) !important;
    margin-bottom: 8px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .resultats-intro p {
    font-size: 1rem !important;
    color: var(--gris-fonce) !important;
    line-height: 1.5 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .resultats-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    margin: 20px 0 !important;
}

/* Grille flexible pour la section Démarches (3 en haut, 2 en bas) */
.mon-shortcode-wrapper[data-current-section="demarches"]:not([data-has-subsection="true"]) .resultats-cards-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important;
    grid-template-columns: none !important;
}

.mon-shortcode-wrapper[data-current-section="demarches"]:not([data-has-subsection="true"]) .resultats-cards-grid .resultats-card {
    width: calc((100% - 40px) / 3) !important;
    flex: 0 0 calc((100% - 40px) / 3) !important;
}

@media (max-width: 768px) {
    .mon-shortcode-wrapper[data-current-section="demarches"]:not([data-has-subsection="true"]) .resultats-cards-grid .resultats-card {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* Largeur réduite des grilles de cartes pour les pages principales */
.mon-shortcode-wrapper[data-current-section="resultats"]:not([data-has-subsection="true"]) .resultats-cards-grid,
.mon-shortcode-wrapper[data-current-section="demarches"]:not([data-has-subsection="true"]) .resultats-cards-grid {
    max-width: 1000px !important;
    margin: 20px auto !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .resultats-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .resultats-card::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, var(--rouge-resultats) 0%, var(--rouge-resultats-hover) 100%) !important;
    transform: scaleX(0) !important;
    transition: transform 0.3s ease !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .resultats-card:hover {
    transform: translateY(-6px) scale(1.02) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .resultats-card:hover::before {
    transform: scaleX(1) !important;
}

/* Cards Résultats - toutes pages */
.mon-shortcode-wrapper[data-current-section="resultats"] .resultats-card:hover {
    border-color: var(--rouge-resultats) !important;
    box-shadow: 0 12px 40px rgba(220, 38, 38, 0.3) !important;
}

/* Cards Démarches - toutes pages */
.mon-shortcode-wrapper[data-current-section="demarches"] .resultats-card:hover {
    border-color: var(--bleu-demarches) !important;
    box-shadow: 0 12px 40px rgba(37, 99, 235, 0.3) !important;
}

/* Cards Implication - toutes pages */
.mon-shortcode-wrapper[data-current-section="implication"] .resultats-card:hover {
    border-color: var(--vert-implication) !important;
    box-shadow: 0 12px 40px rgba(5, 150, 105, 0.3) !important;
}

/* Cards Disruptif - toutes pages */
.mon-shortcode-wrapper[data-current-section="disruptif"] .resultats-card:hover {
    border-color: var(--jaune-disruptif) !important;
    box-shadow: 0 12px 40px rgba(255, 237, 0, 0.4) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .resultats-card-icon {
    font-size: 3rem !important;
    margin-bottom: 12px !important;
    display: block !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .resultats-card-title {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: var(--gris-fonce) !important;
    line-height: 1.3 !important;
}

/* Section résultats principale avec image de fond - Styles pour le texte et cartes */
.mon-shortcode-wrapper[data-current-section="resultats"]:not([data-has-subsection="true"]) .content-header h1 {
    color: var(--blanc) !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

.mon-shortcode-wrapper[data-current-section="resultats"]:not([data-has-subsection="true"]) .resultats-intro h3,
.mon-shortcode-wrapper[data-current-section="resultats"]:not([data-has-subsection="true"]) .resultats-intro p {
    color: var(--blanc) !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.mon-shortcode-wrapper[data-current-section="resultats"]:not([data-has-subsection="true"]) .resultats-card {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
}

.mon-shortcode-wrapper[data-current-section="resultats"]:not([data-has-subsection="true"]) .resultats-card:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-color: var(--rouge-resultats) !important;
    transform: translateY(-4px) scale(1.02) !important;
    box-shadow: 0 12px 40px rgba(220, 38, 38, 0.3) !important;
}

/* Section démarches principale avec image de fond - Styles pour le texte et cartes */
.mon-shortcode-wrapper[data-current-section="demarches"]:not([data-has-subsection="true"]) .content-header h1 {
    color: var(--blanc) !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

.mon-shortcode-wrapper[data-current-section="demarches"]:not([data-has-subsection="true"]) .resultats-intro h3,
.mon-shortcode-wrapper[data-current-section="demarches"]:not([data-has-subsection="true"]) .resultats-intro p {
    color: var(--blanc) !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.mon-shortcode-wrapper[data-current-section="demarches"]:not([data-has-subsection="true"]) .resultats-card {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
}

.mon-shortcode-wrapper[data-current-section="demarches"]:not([data-has-subsection="true"]) .resultats-card::before {
    background: linear-gradient(90deg, var(--bleu-demarches) 0%, var(--bleu-demarches-hover) 100%) !important;
}

.mon-shortcode-wrapper[data-current-section="demarches"]:not([data-has-subsection="true"]) .resultats-card:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-color: var(--bleu-demarches) !important;
    transform: translateY(-4px) scale(1.02) !important;
    box-shadow: 0 12px 40px rgba(37, 99, 235, 0.3) !important;
}

/* Section implication principale avec image de fond - Styles pour le texte et cartes */
.mon-shortcode-wrapper[data-current-section="implication"]:not([data-has-subsection="true"]) .content-header h1 {
    color: var(--blanc) !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

.mon-shortcode-wrapper[data-current-section="implication"]:not([data-has-subsection="true"]) .content-header p {
    color: var(--blanc) !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.mon-shortcode-wrapper[data-current-section="implication"]:not([data-has-subsection="true"]) .resultats-intro h3,
.mon-shortcode-wrapper[data-current-section="implication"]:not([data-has-subsection="true"]) .resultats-intro p {
    color: var(--blanc) !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.mon-shortcode-wrapper[data-current-section="implication"]:not([data-has-subsection="true"]) .resultats-card {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
}

.mon-shortcode-wrapper[data-current-section="implication"]:not([data-has-subsection="true"]) .resultats-card::before {
    background: linear-gradient(90deg, var(--vert-implication) 0%, var(--vert-implication-hover) 100%) !important;
}

.mon-shortcode-wrapper[data-current-section="implication"]:not([data-has-subsection="true"]) .resultats-card:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-color: var(--vert-implication) !important;
    transform: translateY(-4px) scale(1.02) !important;
    box-shadow: 0 12px 40px rgba(5, 150, 105, 0.3) !important;
}

/* Section disruptif principale avec image de fond - Styles pour le texte et cartes */
.mon-shortcode-wrapper[data-current-section="disruptif"]:not([data-has-subsection="true"]) .content-header h1 {
    color: var(--blanc) !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

.mon-shortcode-wrapper[data-current-section="disruptif"]:not([data-has-subsection="true"]) .content-header p {
    color: var(--blanc) !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.mon-shortcode-wrapper[data-current-section="disruptif"]:not([data-has-subsection="true"]) .resultats-intro h3,
.mon-shortcode-wrapper[data-current-section="disruptif"]:not([data-has-subsection="true"]) .resultats-intro p {
    color: var(--blanc) !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.mon-shortcode-wrapper[data-current-section="disruptif"]:not([data-has-subsection="true"]) .resultats-card {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
}

.mon-shortcode-wrapper[data-current-section="disruptif"]:not([data-has-subsection="true"]) .resultats-card::before {
    background: linear-gradient(90deg, var(--jaune-disruptif) 0%, var(--jaune-disruptif-hover) 100%) !important;
}

.mon-shortcode-wrapper[data-current-section="disruptif"]:not([data-has-subsection="true"]) .resultats-card:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-color: var(--jaune-disruptif) !important;
    transform: translateY(-4px) scale(1.02) !important;
    box-shadow: 0 12px 40px rgba(255, 237, 0, 0.3) !important;
}

/* Section démarches - utilise les couleurs bleues */

.resultats-card[data-section-id*="demarche"]::before,
.resultats-card[data-section-id*="systeme"]::before,
.resultats-card[data-section-id*="vertical"]::before,
.mon-shortcode-wrapper .docs-7030-plugin .resultats-card[data-section-id*="regles"]::before {
    background: linear-gradient(90deg, var(--bleu-demarches) 0%, var(--bleu-demarches-hover) 100%) !important;
}

.resultats-card[data-section-id*="demarche"]:hover,
.resultats-card[data-section-id*="systeme"]:hover,
.resultats-card[data-section-id*="vertical"]:hover,
.mon-shortcode-wrapper .docs-7030-plugin .resultats-card[data-section-id*="regles"]:hover {
    border-color: var(--bleu-demarches) !important;
    box-shadow: 0 8px 25px rgba(37, 99, 235, 0.15) !important;
}

/* Styles pour les nouvelles pages séparées */
.mon-shortcode-wrapper .docs-7030-plugin .page-content {
    padding: 40px 20px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .page-intro {
    text-align: center !important;
    margin-bottom: 40px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .page-intro h3 {
    font-size: 2rem !important;
    font-weight: 600 !important;
    color: var(--bleu-roi) !important;
    margin-bottom: 16px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .page-intro p {
    font-size: 1.1rem !important;
    color: var(--gris-fonce) !important;
    line-height: 1.6 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .page-note {
    margin-top: 60px !important;
    padding: 30px !important;
    background: rgba(59, 130, 246, 0.05) !important;
    border-left: 4px solid var(--bleu-roi) !important;
    border-radius: 8px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .page-note p {
    margin-bottom: 12px !important;
    color: var(--gris-fonce) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .page-note code {
    background: rgba(59, 130, 246, 0.1) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-family: 'Courier New', monospace !important;
    color: var(--bleu-roi) !important;
}

/* Layout deux colonnes : Image d'abord, puis Texte */
.mon-shortcode-wrapper .docs-7030-plugin .content-two-columns {
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
    margin: 30px 0 !important;
    align-items: stretch !important;
    width: 100% !important;
}

/* Sur desktop, afficher en colonnes avec image en premier à gauche */
@media (min-width: 769px) {
    .mon-shortcode-wrapper .docs-7030-plugin .content-two-columns {
        display: grid !important;
        grid-template-columns: 48% 48% !important;
        gap: 4% !important;
        flex-direction: row !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-two-columns .content-image {
        order: 0 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-two-columns .content-text {
        order: 0 !important;
    }
}

.mon-shortcode-wrapper .docs-7030-plugin .content-image {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-image img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-image img:hover {
    transform: scale(1.02) !important;
    box-shadow: 0 16px 50px rgba(0, 0, 0, 0.2) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .image-caption {
    text-align: center !important;
    font-size: 0.875rem !important;
    color: var(--gris-moyen) !important;
    font-style: italic !important;
    margin-top: 8px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .image-intro {
    font-size: 0.95rem !important;
    color: var(--gris-fonce) !important;
    margin-bottom: 16px !important;
    font-style: italic !important;
    line-height: 1.5 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-text h3 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: var(--bleu-roi) !important;
    margin-bottom: 12px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-text h4 {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: var(--bleu-roi) !important;
    margin: 24px 0 12px 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-text p {
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
    color: var(--gris-fonce) !important;
    margin: 0 !important;
}

.content-text ul,
.mon-shortcode-wrapper .docs-7030-plugin .content-text ol {
    padding-left: 24px !important;
    margin: 12px 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-text li {
    margin-bottom: 12px !important;
    line-height: 1.7 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .checklist {
    list-style: none !important;
    padding-left: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .checklist li {
    padding-left: 8px !important;
    margin-bottom: 14px !important;
}

/* Responsive pour deux colonnes - Mobile */
@media (max-width: 768px) {
    .mon-shortcode-wrapper .docs-7030-plugin .content-two-columns {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Toujours mettre l'image en premier sur mobile */
    .mon-shortcode-wrapper .docs-7030-plugin .content-two-columns .content-image {
        order: 1 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-two-columns .content-text {
        order: 2 !important;
    }

    /* Pour les sections avec plusieurs content-two-columns, 
       l'ordre alterné sera géré automatiquement par le flex-direction: column */

    /* S'assurer que les légendes restent en dessous des images */
    .mon-shortcode-wrapper .docs-7030-plugin .content-image {
        display: flex !important;
        flex-direction: column !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-image img {
        order: 1 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .image-caption {
        order: 2 !important;
        margin-top: 8px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .image-intro {
        order: 0 !important;
        margin-bottom: 16px !important;
    }

    /* Si il y a un CTA dans l'image, il vient après la légende */
    .mon-shortcode-wrapper .docs-7030-plugin .content-image .cta-section {
        order: 3 !important;
        margin-top: 16px !important;
    }

    /* Autres éléments dans content-image */
    .mon-shortcode-wrapper .docs-7030-plugin .content-image p:not(.image-intro):not(.image-caption) {
        order: 3 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-image blockquote {
        order: 0 !important;
        margin-bottom: 16px !important;
    }
}

/* Contenu en pleine largeur */
.mon-shortcode-wrapper .docs-7030-plugin .content-text-full {
    margin-bottom: 30px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-text-full h3 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: var(--bleu-roi) !important;
    margin-bottom: 20px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-text-full p {
    font-size: 1.1rem !important;
    line-height: 1.7 !important;
    color: var(--gris-fonce) !important;
    margin-bottom: 16px !important;
    text-align: left !important;
    font-weight: 400 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-image-full {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 30px 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-image-full img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-image-inline {
    margin: 24px 0 !important;
    text-align: center !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-image-inline img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
}

/* Styles pour les listes avec checkmarks */
.mon-shortcode-wrapper .docs-7030-plugin .checklist {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 20px 0 !important;
    background: var(--gris-clair) !important;
    padding: 20px !important;
    border-radius: 8px !important;
    border-left: 4px solid var(--bleu-accent) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .checklist li {
    margin-bottom: 12px !important;
    padding-left: 0 !important;
    color: var(--gris-fonce) !important;
    line-height: 1.6 !important;
    font-size: 1rem !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .checklist li:first-child {
    margin-bottom: 16px !important;
    font-weight: 600 !important;
    color: var(--bleu-roi) !important;
    border-bottom: 1px solid var(--gris-bordure) !important;
    padding-bottom: 12px !important;
}

/* Styles pour les listes numérotées d'étapes */
.mon-shortcode-wrapper .docs-7030-plugin .steps-list {
    margin: 20px 0 !important;
    padding-left: 0 !important;
    counter-reset: step-counter !important;
    list-style: none !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .steps-list li {
    margin-bottom: 16px !important;
    color: var(--gris-fonce) !important;
    line-height: 1.6 !important;
    padding-left: 40px !important;
    position: relative !important;
    font-size: 1rem !important;
    background: var(--blanc) !important;
    padding: 16px 16px 16px 50px !important;
    border-radius: 8px !important;
    border: 1px solid var(--gris-bordure) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .steps-list li::before {
    content: counter(step-counter) !important;
    counter-increment: step-counter !important;
    position: absolute !important;
    left: 16px !important;
    top: 16px !important;
    background: var(--bleu-roi) !important;
    color: var(--blanc) !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
}

/* Styles pour les citations */
.mon-shortcode-wrapper .docs-7030-plugin .quote {
    background: var(--gris-clair) !important;
    border-left: 4px solid var(--bleu-accent) !important;
    padding: 20px 24px !important;
    margin: 24px 0 !important;
    font-style: italic !important;
    color: var(--gris-fonce) !important;
    border-radius: 0 8px 8px 0 !important;
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .quote cite {
    display: block !important;
    margin-top: 12px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    color: var(--bleu-roi) !important;
    font-size: 0.95rem !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .video-link {
    color: var(--bleu-accent) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    border-bottom: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    position: relative !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .video-link:hover {
    color: var(--bleu-hover) !important;
    border-bottom-color: var(--bleu-hover) !important;
    transform: translateY(-1px) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .video-link::before {
    content: "▶️" !important;
    margin-right: 6px !important;
    font-size: 0.9em !important;
}

/* Styles pour le tableau des règles cardinales */
.mon-shortcode-wrapper .docs-7030-plugin .rules-table {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 40px !important;
    margin: 40px 0 !important;
    max-width: 100% !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .rules-column {
    background: var(--gris-clair) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: var(--shadow) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .rules-column:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-lg) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .rules-header {
    padding: 24px !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .rules-pronez .rules-header {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: white !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .rules-fuyez .rules-header {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    color: white !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .rules-header h3 {
    color: white !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .rules-content {
    padding: 24px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .rules-item {
    padding: 16px 20px !important;
    margin-bottom: 12px !important;
    background: var(--blanc) !important;
    border-radius: 8px !important;
    border-left: 4px solid transparent !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .rules-pronez .rules-item {
    border-left-color: #10b981 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .rules-pronez .rules-item:hover {
    background: #f0fdf4 !important;
    border-left-color: #059669 !important;
    transform: translateX(4px) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .rules-fuyez .rules-item {
    border-left-color: #ef4444 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .rules-fuyez .rules-item:hover {
    background: #fef2f2 !important;
    border-left-color: #dc2626 !important;
    transform: translateX(4px) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .rules-item:last-child {
    margin-bottom: 0 !important;
}

/* Responsive pour le tableau des règles */
@media (max-width: 768px) {
    .mon-shortcode-wrapper .docs-7030-plugin .rules-table {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        margin: 24px 0 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .rules-header {
        padding: 20px !important;
        font-size: 1.1rem !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .rules-content {
        padding: 20px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .rules-item {
        padding: 14px 16px !important;
        margin-bottom: 10px !important;
        font-size: 0.95rem !important;
    }
}

/* Styles pour les CTA dans le contenu */
.mon-shortcode-wrapper .docs-7030-plugin .cta-section {
    margin-top: 30px !important;
    text-align: center !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .cta-button-content {
    display: inline-block !important;
    background: linear-gradient(135deg, var(--bleu-roi) 0%, var(--bleu-accent) 100%) !important;
    color: var(--blanc) !important;
    text-decoration: none !important;
    padding: 12px 24px !important;
    border-radius: 25px !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.2) !important;
    position: relative !important;
    overflow: hidden !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .cta-button-content::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
    transition: left 0.5s !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .cta-button-content:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(30, 58, 138, 0.3) !important;
    background: linear-gradient(135deg, var(--bleu-accent) 0%, var(--bleu-hover) 100%) !important;
    color: var(--blanc) !important;
    text-decoration: none !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .cta-button-content:hover::before {
    left: 100% !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .cta-button-content:active {
    transform: translateY(0) !important;
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.2) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    padding: 0 !important;
    justify-content: flex-start !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .subsection-content {
    display: block !important;
    margin-bottom: 40px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-two-columns {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 40px !important;
    align-items: flex-start !important;
}

@media (min-width: 768px) {
    .mon-shortcode-wrapper .docs-7030-plugin .content-two-columns {
        flex-wrap: nowrap !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-two-columns>* {
        flex: 1 !important;
        width: 50% !important;
    }
}

.mon-shortcode-wrapper .docs-7030-plugin .content-text p {
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
    color: var(--gris-fonce) !important;
    margin: 0 0 16px 0 !important;
    text-align: left !important;
    font-weight: 400 !important;
}

/* Section solutions */
.mon-shortcode-wrapper .docs-7030-plugin .solutions-section {
    margin-top: 12px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .solutions-section h3 {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: var(--bleu-roi) !important;
    margin-bottom: 6px !important;
    text-align: center !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .solutions-section>p {
    font-size: 0.85rem !important;
    color: var(--gris-fonce) !important;
    text-align: center !important;
    margin-bottom: 12px !important;
    line-height: 1.3 !important;
}

/* Mini cards pour la section Tout */
.mon-shortcode-wrapper .docs-7030-plugin .mini-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 10px !important;
    margin: 12px 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .mini-card {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 2px solid rgba(229, 231, 235, 0.3) !important;
    border-radius: 10px !important;
    padding: 24px 12px !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .mini-card::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, var(--bleu-roi) 0%, var(--bleu-accent) 100%) !important;
    transform: scaleX(0) !important;
    transition: transform 0.3s ease !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .mini-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
    border-color: rgba(30, 58, 138, 0.5) !important;
    background: rgba(255, 255, 255, 0.85) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .mini-card:hover::before {
    transform: scaleX(1) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .mini-card:hover .mini-card-icon {
    transform: scale(1.1) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .mini-card-icon {
    font-size: 1.8rem !important;
    margin-bottom: 6px !important;
    display: block !important;
}


.mon-shortcode-wrapper .docs-7030-plugin .mini-card-title {
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    color: var(--gris-fonce) !important;
    line-height: 1.1 !important;
}

/* Responsive Design */
@media (max-width: 1279px) {
    .mon-shortcode-wrapper .docs-7030-plugin .sidebar {
        width: 280px !important;
    }
}

/* Desktop styles - afficher le header complet */
@media (min-width: 1024px) {

    /* Layout app-like : header et sidebar fixes, contenu scrollable */
    .mon-shortcode-wrapper .docs-7030-plugin {
        position: relative !important;
        height: 100vh !important;
        overflow: hidden !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .header {
        display: flex !important;
        position: fixed !important;
        top: var(--docs-sticky-top, 0px) !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 10vh !important;
        z-index: 1000 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .container {
        position: fixed !important;
        top: calc(10vh + var(--docs-sticky-top, 0px)) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        height: calc(100vh - 10vh - var(--docs-sticky-top, 0px)) !important;
        max-height: calc(100vh - 10vh - var(--docs-sticky-top, 0px)) !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 100 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .sidebar {
        height: 100% !important;
        max-height: 100% !important;
        overflow-y: auto !important;
        flex-shrink: 0 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .sidebar-close-btn {
        display: none !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .main-content {
        height: 100% !important;
        max-height: 100% !important;
        overflow-y: auto !important;
        flex: 1 !important;
    }

    /* Afficher la navigation principale sur desktop */
    .mon-shortcode-wrapper .docs-7030-plugin .primary-nav {
        display: flex !important;
    }

    /* Afficher le header-cta sur desktop */
    .mon-shortcode-wrapper .docs-7030-plugin .header-cta {
        display: flex !important;
    }

    /* Menu dropdown pour desktop - caché sur desktop */
    .mon-shortcode-wrapper .docs-7030-plugin .menu-overlay {
        display: none !important;
    }

    /* Cacher les actions mobiles sur desktop */
    .mon-shortcode-wrapper .docs-7030-plugin .mobile-actions {
        display: none !important;
    }

    /* Cacher le hamburger sur desktop */
    .mon-shortcode-wrapper .docs-7030-plugin .hamburger {
        display: none !important;
    }

    /* Sur desktop : afficher le bouton, cacher le lien texte */
    .mon-shortcode-wrapper .docs-7030-plugin .cta-button {
        display: flex !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .cta-link {
        display: none !important;
    }
}

@media (max-width: 1023px) {
    .mon-shortcode-wrapper .docs-7030-plugin .header {
        position: fixed !important;
        top: var(--docs-sticky-top, 0px) !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 10vh !important;
        z-index: 999 !important;
    }

    /* Menu dropdown pour mobile et tablette */
    .mon-shortcode-wrapper .docs-7030-plugin .menu-overlay {
        position: fixed !important;
        top: calc(10vh + var(--docs-sticky-top, 0px)) !important;
        right: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        z-index: 1100 !important;
        pointer-events: none !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .menu-overlay.active {
        pointer-events: auto !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .menu-content {
        height: auto !important;
        max-height: fit-content !important;
        border-radius: 7px !important;
        padding: 0 !important;
        position: relative !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .menu-close-btn {
        display: none !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .container {
        position: fixed !important;
        top: calc(10vh + var(--docs-sticky-top, 0px)) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        height: calc(100vh - 10vh - var(--docs-sticky-top, 0px)) !important;
        flex-direction: column !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        z-index: 1000 !important;
    }

    /* Cacher complètement le header-cta sur mobile/tablette */
    .mon-shortcode-wrapper .docs-7030-plugin .header-cta {
        display: none !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .primary-nav {
        display: none !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .hamburger {
        display: flex !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .mobile-actions {
        display: flex !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin #homeBtn {
        display: none !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .sidebar-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-left: 8px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        height: 100vh !important;
        max-height: 100vh !important;
        padding: 70px 20px 20px !important;
        transform: translateX(-100%) !important;
        width: 320px !important;
        z-index: 2000 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .sidebar.open {
        transform: translateX(0) !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .sidebar-close-btn {
        display: flex !important;
        position: absolute !important;
        top: 15px !important;
        right: 15px !important;
        width: 36px !important;
        height: 36px !important;
        background: rgba(255, 255, 255, 0.95) !important;
        border: 1px solid rgba(229, 231, 235, 0.6) !important;
        cursor: pointer !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 2001 !important;
        padding: 0 !important;
        border-radius: 50% !important;
        transition: background-color 0.2s ease, transform 0.2s ease !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .sidebar-close-btn:hover {
        background-color: rgba(255, 255, 255, 1) !important;
        transform: scale(1.1) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .sidebar-close-btn svg {
        width: 18px !important;
        height: 18px !important;
        stroke: #122658 !important;
        stroke-width: 2.5 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .main-content {
        margin-left: 0 !important;
        max-width: 100% !important;
        padding: 20px 20px 20px 20px !important;
        height: 100% !important;
        min-height: 100% !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        max-height: 100% !important;
        flex: 1 !important;
        position: relative !important;
        gap: 0 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-header h1 {
        font-size: 2rem !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .nav-icons {
        justify-content: center !important;
        gap: 20px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .pills {
        justify-content: center !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .solutions-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .solution-card {
        padding: 20px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .welcome-section {
        padding: 30px 20px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .welcome-section h2 {
        font-size: 1.75rem !important;
        color: var(--blanc) !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .main-categories {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .category-item {
        padding: 16px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .mini-cards-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 12px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .resultats-cards-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    /* Démarches en 2 colonnes sur tablette au lieu de 4 */
    .mon-shortcode-wrapper[data-current-section="demarches"]:not([data-has-subsection="true"]) .resultats-cards-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .resultats-card {
        padding: 20px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-placeholder {
        padding: 30px !important;
        font-size: 1rem !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-text {
        gap: 16px !important;
        padding: 0 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-text p {
        font-size: 1.05rem !important;
        line-height: 1.6 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-image {
        padding: 15px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .image-caption {
        font-size: 0.9rem !important;
        margin-top: 0 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .mini-card {
        padding: 32px 16px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .mini-card-icon {
        font-size: 2rem !important;
    }

    /* Fix background et overlay pour mobile/tablette */
    .mon-shortcode-wrapper[data-current-section="resultats"] .main-content,
    .mon-shortcode-wrapper[data-current-section="demarches"] .main-content,
    .mon-shortcode-wrapper[data-current-section="implication"] .main-content,
    .mon-shortcode-wrapper[data-current-section="disruptif"] .main-content {
        background-attachment: scroll !important;
        background-size: cover !important;
        background-position: center center !important;
    }

    /* Overlay en cover complet sur mobile/tablette */
    .mon-shortcode-wrapper[data-current-section="resultats"] .main-content::before,
    .mon-shortcode-wrapper[data-current-section="demarches"] .main-content::before,
    .mon-shortcode-wrapper[data-current-section="implication"] .main-content::before,
    .mon-shortcode-wrapper[data-current-section="disruptif"] .main-content::before {
        content: '' !important;
        position: fixed !important;
        top: calc(10vh + var(--docs-sticky-top, 0px)) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 0 !important;
        pointer-events: none !important;
    }

    .mon-shortcode-wrapper[data-current-section="resultats"] .main-content::before {
        background: rgba(10, 10, 10, 0.32) !important;
    }

    .mon-shortcode-wrapper[data-current-section="demarches"] .main-content::before {
        background: rgba(2, 2, 2, 0.44) !important;
    }

    .mon-shortcode-wrapper[data-current-section="implication"] .main-content::before {
        background: rgba(2, 2, 2, 0.4) !important;
    }

    .mon-shortcode-wrapper[data-current-section="disruptif"] .main-content::before {
        background: rgba(2, 2, 2, 0.4) !important;
    }

    /* Désactiver le centrage vertical sur mobile/tablette pour voir tout le contenu */
    .mon-shortcode-wrapper[data-current-section="resultats"]:not([data-has-subsection="true"]) .main-content,
    .mon-shortcode-wrapper[data-current-section="demarches"]:not([data-has-subsection="true"]) .main-content,
    .mon-shortcode-wrapper[data-current-section="implication"]:not([data-has-subsection="true"]) .main-content,
    .mon-shortcode-wrapper[data-current-section="disruptif"]:not([data-has-subsection="true"]) .main-content,
    .mon-shortcode-wrapper[data-current-section="tout"]:not([data-has-subsection="true"]) .main-content {
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

}

@media (min-width: 1024px) {
    .mon-shortcode-wrapper .docs-7030-plugin .primary-nav {
        display: flex !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .header-cta {
        display: flex !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .mobile-actions,
    .mon-shortcode-wrapper .docs-7030-plugin .sidebar-toggle,
    .mon-shortcode-wrapper .docs-7030-plugin .hamburger {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .mon-shortcode-wrapper .docs-7030-plugin .header-content {
        padding: 0 15px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .logo img {
        height: 42px !important;
        max-width: 120px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .main-content {
        padding: 20px 15px 15px 15px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-header h1 {
        font-size: 1.75rem !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .nav-icons {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .nav-icon {
        width: 46px !important;
        height: 46px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .nav-icon svg {
        width: 21px !important;
        height: 21px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .pills {
        flex-direction: column !important;
        align-items: center !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .pill {
        width: 100% !important;
        text-align: center !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .mini-cards-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .resultats-cards-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    /* Force démarches en 1 colonne verticale sur mobile */
    .mon-shortcode-wrapper[data-current-section="demarches"]:not([data-has-subsection="true"]) .resultats-cards-grid {
        grid-template-columns: 1fr !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .resultats-card {
        padding: 16px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-placeholder {
        padding: 20px !important;
        font-size: 0.9rem !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-text {
        gap: 16px !important;
        padding: 10px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-text p {
        font-size: 1rem !important;
        line-height: 1.6 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-image {
        padding: 10px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Ordre des éléments dans content-image sur mobile */
    .mon-shortcode-wrapper .docs-7030-plugin .content-image img {
        order: 1 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-image .image-caption {
        order: 2 !important;
        font-size: 0.85rem !important;
        margin-top: 8px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-image .image-intro {
        order: 0 !important;
        margin-bottom: 16px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-image .cta-section {
        order: 3 !important;
        margin-top: 16px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-image blockquote {
        order: 0 !important;
        margin-bottom: 16px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-image p:not(.image-intro):not(.image-caption) {
        order: 3 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .image-caption {
        font-size: 0.85rem !important;
        margin-top: 8px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .mini-card {
        padding: 40px 20px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .mini-card-icon {
        font-size: 2.5rem !important;
    }


    .mon-shortcode-wrapper .docs-7030-plugin .welcome-section {
        padding: 25px 20px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .welcome-section h2 {
        font-size: 1.5rem !important;
        color: var(--blanc) !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .main-categories {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .category-item {
        padding: 16px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .category-icon {
        width: 40px !important;
        height: 40px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .category-icon svg {
        width: 20px !important;
        height: 20px !important;
    }

    /* Désactiver le centrage vertical sur mobile pour voir tout le contenu */
    .mon-shortcode-wrapper[data-current-section="resultats"]:not([data-has-subsection="true"]) .main-content,
    .mon-shortcode-wrapper[data-current-section="demarches"]:not([data-has-subsection="true"]) .main-content,
    .mon-shortcode-wrapper[data-current-section="implication"]:not([data-has-subsection="true"]) .main-content,
    .mon-shortcode-wrapper[data-current-section="disruptif"]:not([data-has-subsection="true"]) .main-content,
    .mon-shortcode-wrapper[data-current-section="tout"]:not([data-has-subsection="true"]) .main-content {
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
}

/* ==================== POSTER INTERACTIF INTÉGRÉ ==================== */
.mon-shortcode-wrapper .docs-7030-plugin .interactive-poster-embedded {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 986 / 741 !important;
    background: var(--blanc) !important;
    border-radius: 16px !important;
    box-shadow: var(--shadow-lg) !important;
    overflow: hidden !important;
    padding: 0 15px 15px 15px !important;
    margin: 30px 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
}

/* Conteneur deux colonnes pour encart + poster */
.mon-shortcode-wrapper .docs-7030-plugin .poster-wrapper-two-columns {
    display: flex !important;
    gap: 30px !important;
    align-items: flex-start !important;
    margin: 30px auto !important;
    max-width: 60% !important;
}

/* Poster sur la page #tout - taille réduite */
.mon-shortcode-wrapper .docs-7030-plugin #posterContainerEmbeddedTout {
    max-width: 100% !important;
    flex: 1 !important;
    min-width: 0 !important;
}

/* Encart d'information avec icône animée */
.mon-shortcode-wrapper .docs-7030-plugin .poster-info-banner {
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    background: var(--blanc) !important;
    padding: 20px !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border: 2px solid var(--bleu-accent) !important;
    max-width: 100% !important;
    width: 100% !important;
    position: relative !important;
    top: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .poster-info-banner p {
    margin: 0 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    color: var(--bleu-roi) !important;
    line-height: 1.5 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .info-icon-bounce {
    width: 24px !important;
    height: 24px !important;
    color: var(--bleu-accent) !important;
    animation: docs7030-bounceIcon 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite !important;
    flex-shrink: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .info-icon-bounce svg {
    width: 100% !important;
    height: 100% !important;
}

@keyframes docs7030-bounceIcon {

    0%,
    100% {
        transform: translateY(0) scale(1) !important;
    }

    25% {
        transform: translateY(-10px) scale(1.1) !important;
    }

    50% {
        transform: translateY(-15px) scale(1.05) !important;
    }

    75% {
        transform: translateY(-5px) scale(1.02) !important;
    }
}

/* Wrapper pour réduire l'espace en haut du contenu du poster */
.mon-shortcode-wrapper .docs-7030-plugin .poster-content-wrapper {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    transform: translateY(-8%) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .module-embedded {
    position: absolute !important;
    cursor: pointer !important;
    transition: transform 0.3s ease !important;
    z-index: 10 !important;
    border-radius: 8px !important;
    transform-origin: center center !important;
    will-change: transform !important;
    outline: none !important;
    min-width: 44px !important;
    min-height: 44px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .module-embedded:focus {
    outline: none !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .module-embedded img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    pointer-events: auto !important;
    user-select: none !important;
    outline: none !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .module-embedded:hover {
    transform: scale(1.15) !important;
    z-index: 1000 !important;
}

/* Remove shadows from interactive images */
.mon-shortcode-wrapper .docs-7030-plugin .module-embedded,
.mon-shortcode-wrapper .docs-7030-plugin .module-embedded img {
    box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .module-embedded[data-module="courbe"]:hover {
    transform: scale(1.05) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .frise-static-embedded {
    pointer-events: none !important;
    z-index: 5 !important;
}

/* Modal pour le poster intégré */
.mon-shortcode-wrapper .docs-7030-plugin .tooltip-modal-embedded {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    z-index: 10000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .tooltip-modal-embedded.visible {
    opacity: 1 !important;
    visibility: visible !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .tooltip-modal-content-embedded {
    position: relative !important;
    max-width: 90% !important;
    max-height: 90vh !important;
    background: var(--blanc) !important;
    border-radius: 20px !important;
    padding: 20px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
    opacity: 0 !important;
    transform: scale(0.92) translateY(20px) !important;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .tooltip-modal-embedded.visible .tooltip-modal-content-embedded {
    opacity: 1 !important;
    transform: scale(1) translateY(0) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .tooltip-image-container {
    position: relative !important;
    display: inline-block !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .tooltip-modal-image-embedded {
    max-width: 100% !important;
    max-height: calc(90vh - 80px) !important;
    display: block !important;
    margin: 0 auto !important;
    border-radius: 12px !important;
    opacity: 0 !important;
    transform: scale(0.95) !important;
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .tooltip-modal-embedded.visible .tooltip-modal-image-embedded {
    opacity: 1 !important;
    transform: scale(1) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .tooltip-hotspots {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .tooltip-hotspot {
    pointer-events: auto !important;
    background: rgba(59, 130, 246, 0.15) !important;
    border: 2px solid transparent !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: block !important;
    text-decoration: none !important;
    opacity: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .tooltip-modal-embedded.visible .tooltip-hotspot {
    opacity: 1 !important;
    transition-delay: 0.2s !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .tooltip-hotspot:hover {
    background: rgba(59, 130, 246, 0.3) !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.5) !important;
    transform: scale(1.02) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .tooltip-hotspot:active {
    transform: scale(0.98) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .tooltip-modal-close-embedded {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: var(--bleu-roi) !important;
    color: var(--blanc) !important;
    border: none !important;
    font-size: 1.5rem !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: 10 !important;
    opacity: 0 !important;
    transform: scale(0.5) rotate(-90deg) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .tooltip-modal-embedded.visible .tooltip-modal-close-embedded {
    opacity: 1 !important;
    transform: scale(1) rotate(0deg) !important;
    transition-delay: 0.15s !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .tooltip-modal-close-embedded:hover {
    background: var(--bleu-accent) !important;
    transform: rotate(90deg) !important;
}

/* Responsive tooltip modal */
@media (max-width: 768px) {
    .mon-shortcode-wrapper .docs-7030-plugin .tooltip-modal-embedded {
        padding: 10px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .tooltip-modal-content-embedded {
        max-width: 98% !important;
        padding: 10px !important;
        border-radius: 12px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .tooltip-modal-image-embedded {
        max-height: calc(85vh - 60px) !important;
        border-radius: 8px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .tooltip-modal-close-embedded {
        width: 32px !important;
        height: 32px !important;
        top: 5px !important;
        right: 5px !important;
        font-size: 1.2rem !important;
    }
}

/* Responsive poster intégré */
@media (max-width: 1023px) {
    .mon-shortcode-wrapper .docs-7030-plugin .poster-wrapper-two-columns {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .poster-info-banner {
        max-width: 100% !important;
        position: relative !important;
        top: 0 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .interactive-poster-embedded {
        padding-top: 15px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin #posterContainerEmbeddedTout {
        max-width: 100% !important;
    }

    /* Override inline style pour le conteneur du poster - 100% width sur mobile/tablette */
    .mon-shortcode-wrapper .docs-7030-plugin [style*="max-width: 60%"] {
        max-width: 100% !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .poster-info-banner p {
        font-size: 0.85rem !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .info-icon-bounce {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (max-width: 767px) {
    .mon-shortcode-wrapper .docs-7030-plugin .poster-wrapper-two-columns {
        flex-direction: column !important;
        gap: 15px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .poster-info-banner {
        max-width: 100% !important;
        position: relative !important;
        top: 0 !important;
        padding: 15px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .interactive-poster-embedded {
        padding-top: 15px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin #posterContainerEmbeddedTout {
        max-width: 100% !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .poster-info-banner p {
        font-size: 0.8rem !important;
        line-height: 1.4 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .info-icon-bounce {
        width: 18px !important;
        height: 18px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .module-embedded:hover {
        transform: scale(1.12) !important;
    }
}

/* Accessibilité */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Focus visible pour l'accessibilité */
.mon-shortcode-wrapper .docs-7030-plugin button:focus-visible,
.mon-shortcode-wrapper .docs-7030-plugin a:focus-visible,
.mon-shortcode-wrapper .docs-7030-plugin input:focus-visible {
    outline: 2px solid var(--bleu-accent) !important;
    outline-offset: 2px !important;
}

/* États de chargement */
.mon-shortcode-wrapper .docs-7030-plugin .loading {
    opacity: 0.6 !important;
    pointer-events: none !important;
}

/* Animations */
@keyframes docs7030-fadeIn {
    from {
        opacity: 0 !important;
        transform: translateY(20px) !important;
    }

    to {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
}

@keyframes docs7030-modalFadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.mon-shortcode-wrapper .docs-7030-plugin .content-body {
    animation: docs7030-fadeIn 0.3s ease !important;
}

/* ==================== LAYOUT UTILITIES ==================== */
.mon-shortcode-wrapper .docs-7030-plugin .content-two-columns {
    display: flex;
    gap: 40px;
    margin: 40px 0;
    align-items: flex-start;
    /* Changed from center to flex-start */
}

.mon-shortcode-wrapper .docs-7030-plugin .content-two-columns .content-image {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: sticky;
    /* Sticky positioning */
    top: calc(10vh + 30px);
    /* Offset: Header height (10vh) + 30px spacing */
    height: fit-content;
    z-index: 10;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-two-columns .content-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /* Align text to top */
    max-height: 80vh;
    /* Limit height to viewport height approx */
    overflow-y: auto;
    /* Enable scrolling for long text */
    padding-right: 15px;
    /* Space for scrollbar */
    scrollbar-width: thin;
    scrollbar-color: rgba(59, 130, 246, 0.3) transparent;
}

/* Compact typography for better fit */
.mon-shortcode-wrapper .docs-7030-plugin .content-text h3 {
    font-size: 1.25rem !important;
    margin-bottom: 15px !important;
    line-height: 1.3 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-text p {
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    margin-bottom: 15px !important;
}

/* Custom scrollbar for text column */
.mon-shortcode-wrapper .docs-7030-plugin .content-text::-webkit-scrollbar {
    width: 6px;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-text::-webkit-scrollbar-track {
    background: transparent;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-text::-webkit-scrollbar-thumb {
    background-color: rgba(59, 130, 246, 0.3);
    border-radius: 10px;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-two-columns img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
}

/* ==================== RESPONSIVE ADJUSTMENTS ==================== */
@media (max-width: 1200px) {
    /* Ajustements pour tablettes */
}

@media (max-width: 768px) {
    /* Ajustements pour mobile */
}

/* ==================== CONTINUOUS SCROLL SECTIONS ==================== */
.mon-shortcode-wrapper .docs-7030-plugin .continuous-content {
    width: 100% !important;
    min-height: 100vh !important;
    padding: 80px 40px 60px 40px !important;
    /* Réduire padding latéral de 80px à 40px */
    display: flex !important;
    flex-direction: column !important;
    gap: 60px !important;
}

/* Chaque section est une grande carte */
.mon-shortcode-wrapper .docs-7030-plugin .subsection-content {
    scroll-margin-top: 80px !important;
    min-height: calc(100vh - 180px) !important;
    width: 100% !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding: 60px 100px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

    /* Style de carte moderne - fond blanc pour lisibilité */
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-radius: 32px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(229, 231, 235, 0.6) !important;
    position: relative !important;
    overflow-x: hidden !important;
    /* overflow-y: auto !important; Removed to avoid nested scrolling issues */

    /* Custom scrollbar moderne */
    scrollbar-width: thin !important;
    scrollbar-color: rgba(59, 130, 246, 0.3) transparent !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Webkit scrollbar personnalisé */
.mon-shortcode-wrapper .docs-7030-plugin .subsection-content::-webkit-scrollbar {
    width: 8px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .subsection-content::-webkit-scrollbar-track {
    background: transparent !important;
    border-radius: 10px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .subsection-content::-webkit-scrollbar-thumb {
    background: rgba(59, 130, 246, 0.3) !important;
    border-radius: 10px !important;
    transition: background 0.2s !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .subsection-content::-webkit-scrollbar-thumb:hover {
    background: rgba(59, 130, 246, 0.5) !important;
}

/* Effet au hover sur les cartes */
.mon-shortcode-wrapper .docs-7030-plugin .subsection-content:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2) !important;
    border-color: rgba(59, 130, 246, 0.5) !important;
}

/* Barre de couleur en haut de chaque carte */
.mon-shortcode-wrapper .docs-7030-plugin .subsection-content::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 8px !important;
    background: linear-gradient(90deg, var(--bleu-roi) 0%, var(--bleu-accent) 100%) !important;
    border-radius: 32px 32px 0 0 !important;
}

/* Couleurs spécifiques par section pour Résultats */
.mon-shortcode-wrapper[data-current-section="resultats"] .subsection-content::before {
    background: linear-gradient(90deg, var(--rouge-resultats) 0%, var(--rouge-resultats-hover) 100%) !important;
}

/* Couleurs spécifiques par section pour Démarches */
.mon-shortcode-wrapper[data-current-section="demarches"] .subsection-content::before {
    background: linear-gradient(90deg, var(--bleu-demarches) 0%, var(--bleu-demarches-hover) 100%) !important;
}

/* Couleurs spécifiques par section pour Implication */
.mon-shortcode-wrapper[data-current-section="implication"] .subsection-content::before {
    background: linear-gradient(90deg, var(--vert-implication) 0%, var(--vert-implication-hover) 100%) !important;
}

/* Couleurs spécifiques par section pour Disruptif */
.mon-shortcode-wrapper[data-current-section="disruptif"] .subsection-content::before {
    background: linear-gradient(90deg, var(--jaune-disruptif) 0%, var(--jaune-disruptif-hover) 100%) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .subsection-title {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    color: var(--bleu-roi) !important;
    margin-top: 0 !important;
    margin-bottom: 40px !important;
    text-align: center !important;
    position: relative !important;
    padding-bottom: 20px !important;
    flex-shrink: 0 !important;
}

/* Ligne décorative sous le titre */
.mon-shortcode-wrapper .docs-7030-plugin .subsection-title::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 80px !important;
    height: 4px !important;
    background: linear-gradient(90deg, var(--bleu-roi) 0%, var(--bleu-accent) 100%) !important;
    border-radius: 2px !important;
}

/* Animation d'apparition pour les sous-sections */
.mon-shortcode-wrapper .docs-7030-plugin .subsection-content {
    animation: docs7030-fadeIn 0.4s ease !important;
}

/* Responsive pour le mode espacé */
@media (max-width: 1400px) {
    .mon-shortcode-wrapper .docs-7030-plugin .continuous-content {
        padding: 40px 50px !important;
        gap: 50px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .subsection-content {
        padding: 50px 70px !important;
        min-height: calc(100vh - 150px) !important;
    }
}

/* Specific fix for Disruptif Introduction to fit content */
.mon-shortcode-wrapper .docs-7030-plugin #disruptif-introduction {
    min-height: auto !important;
    height: fit-content !important;
}

@media (max-width: 1023px) {
    .mon-shortcode-wrapper .docs-7030-plugin .continuous-content {
        padding: 30px 30px !important;
        gap: 40px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .subsection-content {
        padding: 40px 50px !important;
        min-height: calc(100vh - 120px) !important;
        border-radius: 24px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .subsection-title {
        font-size: 2rem !important;
        margin-bottom: 30px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-two-columns {
        display: flex !important;
        flex-direction: column !important;
        gap: 30px !important;
    }

    /* Image toujours en premier sur tablette */
    .mon-shortcode-wrapper .docs-7030-plugin .content-two-columns .content-image {
        order: 1 !important;
        position: static !important;
        /* Disable sticky on mobile */
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-two-columns .content-text {
        order: 2 !important;
    }
}

@media (max-width: 767px) {
    .mon-shortcode-wrapper .docs-7030-plugin .continuous-content {
        padding: 0px 0px !important;
        gap: 30px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .subsection-content {
        padding: 5px 5px !important;
        min-height: calc(100vh - 100px) !important;
        border-radius: 20px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .subsection-title {
        font-size: 1.75rem !important;
        margin-bottom: 25px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-two-columns {
        gap: 25px !important;
        margin: 20px 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Réaffirmer l'ordre sur mobile : image d'abord, texte ensuite */
    .mon-shortcode-wrapper .docs-7030-plugin .content-two-columns .content-image {
        order: 1 !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .content-two-columns .content-text {
        order: 2 !important;
    }
}

/* ==================== INFINITE SCROLL SECTIONS (Ancien, à supprimer plus tard) ==================== */
.mon-shortcode-wrapper .docs-7030-plugin .section-divider {
    margin: 60px 0 30px !important;
    padding-top: 40px !important;
    border-top: 2px solid rgba(229, 231, 235, 0.5) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .section-title-infinite {
    font-size: 2rem !important;
    font-weight: 700 !important;
    color: var(--gris-fonce) !important;
    margin-bottom: 20px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .infinite-scroll-section {
    animation: docs7030-fadeIn 0.5s ease !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .content-section {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(229, 231, 235, 0.3) !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin: 20px 0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

/* ==================== BOUTON RETOUR EN HAUT ==================== */
.mon-shortcode-wrapper .docs-7030-plugin .back-to-top {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    width: 50px !important;
    height: 50px !important;
    background: linear-gradient(135deg, var(--bleu-roi) 0%, var(--bleu-accent) 100%) !important;
    color: var(--blanc) !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 20px rgba(30, 58, 138, 0.3) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: 9999 !important;
    transform: scale(0.8) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .back-to-top.visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .back-to-top:hover {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 0 8px 30px rgba(30, 58, 138, 0.4) !important;
    background: linear-gradient(135deg, var(--bleu-accent) 0%, var(--bleu-hover) 100%) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .back-to-top:active {
    transform: translateY(-1px) scale(1) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .back-to-top svg {
    width: 24px !important;
    height: 24px !important;
}

/* Responsive pour le bouton retour en haut */
@media (max-width: 1023px) {
    .mon-shortcode-wrapper .docs-7030-plugin .back-to-top {
        bottom: 20px !important;
        right: 20px !important;
        width: 45px !important;
        height: 45px !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .back-to-top svg {
        width: 20px !important;
        height: 20px !important;
    }
}

/* ==================== COULEURS DES ICÔNES FONT AWESOME ==================== */
/* Page TOUT - Bleu royal pour toutes les icônes */
.mon-shortcode-wrapper[data-current-section="tout"] .mini-card-icon i,
.mon-shortcode-wrapper[data-current-section="tout"] .resultats-card-icon i {
    color: var(--bleu-roi) !important;
}

/* Page RÉSULTATS - Rouge pour les icônes et titres */
.mon-shortcode-wrapper[data-current-section="resultats"] .resultats-card-icon i {
    color: var(--rouge-resultats) !important;
}

.mon-shortcode-wrapper[data-current-section="resultats"] .resultats-card-title {
    color: var(--rouge-resultats) !important;
}

/* Page DÉMARCHES - Bleu pour les icônes et titres */
.mon-shortcode-wrapper[data-current-section="demarches"] .resultats-card-icon i {
    color: var(--bleu-demarches) !important;
}

.mon-shortcode-wrapper[data-current-section="demarches"] .resultats-card-title {
    color: var(--bleu-demarches) !important;
}

/* Page IMPLICATION - Vert pour les icônes et titres */
.mon-shortcode-wrapper[data-current-section="implication"] .resultats-card-icon i {
    color: var(--vert-implication) !important;
}

.mon-shortcode-wrapper[data-current-section="implication"] .resultats-card-title {
    color: var(--vert-implication) !important;
}

/* Page DISRUPTIF - Jaune pour les icônes et titres */
.mon-shortcode-wrapper[data-current-section="disruptif"] .resultats-card-icon i {
    color: var(--jaune-disruptif) !important;
}

.mon-shortcode-wrapper[data-current-section="disruptif"] .resultats-card-title {
    color: var(--jaune-disruptif) !important;
}

/* Icônes et titres blancs sur les pages avec fond noir (Résultats, Démarches, Implication et Disruptif) */
.mon-shortcode-wrapper[data-current-section="resultats"]:not([data-has-subsection="true"]) .resultats-card-icon i,
.mon-shortcode-wrapper[data-current-section="demarches"]:not([data-has-subsection="true"]) .resultats-card-icon i,
.mon-shortcode-wrapper[data-current-section="implication"]:not([data-has-subsection="true"]) .resultats-card-icon i,
.mon-shortcode-wrapper[data-current-section="disruptif"]:not([data-has-subsection="true"]) .resultats-card-icon i,
.mon-shortcode-wrapper[data-current-section="resultats"]:not([data-has-subsection="true"]) .resultats-card-title,
.mon-shortcode-wrapper[data-current-section="demarches"]:not([data-has-subsection="true"]) .resultats-card-title,
.mon-shortcode-wrapper[data-current-section="implication"]:not([data-has-subsection="true"]) .resultats-card-title,
.mon-shortcode-wrapper[data-current-section="disruptif"]:not([data-has-subsection="true"]) .resultats-card-title {
    color: var(--blanc) !important;
}

/* ==================== STYLES POUR LES LIENS D'ANCRE DE MOTS-CLÉS ==================== */
.mon-shortcode-wrapper .docs-7030-plugin .keyword-anchor {
    color: var(--bleu-accent) !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(59, 130, 246, 0.5) !important;
    text-underline-offset: 3px !important;
    text-decoration-thickness: 2px !important;
    font-weight: 600 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    position: relative !important;
    display: inline !important;
    padding: 2px 4px !important;
    margin: 0 1px !important;
    border-radius: 4px !important;
    scroll-margin-top: 100px !important;
}

/* Effet de survol amélioré */
.mon-shortcode-wrapper .docs-7030-plugin .keyword-anchor:hover {
    color: var(--bleu-hover) !important;
    text-decoration: none !important;
    background-color: rgba(59, 130, 246, 0.15) !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2) !important;
    transform: translateY(-1px) !important;
    padding: 2px 6px !important;
}

/* Effet au clic */
.mon-shortcode-wrapper .docs-7030-plugin .keyword-anchor:active {
    color: var(--bleu-roi) !important;
    background-color: rgba(30, 58, 138, 0.2) !important;
    transform: translateY(0) !important;
    box-shadow: 0 1px 4px rgba(30, 58, 138, 0.3) !important;
}

/* Focus pour l'accessibilité */
.mon-shortcode-wrapper .docs-7030-plugin .keyword-anchor:focus {
    outline: 2px solid var(--bleu-accent) !important;
    outline-offset: 2px !important;
    border-radius: 4px !important;
}

/* Styles spécifiques pour les liens vers le lexique */
.mon-shortcode-wrapper .docs-7030-plugin .keyword-anchor.lexique-link,
.mon-shortcode-wrapper .docs-7030-plugin a.lexique-link {
    color: #7c3aed !important;
    /* Violet pour distinguer les liens lexique */
    text-decoration: underline !important;
    text-decoration-style: dashed !important;
    text-decoration-color: rgba(124, 58, 237, 0.5) !important;
    text-underline-offset: 3px !important;
    transition: all 0.2s ease !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .keyword-anchor.lexique-link:hover,
.mon-shortcode-wrapper .docs-7030-plugin a.lexique-link:hover {
    color: #6d28d9 !important;
    background-color: rgba(124, 58, 237, 0.15) !important;
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.2) !important;
    text-decoration-color: #6d28d9 !important;
    border-radius: 3px !important;
    padding: 0 2px !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .keyword-anchor.lexique-link:active,
.mon-shortcode-wrapper .docs-7030-plugin a.lexique-link:active {
    color: #5b21b6 !important;
    background-color: rgba(91, 33, 182, 0.2) !important;
    box-shadow: 0 1px 4px rgba(91, 33, 182, 0.3) !important;
}

/* Effet de surbrillance pour les éléments du lexique ciblés */
.mon-shortcode-wrapper .docs-7030-plugin .lexique-item.highlighted,
.mon-shortcode-wrapper .docs-7030-plugin .highlighted {
    animation: docs7030-highlightPulse 1.5s ease-out !important;
    animation-fill-mode: forwards !important;
    background-color: rgba(124, 58, 237, 0.08) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin: -10px !important;
    border: 2px solid rgba(124, 58, 237, 0.5) !important;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.15) !important;
    position: relative !important;
}

/* Bouton "Retourner à la lecture" */
.mon-shortcode-wrapper .docs-7030-plugin .highlight-return-btn {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.3) !important;
    z-index: 10 !important;
    white-space: nowrap !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .highlight-return-btn:hover {
    background: linear-gradient(135deg, #6d28d9 0%, #4c1d95 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.4) !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .highlight-return-btn svg {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
}

.mon-shortcode-wrapper .docs-7030-plugin .highlight-return-btn span {
    line-height: 1 !important;
}

/* Responsive - masquer le texte sur petit écran */
@media (max-width: 600px) {
    .mon-shortcode-wrapper .docs-7030-plugin .highlight-return-btn span {
        display: none !important;
    }

    .mon-shortcode-wrapper .docs-7030-plugin .highlight-return-btn {
        padding: 8px !important;
        border-radius: 50% !important;
    }
}

@keyframes docs7030-highlightPulse {
    0% {
        background-color: rgba(124, 58, 237, 0.4) !important;
        box-shadow: 0 0 0 0 rgba(124, 58, 237, 0.7) !important;
        border-color: rgba(124, 58, 237, 0.8) !important;
    }

    50% {
        background-color: rgba(124, 58, 237, 0.2) !important;
        box-shadow: 0 0 0 10px rgba(124, 58, 237, 0) !important;
        border-color: rgba(124, 58, 237, 0.6) !important;
    }

    100% {
        background-color: rgba(124, 58, 237, 0.08) !important;
        box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.15) !important;
        border-color: rgba(124, 58, 237, 0.5) !important;
    }
}

/* ========================================
   Styles pour la page #Tout avec layout 2 colonnes
   ======================================== */

/* Layout 2 colonnes pour la page Tout */
.mon-shortcode-wrapper .tout-two-columns-layout {
    display: flex;
    gap: 20px;
    margin: 0;
    align-items: flex-start;
}

.mon-shortcode-wrapper .tout-nav-cards {
    flex: 0 0 30%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    min-width: 0;
}

.mon-shortcode-wrapper .tout-two-columns-layout {
    display: flex;
    gap: 20px;
    margin: 30px 0;
}

.mon-shortcode-wrapper .tout-poster-container {
    flex: 0 0 70%;
}

/* Ajuster la hauteur du poster pour correspondre aux cards */
.mon-shortcode-wrapper #posterContainerEmbeddedTout {
    max-height: 600px !important;
    height: auto !important;
}

.mon-shortcode-wrapper #posterContainerEmbeddedTout .poster-content-wrapper {
    height: 100% !important;
}

/* Cards de navigation */
.mon-shortcode-wrapper .tout-nav-card {
    cursor: pointer;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    position: relative;
    color: #ffffff !important;
    /* Force text color for container */
}

/* Force all children text to be white */
.mon-shortcode-wrapper .tout-nav-card * {
    color: #ffffff !important;
}

/* Couleurs de fond spécifiques par carte */
.mon-shortcode-wrapper .tout-nav-card:nth-child(1) {
    background: #dc2626;
}

.mon-shortcode-wrapper .tout-nav-card:nth-child(2) {
    background: #2563eb;
}

.mon-shortcode-wrapper .tout-nav-card:nth-child(3) {
    background: #059669;
}

.mon-shortcode-wrapper .tout-nav-card:nth-child(4) {
    background: #E6D400;
}

.mon-shortcode-wrapper .tout-nav-card-content {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mon-shortcode-wrapper .tout-nav-card-icon-wrapper {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mon-shortcode-wrapper .tout-nav-card-icon-wrapper svg {
    width: 24px;
    height: 24px;
}

.mon-shortcode-wrapper .tout-nav-card-text {
    flex: 1;
}

.mon-shortcode-wrapper .tout-nav-card h3 {
    color: #ffffff !important;
    margin: 0 0 2px 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

.mon-shortcode-wrapper .tout-nav-card p {
    color: #ffffff !important;
    margin: 0 !important;
    font-size: 12px !important;
    opacity: 0.9 !important;
    line-height: 1.2 !important;
}

.mon-shortcode-wrapper .tout-nav-card:hover {
    transform: translateY(-3px) scale(1.01);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
}

.mon-shortcode-wrapper .tout-nav-card:active {
    transform: translateY(-1px) scale(1);
}

/* Effet de brillance au survol */
.mon-shortcode-wrapper .tout-nav-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s ease;
}

.mon-shortcode-wrapper .tout-nav-card:hover::before {
    left: 100%;
}

/* Responsive - Tablettes */
@media (max-width: 1024px) {
    .mon-shortcode-wrapper .tout-two-columns-layout {
        flex-direction: column !important;
        gap: 25px !important;
    }

    .mon-shortcode-wrapper .tout-nav-cards {
        flex: 1 !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }

    .mon-shortcode-wrapper .tout-nav-card {
        flex: 0 0 calc(50% - 10px) !important;
    }

    .mon-shortcode-wrapper .tout-poster-container {
        flex: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Poster #Tout - pleine largeur sur tablette */
    .mon-shortcode-wrapper #posterContainerEmbeddedTout {
        max-width: 100% !important;
        max-height: none !important;
        width: 100% !important;
    }

    /* Poster #Démarches - pleine largeur sur tablette */
    .mon-shortcode-wrapper .docs-7030-plugin .interactive-poster-embedded {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Responsive - Mobile */
@media (max-width: 768px) {
    .mon-shortcode-wrapper .tout-two-columns-layout {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .mon-shortcode-wrapper .tout-nav-cards {
        flex-direction: column !important;
        width: 100% !important;
    }

    .mon-shortcode-wrapper .tout-nav-card {
        flex: 1 !important;
        width: 100% !important;
    }

    .mon-shortcode-wrapper .tout-poster-container {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }

    /* Poster #Tout - ajustements mobile */
    .mon-shortcode-wrapper #posterContainerEmbeddedTout {
        max-width: 100% !important;
        max-height: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    /* Poster #Démarches - ajustements mobile */
    .mon-shortcode-wrapper .docs-7030-plugin .interactive-poster-embedded {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
    }

    /* Point d'interrogation - plus petit sur mobile */
    .mon-shortcode-wrapper .poster-help-icon {
        width: 32px !important;
        height: 32px !important;
        top: 5px !important;
        right: 5px !important;
    }

    .mon-shortcode-wrapper .poster-help-icon span {
        font-size: 18px !important;
    }

    /* SMQDCE - décalage vers la gauche sur mobile */
    .mon-shortcode-wrapper .docs-7030-plugin #posterContainerEmbedded .module-embedded[data-module="SMQDCE"],
    .mon-shortcode-wrapper .docs-7030-plugin .interactive-poster-embedded .module-embedded[data-module="SMQDCE"] {
        left: 0% !important;
    }

    /* Logo-2 - réduction taille et remontée sur mobile */
    .mon-shortcode-wrapper .docs-7030-plugin #posterContainerEmbedded .module-embedded[data-module="logo-2"],
    .mon-shortcode-wrapper .docs-7030-plugin .interactive-poster-embedded .module-embedded[data-module="logo-2"] {
        top: 12% !important;
        width: 6% !important;
        height: 8% !important;
    }

    /* Courbe - réduction taille, décalage vers la droite et remontée sur mobile */
    .mon-shortcode-wrapper .docs-7030-plugin #posterContainerEmbedded .module-embedded[data-module="courbe"],
    .mon-shortcode-wrapper .docs-7030-plugin .interactive-poster-embedded .module-embedded[data-module="courbe"] {
        left: 20% !important;
        top: 12% !important;
        width: 75% !important;
        height: 10% !important;
    }
}

/* Fallback mobile - sélecteurs encore plus larges */
@media screen and (max-width: 768px) {
    .module-embedded[data-module="SMQDCE"] {
        left: 0% !important;
    }

    .module-embedded[data-module="logo-2"] {
        top: 12% !important;
        width: 6% !important;
        height: 8% !important;
    }

    .module-embedded[data-module="courbe"] {
        left: 20% !important;
        top: 12% !important;
        width: 75% !important;
        height: 10% !important;
    }
}

/* Tablette et mobile - même ajustements */
@media screen and (max-width: 1024px) {
    .mon-shortcode-wrapper .module-embedded[data-module="SMQDCE"] {
        left: 0% !important;
    }

    .mon-shortcode-wrapper .module-embedded[data-module="logo-2"] {
        top: 12% !important;
        width: 6% !important;
        height: 8% !important;
    }

    .mon-shortcode-wrapper .module-embedded[data-module="courbe"] {
        left: 20% !important;
        top: 12% !important;
        width: 75% !important;
        height: 10% !important;
    }
}

/* Animation d'apparition des cards */
@keyframes docs7030-fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mon-shortcode-wrapper .tout-nav-card {
    animation: docs7030-fadeInUp 0.5s ease-out;
}

.mon-shortcode-wrapper .tout-nav-card:nth-child(1) {
    animation-delay: 0.1s;
}

.mon-shortcode-wrapper .tout-nav-card:nth-child(2) {
    animation-delay: 0.2s;
}

.mon-shortcode-wrapper .tout-nav-card:nth-child(3) {
    animation-delay: 0.3s;
}

.mon-shortcode-wrapper .tout-nav-card:nth-child(4) {
    animation-delay: 0.4s;
}

/* Point d'interrogation animé sur le poster */
.mon-shortcode-wrapper .poster-help-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000;
    width: 40px;
    height: 40px;
    background: #3b82f6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    cursor: help;
    animation: docs7030-bounce-question 2s infinite;
    transition: all 0.3s ease;
}

.mon-shortcode-wrapper .poster-help-icon:hover {
    background: #2563eb;
    transform: scale(1.1);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.mon-shortcode-wrapper .poster-help-icon span {
    color: white;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
}

/* Animation de rebond pour le point d'interrogation */
@keyframes docs7030-bounce-question {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }

    60% {
        transform: translateY(-5px);
    }
}

/* Tooltip moderne pour le point d'interrogation */
.mon-shortcode-wrapper .poster-help-icon::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: -45px;
    right: 0;
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    color: white;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px);
    transition: all 0.3s ease;
    pointer-events: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1001;
}

/* Flèche du tooltip */
.mon-shortcode-wrapper .poster-help-icon::after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 15px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #1e293b;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 1001;
}

/* Afficher le tooltip au hover */
.mon-shortcode-wrapper .poster-help-icon:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.mon-shortcode-wrapper .poster-help-icon:hover::after {
    opacity: 1;
    visibility: visible;
}

/* Pause l'animation de rebond au hover */
.mon-shortcode-wrapper .poster-help-icon:hover {
    animation-play-state: paused;
}

/* Corrections spécifiques pour iOS et mobile - Header fixe et menu plein écran */
@supports (-webkit-touch-callout: none) {
    /* iOS spécifique */
    @media (max-width: 1023px) {
        .mon-shortcode-wrapper .docs-7030-plugin .menu-content {
            height: auto !important;
            max-height: fit-content !important;
        }
    }
}

/* ==================== VIDEO GRID FOR YOUTUBE EMBEDS ==================== */
.mon-shortcode-wrapper .video-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin: 30px 0;
}

.mon-shortcode-wrapper .video-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mon-shortcode-wrapper .video-item h4 {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--gris-fonce);
    margin: 0;
    padding: 0;
}

.mon-shortcode-wrapper .video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    /* Ratio 16:9 */
    height: 0;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    background: #000;
}

.mon-shortcode-wrapper .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 12px;
}

/* Responsive: 1 colonne sur mobile et tablette */
@media (max-width: 768px) {
    .mon-shortcode-wrapper .video-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
}

@supports (height: 100dvh) {
    @media (max-width: 1023px) {
        .mon-shortcode-wrapper .docs-7030-plugin .menu-content {
            height: auto !important;
            max-height: fit-content !important;
        }
    }
}

/* ==================== FO-01: CORRECTION DOUBLE SCROLL MOBILE ==================== */
/* Empêcher le scroll interne dans les cartes/tuiles sur mobile et desktop */

/* Supprimer tout overflow scroll sur les cartes de résultats */
.mon-shortcode-wrapper .docs-7030-plugin .resultats-card,
.mon-shortcode-wrapper .docs-7030-plugin .solution-card,
.mon-shortcode-wrapper .docs-7030-plugin .category-item,
.mon-shortcode-wrapper .docs-7030-plugin .mini-card,
.mon-shortcode-wrapper .docs-7030-plugin .tout-nav-card {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: auto !important;
    max-height: none !important;
    height: auto !important;
}

/* Tous les conteneurs de contenu doivent être en overflow visible */
.mon-shortcode-wrapper .docs-7030-plugin .subsection-content,
.mon-shortcode-wrapper .docs-7030-plugin .content-body,
.mon-shortcode-wrapper .docs-7030-plugin .resultats-cards-grid,
.mon-shortcode-wrapper .docs-7030-plugin .content-section {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: auto !important;
    max-height: none !important;
    height: auto !important;
}

/* Container principal scrollable uniquement */
.mon-shortcode-wrapper .docs-7030-plugin .main-content {
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Media queries mobile - RÈGLES RENFORCÉES */
@media (max-width: 1023px) {
    /* Reset complet de tous les overflows sur les cartes et conteneurs */
    .mon-shortcode-wrapper .docs-7030-plugin .resultats-card,
    .mon-shortcode-wrapper .docs-7030-plugin .solution-card,
    .mon-shortcode-wrapper .docs-7030-plugin .category-item,
    .mon-shortcode-wrapper .docs-7030-plugin .mini-card,
    .mon-shortcode-wrapper .docs-7030-plugin .tout-nav-card,
    .mon-shortcode-wrapper .docs-7030-plugin .subsection-content,
    .mon-shortcode-wrapper .docs-7030-plugin .content-body,
    .mon-shortcode-wrapper .docs-7030-plugin .resultats-cards-grid,
    .mon-shortcode-wrapper .docs-7030-plugin .mini-cards-grid,
    .mon-shortcode-wrapper .docs-7030-plugin .content-section,
    .mon-shortcode-wrapper .docs-7030-plugin .content-text,
    .mon-shortcode-wrapper .docs-7030-plugin .content-image {
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: auto !important;
        touch-action: manipulation !important;
        max-height: none !important;
        height: auto !important;
    }

    /* Le scroll ne doit être QUE sur main-content */
    .mon-shortcode-wrapper .docs-7030-plugin .main-content {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
        overscroll-behavior: contain !important;
        height: 100% !important;
    }

    /* Hauteur auto pour tous les conteneurs de contenu */
    .mon-shortcode-wrapper .docs-7030-plugin .subsection-content,
    .mon-shortcode-wrapper .docs-7030-plugin .content-body {
        min-height: auto !important;
        height: auto !important;
        max-height: none !important;
    }
    
    /* S'assurer que la grille de cartes est en hauteur auto */
    .mon-shortcode-wrapper .docs-7030-plugin .resultats-cards-grid,
    .mon-shortcode-wrapper .docs-7030-plugin .mini-cards-grid {
        min-height: auto !important;
        height: auto !important;
        max-height: none !important;
    }
}

/* Mobile spécifique - règles additionnelles */
@media (max-width: 767px) {
    /* Forcer TOUTES les cartes à s'adapter à leur contenu */
    .mon-shortcode-wrapper .docs-7030-plugin .resultats-card,
    .mon-shortcode-wrapper .docs-7030-plugin .solution-card,
    .mon-shortcode-wrapper .docs-7030-plugin .category-item,
    .mon-shortcode-wrapper .docs-7030-plugin .mini-card {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-y: visible !important;
    }

    /* Tous les conteneurs de contenu en hauteur auto */
    .mon-shortcode-wrapper .docs-7030-plugin .subsection-content,
    .mon-shortcode-wrapper .docs-7030-plugin .content-body,
    .mon-shortcode-wrapper .docs-7030-plugin .content-section {
        min-height: auto !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-y: visible !important;
    }
    
    /* Container principal garde uniquement le scroll */
    .mon-shortcode-wrapper .docs-7030-plugin .container {
        overflow: hidden !important;
    }
    
    .mon-shortcode-wrapper .docs-7030-plugin .main-content {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

/* iOS spécifique - éviter le scroll élastique dans les sous-éléments */
@supports (-webkit-touch-callout: none) {
    .mon-shortcode-wrapper .docs-7030-plugin .resultats-card,
    .mon-shortcode-wrapper .docs-7030-plugin .solution-card,
    .mon-shortcode-wrapper .docs-7030-plugin .category-item,
    .mon-shortcode-wrapper .docs-7030-plugin .mini-card,
    .mon-shortcode-wrapper .docs-7030-plugin .tout-nav-card,
    .mon-shortcode-wrapper .docs-7030-plugin .subsection-content,
    .mon-shortcode-wrapper .docs-7030-plugin .content-body,
    .mon-shortcode-wrapper .docs-7030-plugin .content-section {
        -webkit-overflow-scrolling: auto !important;
        overflow: visible !important;
        overflow-y: visible !important;
    }
    
    /* Seul le main-content a le touch scrolling */
    .mon-shortcode-wrapper .docs-7030-plugin .main-content {
        -webkit-overflow-scrolling: touch !important;
        overflow-y: auto !important;
    }
}