/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


:root{--cn-primary:#0F5193;--cn-secondary:#10B5D5;--cn-heading:#0F5294;--cn-sub:#0F83B4;--cn-dark:#062D4A;--cn-text:#434344;--cn-pale:#EFF9FC;--cn-line:#D7E8EF}
html{scroll-behavior:smooth}body{font-family:Montserrat,Arial,sans-serif;color:var(--cn-text);overflow-x:hidden}.cn-rich-content{font-size:1.03rem;line-height:1.72}.cn-rich-content h1,.cn-rich-content h2,.cn-rich-content h3,.cn-rich-content h4{color:var(--cn-heading);font-family:Montserrat,Arial,sans-serif;line-height:1.2;margin-top:1.2em}.cn-rich-content p{margin:0 0 1.05em}.cn-rich-content a{color:var(--cn-sub);text-decoration-thickness:.08em;text-underline-offset:.15em}.cn-rich-content img{max-width:100%;height:auto;border-radius:16px}.cn-rich-content .alignleft{float:left;margin:0 24px 16px 0}.cn-rich-content .alignright{float:right;margin:0 0 16px 24px}.cn-rich-content .aligncenter{display:block;margin:20px auto}.cn-rich-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;background:#fff}.cn-rich-content td,.cn-rich-content th{border:1px solid var(--cn-line);padding:12px;vertical-align:top}.cn-rich-content blockquote{border-left:4px solid var(--cn-secondary);margin:24px 0;padding:18px 24px;background:var(--cn-pale);border-radius:0 14px 14px 0}.cn-rich-content iframe{display:block;width:100%;max-width:800px;aspect-ratio:16/9;height:auto;margin:24px auto;border:0;border-radius:18px}.cn-import-button-wrap{text-align:center;margin:28px 0}.cn-import-button{display:inline-flex;padding:14px 22px;border-radius:999px;background:var(--cn-primary);color:#fff!important;text-decoration:none!important;font-weight:700}.cn-import-button:hover{background:var(--cn-secondary)}.cn-footer-links a{color:#fff;text-decoration:none}.cn-footer-links a:hover{color:#A7EAF4}.elementor-widget-theme-post-content>.elementor-widget-container:after,.cn-rich-content:after{content:"";display:block;clear:both}@media(max-width:767px){.cn-rich-content{font-size:1rem}.cn-rich-content .alignleft,.cn-rich-content .alignright{float:none;display:block;margin:18px auto}.cn-rich-content table{font-size:.9rem}}

/* COLON-NET - Comparatif : bandeau flottant (v5)
 * Fonctionne avec les IDs Elementor du template elementor-1948-2026-10-27.json.
 * Le bandeau flottant est une copie VISUELLE de l'en-tete Elementor natif.
 * La copie est ajoutee par JS directement sous <body> : overflow:hidden des
 * conteneurs du tableau n'interfere donc plus.
 */

/* Conserve les classes de contexte Elementor pour la typographie et couleurs. */
.cn-comparatif-floating-host {
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    pointer-events: none;
}

@media (min-width: 1025px) {
    /* Desactive la tentative sticky de l'ancienne v4. */
    .elementor-element-7c3a7352:not(.cn-comparatif-floating-header),
    .cn-comparatif-entete:not(.cn-comparatif-floating-header) {
        position: relative !important;
        top: auto !important;
        z-index: auto !important;
        box-shadow: none !important;
    }

    /* Le bandeau copie sort des ancetres Elementor et se superpose au tableau. */
    .cn-comparatif-floating-header {
        position: fixed !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        z-index: 990 !important;
        pointer-events: none;
        box-shadow: 0 7px 24px rgba(6, 45, 74, 0.22) !important;
        border-radius: 10px 10px 0 0;
    }

    /* Masque les intitules repetes uniquement sur ordinateur. */
    .cn-comparatif-titre-mobile {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .cn-comparatif-floating-header {
        display: none !important;
    }
}