/* CSS généré automatiquement par le customizer WordPress */

:root {
    --primary_color: #2d3748;
    --secondary_color: #17b2aa;
    --third_color: #fcdca1;
    --cta_color: #17b2aa;
    --contrast_color: #17b2aa;
    --neutral_color: #edf1f7;
    --soft_color: #fcdca1;
    --link_color: #109c8c;
    --menu_color: #2d3748;
    --menu_sticky_color: #2d3748;
    --menu_link_color: #ffffff;
    --menu_mobile_color: #2d3748;
    --font_color: #2d3748;
    --footer_color: #2d3748;
    --footer_text_color: #ffffff;
    --background_color: #fafbfd;
    --contrast_color: #17b2aa;
    --neutral_color: #edf1f7;
    --soft_color: #fcdca1;
    --heading-font: 'Poppins', sans-serif;
    --body-font: 'Inter', sans-serif;
    --h1_font_size: 3rem;
    --subtitle_font_size: 1.6em;
    --h2_font_size: 1.6em;
    --h3_font_size: 1.2em;
    --h4_font_size: 1em;
    --h5_font_size: 0.95em;
    --h6_font_size: 0.9em;
    --body_font_size: 18px;
    --heading_line_height: 1.3;
    --body_line_height: 1.7;
    --style_general: 20px;
    --content-max-width: 1800px;
    --block_padding: 20px;
    --hamburger-color: #ffffff;
    --woo-columns: 4;
    --logo-size: 40px;
    --archive-card-bg: #f8f9fa;
}

/* Taille du logo */
#mainHeader section a#logo > img { max-height: var(--logo-size, 40px); }

body {
    background-color: #fafbfd;
}

/* Styles pour les titres H2-H6 (échelle progressive) */
h1, h2, h3, h4, h5, h6 { line-height: var(--heading_line_height, 1.3); }
h2 { font-size: 1.6em; font-family: var(--heading-font); }
h3 { font-size: 1.2em; font-family: var(--heading-font); }
h4 { font-size: 1em; font-family: var(--heading-font); }
h5 { font-size: 0.95em; font-family: var(--heading-font); }
h6 { font-size: 0.9em; font-family: var(--heading-font); }
/* Line-height du texte courant */
body, p, li, td, th { line-height: var(--body_line_height, 1.7); }

/* Largeur du contenu dynamique - Desktop */
@media (min-width: 769px) {
    .wrapped,
    .wp-block-cover__inner-container,
    #blog,
    .is-style-boxed,
    .boxed,
    header nav,
    #footer-container {
        max-width: 1800px !important;
        width: 90% !important;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Largeur du contenu dynamique - Mobile */
@media (max-width: 768px) {
    .wrapped,
    .wp-block-cover__inner-container,
    #blog,
    .is-style-boxed,
    .boxed,
    header nav,
    #footer-container {
        max-width: 100% !important;
        width: 95% !important;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Styles Gutenberg - Espacements et arrondis */
/* Forcer le border-radius du thème sur tous les blocs Gutenberg */
.wp-block-group,
.wp-block-columns,
.wp-block-column,
.wp-block-cover,
.wp-block-media-text,
.has-background,
.wp-block-group[style*="border-radius"],
.wp-block-column[style*="border-radius"],
.wp-block-cover[style*="border-radius"],
.wp-block-button__link,
.wp-block-image img,
.wp-block-image figure,
/* Cibler spécifiquement les colonnes avec background */
.wp-block-column.has-background,
.wp-block-column[style*="background"],
.wp-block-column[style*="border"],
/* Cibler les blocs dans les colonnes */
.wp-block-column > .wp-block-group,
.wp-block-column > div[class*="wp-block"],
/* Forcer aussi sur les colonnes avec styles inline quelconques */
.wp-block-columns .wp-block-column[style],
.wp-block-columns > .wp-block-column[style],
.wp-block-column[style*="padding"],
/* Cibler les colonnes même sans classes spécifiques */
.wp-block-columns > *[style*="background"],
.wp-block-columns > *[style*="border"],
.wp-block-columns > *[style*="padding"],
/* Premier enfant de chaque colonne */
.wp-block-column > *:first-child[style*="background"],
.wp-block-column > *:first-child.has-background {
    border-radius: var(--style_general) !important;
    -webkit-border-radius: var(--style_general) !important;
    -moz-border-radius: var(--style_general) !important;
}

/* Override TOUS les styles inline de border-radius */
[style*="border-radius:"],
[style*="border-radius: "],
.wp-block-column[style*="border-radius"],
.has-background[style*="border-radius"],
.wp-block-group[style*="border-radius:"],
.wp-block-cover[style*="border-radius:"],
.wp-block-quote[style*="border-radius:"],
.wp-block-image img[style*="border-radius:"],
.wp-block-columns [style*="border-radius:"] {
    border-radius: var(--style_general) !important;
    -webkit-border-radius: var(--style_general) !important;
    -moz-border-radius: var(--style_general) !important;
}

/* Forcer sur TOUS les éléments avec des valeurs de border-radius spécifiques */
[style*="border-radius:0"],
[style*="border-radius: 0"],
[style*="border-radius:1"],
[style*="border-radius: 1"],
[style*="border-radius:2"],
[style*="border-radius: 2"],
[style*="border-radius:3"],
[style*="border-radius: 3"],
[style*="border-radius:4"],
[style*="border-radius: 4"],
[style*="border-radius:5"],
[style*="border-radius: 5"],
[style*="border-radius:6"],
[style*="border-radius: 6"],
[style*="border-radius:7"],
[style*="border-radius: 7"],
[style*="border-radius:8"],
[style*="border-radius: 8"],
[style*="border-radius:9"],
[style*="border-radius: 9"] {
    border-radius: var(--style_general) !important;
}

.wp-block-group.has-background {
    padding: 20px;
}

.wp-block-column.has-background {
    padding: 20px;
}

/* CSS personnalisé */
#membreFT { margin-top: -180px; z-index:99; max-width: 800px !important; }