/*
Theme Name: ColorMag Child
Theme URI: https://themegrill.com/themes/colormag/
Description: Thème enfant 100% personnalisable pour ColorMag – Pilotez couleurs, polices, widgets et chaque zone du site depuis ce fichier unique.
Author: LMA Editorial Team
Author URI: https://lma/
Template: colormag
Version: 2.0.0
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Text Domain: colormag-child
*/


/* ╔═══════════════════════════════════════════════════════════════════╗
   ║  TABLEAU DE BORD – VARIABLES CSS (PERSONNALISATION GLOBALE)     ║
   ║  Modifiez UNIQUEMENT les valeurs ci-dessous.                    ║
   ║  Tout le thème sera mis à jour automatiquement.                 ║
   ╚═══════════════════════════════════════════════════════════════════╝ */

:root {

    /* ─────────────────────────────────────────────
       1. PALETTE DE COULEURS GLOBALE
       ───────────────────────────────────────────── */
    --lma-color-primary:         #207daf;   /* Couleur principale (boutons, titres widgets, liens actifs, catégories) */
    --lma-color-primary-hover:   #1a658f;   /* Couleur principale au survol */
    --lma-color-secondary:       #AFC6ED; /* #8269DF;   /* Couleur d'accentuation (violet) */
    --lma-color-accent:          #E14D36;   /* Couleur d'accent secondaire (rouge/orange) */
    --lma-color-dark:            #27272a;   /* Noir principal (titres, nav-bar, footer) */
    --lma-color-dark-alt:        #3f3f46;   /* Gris foncé (footer cols, sous-menus) */
    --lma-color-gray:            #71717a;   /* Gris moyen (métadonnées, icônes) */
    --lma-color-gray-light:      #a1a1aa;   /* Gris clair (scrollbar) */
    --lma-color-border:          #e4e4e7;   /* Bordures générales */
    --lma-color-border-light:    #f4f4f5;   /* Bordures très claires */
    --lma-color-bg:              #E4E4E7;   /* Fond de la page (mode boxed) */
    --lma-color-bg-content:      #ffffff;   /* Fond de la zone de contenu */
    --lma-color-bg-light:        #f4f4f5;   /* Fond clair (top-bar, tableaux) */
    --lma-color-text:            #3f3f46;   /* Texte des paragraphes */
    --lma-color-text-light:      #52525b;   /* Texte secondaire (descriptions, labels) */
    --lma-color-headings:        #27272a;   /* Couleur des titres h1-h6 */
    --lma-color-white:           #ffffff;
    --lma-color-black:           #000000;

    /* ─────────────────────────────────────────────
       2. TYPOGRAPHIE
       ───────────────────────────────────────────── */
    --lma-font-body:             "Open Sans", sans-serif;
    --lma-font-headings:         "Open Sans", sans-serif;
    --lma-font-nav:              "Open Sans", serif;
    --lma-font-size-base:        16px;
    --lma-font-size-small:       14px;
    --lma-font-size-xsmall:      12px;
    --lma-font-weight-normal:    400;
    --lma-font-weight-medium:    500;
    --lma-font-weight-semibold:  600;
    --lma-font-weight-bold:      700;
    --lma-line-height-base:      1.8;
    --lma-line-height-heading:   1.3;

    /* ─────────────────────────────────────────────
       3. BARRE DU HAUT (TOP BAR)
       ───────────────────────────────────────────── */
    --lma-topbar-bg:             #f4f4f5;
    --lma-topbar-text:           #3f3f46;
    --lma-topbar-link:           #3f3f46;
    --lma-topbar-font-size:      14px;

    /* ─────────────────────────────────────────────
       4. EN-TÊTE (HEADER)
       ───────────────────────────────────────────── */
    --lma-header-bg:             #ffffff;
    --lma-header-border:         #e4e4e7;
    --lma-site-title-color:      #207daf;
    --lma-site-title-size:       40px;
    --lma-site-desc-color:       #52525b;
    --lma-site-desc-size:        16px;

    /* ─────────────────────────────────────────────
       5. NAVIGATION PRINCIPALE
       ───────────────────────────────────────────── */
    --lma-nav-bg:                #27272A;
    --lma-nav-border-top:        4px solid var(--lma-color-primary);
    --lma-nav-link-color:        #ffffff;
    --lma-nav-link-size:         14px;
    --lma-nav-link-weight:       600;
    --lma-nav-link-hover-bg:     var(--lma-color-primary);
    --lma-nav-link-hover-color:  #ffffff;
    --lma-nav-submenu-bg:        #232323;
    --lma-nav-home-icon-active:  var(--lma-color-primary);
    --lma-nav-toggle-color:      #ffffff;

    /* ─────────────────────────────────────────────
       6. NAVIGATION MOBILE
       ───────────────────────────────────────────── */
    --lma-mobile-nav-bg:         #27272A;
    --lma-mobile-nav-border:     var(--lma-color-dark-alt);
    --lma-mobile-nav-link-color: #ffffff;
    --lma-mobile-nav-hover-bg:   var(--lma-color-primary);

    /* ─────────────────────────────────────────────
       7. FIL D'ARIANE (BREADCRUMB)
       ───────────────────────────────────────────── */
    --lma-breadcrumb-color:      #888888;
    --lma-breadcrumb-size:       16px;

    /* ─────────────────────────────────────────────
       8. ZONE DE CONTENU (ARTICLES / PAGES)
       ───────────────────────────────────────────── */
    --lma-content-bg:            var(--lma-color-bg-content);
    --lma-content-padding-top:   60px;
    --lma-content-padding-bottom:60px;
    --lma-post-title-color:      #27272a;
    --lma-post-title-size:       24px;
    --lma-post-title-single-size:32px;
    --lma-post-meta-color:       #71717a;
    --lma-post-meta-size:        12px;
    --lma-post-card-shadow:      0px 0px 2px 0px rgba(0,0,0,0.24);
    --lma-post-card-radius:      4px;
    --lma-post-summary-size:     14px;
    --lma-post-category-bg:      var(--lma-color-primary);
    --lma-post-category-color:   #ffffff;
    --lma-post-category-size:    10px;
    --lma-post-category-radius:  2px;
    --lma-entry-button-bg:       var(--lma-color-primary);
    --lma-entry-button-color:    #ffffff;

    /* ─────────────────────────────────────────────
       9. PAGINATION
       ───────────────────────────────────────────── */
    --lma-pagination-bg:         #ffffff;
    --lma-pagination-color:      #3f3f46;
    --lma-pagination-active-bg:  var(--lma-color-primary);
    --lma-pagination-active-color:#ffffff;
    --lma-pagination-border:     #f4f4f5;
    --lma-pagination-radius:     4px;

    /* ─────────────────────────────────────────────
       10. BARRE LATÉRALE (SIDEBAR / WIDGETS)
       ───────────────────────────────────────────── */
    --lma-sidebar-font-size:     14px;
    --lma-widget-margin-bottom:  32px;
    --lma-widget-title-bg:       var(--lma-color-primary);
    --lma-widget-title-color:    #ffffff;
    --lma-widget-title-size:     16px;
    --lma-widget-title-weight:   600;
    --lma-widget-title-radius:   2px 2px 0 0;
    --lma-widget-title-border:   2px solid var(--lma-color-primary);
    --lma-widget-link-hover:     underline;

    /* ─────────────────────────────────────────────
       11. WIDGET SLIDER / CATÉGORIES
       ───────────────────────────────────────────── */
    --lma-slider-arrow-bg:       var(--lma-color-primary);
    --lma-slider-arrow-color:    #ffffff;
    --lma-slider-gradient:       linear-gradient(180deg, rgba(35,35,35,0) 0%, #232323 100%);
    --lma-slider-title-color:    #ffffff;

    /* ─────────────────────────────────────────────
       12. BREAKING NEWS / NEWS TICKER
       ───────────────────────────────────────────── */
    --lma-ticker-text-color:     #555555;
    --lma-ticker-font-size:      14px;

    /* ─────────────────────────────────────────────
       13. COMMENTAIRES
       ───────────────────────────────────────────── */
    --lma-comment-title-size:    24px;
    --lma-comment-author-color:  #27272a;
    --lma-comment-author-size:   20px;
    --lma-comment-meta-color:    #71717a;
    --lma-comment-label-color:   #52525b;
    --lma-comment-label-weight:  600;

    /* ─────────────────────────────────────────────
       14. CITATIONS / BLOCKQUOTES
       ───────────────────────────────────────────── */
    --lma-blockquote-bg:         var(--lma-color-primary);
    --lma-blockquote-color:      #ffffff;
    --lma-blockquote-radius:     4px;

    /* ─────────────────────────────────────────────
       15. BOUTONS GLOBAUX
       ───────────────────────────────────────────── */
    --lma-button-bg:             var(--lma-color-primary);
    --lma-button-color:          #ffffff;
    --lma-button-border:         var(--lma-color-primary);
    --lma-button-hover-bg:       transparent;
    --lma-button-hover-color:    var(--lma-color-primary);
    --lma-button-radius:         2px;

    /* ─────────────────────────────────────────────
       16. FORMULAIRES / CHAMPS
       ───────────────────────────────────────────── */
    --lma-input-bg:              #fcfcfc;
    --lma-input-border:          var(--lma-color-border);
    --lma-input-radius:          4px;
    --lma-input-focus-border:    var(--lma-color-border);
    --lma-search-button-bg:      var(--lma-color-primary);

    /* ─────────────────────────────────────────────
       17. ZONE PIED DE PAGE – COLONNES
       ───────────────────────────────────────────── */
    --lma-footer-cols-bg:        #3f3f46;
    --lma-footer-cols-text:      #e4e4e7;
    --lma-footer-cols-link:      #ffffff;
    --lma-footer-cols-link-hover:var(--lma-color-primary);
    --lma-footer-widget-bg:      #27272a;
    --lma-footer-widget-title-bg:var(--lma-color-primary);
    --lma-footer-widget-title-color:#ffffff;
    --lma-footer-widget-border:  #52525b;
    --lma-footer-heading-color:  #fafafa;

    /* ─────────────────────────────────────────────
       18. ZONE PIED DE PAGE – BARRE DU BAS
       ───────────────────────────────────────────── */
    --lma-footer-bar-bg:         #27272a;
    --lma-footer-bar-text:       #f4f4f5;
    --lma-footer-bar-link:       var(--lma-color-primary);
    --lma-footer-bar-link-hover: #ffffff;
    --lma-footer-bar-font-size:  14px;
    --lma-footer-menu-size:      12px;

    /* ─────────────────────────────────────────────
       19. FOOTER BUILDER (si header/footer builder activé)
       ───────────────────────────────────────────── */
    --lma-fb-top-bg:             #3f3f46;
    --lma-fb-top-text:           #e4e4e7;
    --lma-fb-main-bg:            #3f3f46;
    --lma-fb-bottom-bg:          var(--lma-color-dark);
    --lma-fb-bottom-text:        #f4f4f5;
    --lma-fb-link-color:         #ffffff;

    /* ─────────────────────────────────────────────
       20. HEADER BUILDER (si header builder activé)
       ───────────────────────────────────────────── */
    --lma-hb-bg:                 #ffffff;
    --lma-hb-border:             #e4e4e7;
    --lma-hb-top-row-bg:         #f4f4f5;
    --lma-hb-top-row-font-size:  14px;
    --lma-hb-main-row-padding:   20px;
    --lma-hb-bottom-row-bg:      var(--lma-color-dark);
    --lma-hb-bottom-border-top:  4px solid var(--lma-color-primary);
    --lma-hb-mobile-bg:          var(--lma-color-dark);

    /* ─────────────────────────────────────────────
       21. BOUTON RETOUR EN HAUT (SCROLL TO TOP)
       ───────────────────────────────────────────── */
    --lma-scroll-up-bg:          var(--lma-color-secondary);
    --lma-scroll-up-color:       #ffffff;
    --lma-scroll-up-size:        48px;
    --lma-scroll-up-radius:      4px;

    /* ─────────────────────────────────────────────
       22. ICÔNES SOCIALES
       ───────────────────────────────────────────── */
    --lma-social-icon-color:     #71717a;
    --lma-social-icon-hover:     var(--lma-color-primary);
    --lma-social-icon-size:      18px;

    /* ─────────────────────────────────────────────
       23. TABLES
       ───────────────────────────────────────────── */
    --lma-table-thead-bg:        #F4F8FB;
    --lma-table-border:          var(--lma-color-border);
    --lma-table-th-weight:       500;

    /* ─────────────────────────────────────────────
       24. WIDGET PERSONNALISÉ "LMA AUTEURS"
       ───────────────────────────────────────────── */
    --lma-w-authors-card-bg:     #1e1e1e;
    --lma-w-authors-card-height: 60px;
    --lma-w-authors-card-radius: 4px;
    --lma-w-authors-overlay:     rgba(0,0,0,0.6);
    --lma-w-authors-name-color:  #ffffff;
    --lma-w-authors-name-size:   15px;
    --lma-w-authors-name-weight: 600;
    --lma-w-authors-count-bg:    #8269DF;
    --lma-w-authors-count-width: 100px;
    --lma-w-authors-count-color: #ffffff;
    --lma-w-authors-count-size:  14px;
    --lma-w-authors-count-weight:600;
    --lma-w-authors-heading-border:#000000;
    --lma-w-authors-heading-color: #000000;
    --lma-w-authors-heading-size:  18px;

    /* ─────────────────────────────────────────────
       25. ARTICLES LIÉS (RELATED POSTS)
       ───────────────────────────────────────────── */
    --lma-related-title-size:    20px;
    --lma-related-icon-color:    var(--lma-color-primary);

    /* ─────────────────────────────────────────────
       26. ENCART AUTEUR (AUTHOR BOX)
       ───────────────────────────────────────────── */
    --lma-author-box-shadow:     0 1px 3px 0 rgba(0,0,0,0.1);

    /* ─────────────────────────────────────────────
       27. PAGE 404
       ───────────────────────────────────────────── */
    --lma-404-title-color:       var(--lma-color-primary);
    --lma-404-text-color:        #52525B;
    --lma-404-btn-bg:            var(--lma-color-primary);
    --lma-404-btn-color:         #ffffff;

    /* ─────────────────────────────────────────────
       28. INDICATEUR "VU TOUT" / VIEW ALL
       ───────────────────────────────────────────── */
    --lma-view-all-bg:           #000000;
    --lma-view-all-color:        #ffffff;
    --lma-view-all-size:         14px;
}


/* ╔═══════════════════════════════════════════════════════════════════╗
   ║  MAPPING – APPLICATION DES VARIABLES AUX SÉLECTEURS DU THÈME   ║
   ║  N'éditez cette section que pour ajouter des sélecteurs.        ║
   ╚═══════════════════════════════════════════════════════════════════╝ */

/* ── 1. GLOBAL / BODY ─────────────────────────── */
body {
    background-color: var(--lma-color-bg) !important;
    color: var(--lma-color-text) !important;
    font-family: var(--lma-font-body) !important;
    font-size: var(--lma-font-size-base) !important;
    line-height: var(--lma-line-height-base) !important;
}
h1, h2, h3, h4, h5, h6 {
    color: var(--lma-color-headings) !important;
    font-family: var(--lma-font-headings) !important;
    line-height: var(--lma-line-height-heading) !important;
}
a { color: var(--lma-color-primary); }
a:hover { color: var(--lma-color-primary-hover); }

/* ── 2. BOUTONS ───────────────────────────────── */
button, input[type="button"], input[type="reset"], input[type="submit"],
.wp-block-button .wp-block-button__link, .wp-element-button, .cm-button, .colormag-button {
    background-color: var(--lma-button-bg) !important;
    color: var(--lma-button-color) !important;
    border-color: var(--lma-button-border) !important;
    border-radius: var(--lma-button-radius) !important;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,
.wp-block-button .wp-block-button__link:hover, .wp-element-button:hover, .cm-button:hover, .colormag-button:hover {
    background-color: var(--lma-button-hover-bg) !important;
    color: var(--lma-button-hover-color) !important;
}

/* ── 3. FORMULAIRES / CHAMPS ──────────────────── */
input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="tel"], textarea {
    background-color: var(--lma-input-bg) !important;
    border-color: var(--lma-input-border) !important;
    border-radius: var(--lma-input-radius) !important;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus,
input[type="password"]:focus, input[type="url"]:focus { border-color: var(--lma-input-focus-border) !important; }
.search-wrap button, .wp-element-button, .wp-block-search .wp-element-button { background-color: var(--lma-search-button-bg) !important; }

/* ── 4. TABLES ────────────────────────────────── */
table thead { background-color: var(--lma-table-thead-bg) !important; }
table th { font-weight: var(--lma-table-th-weight) !important; }
th, td, .wp-block-table th, .wp-block-table td { border-color: var(--lma-table-border) !important; }

/* ── 5. TOP BAR ───────────────────────────────── */
.cm-top-bar { background-color: var(--lma-topbar-bg) !important; font-size: var(--lma-topbar-font-size) !important; }
.date-in-header { color: var(--lma-topbar-text) !important; }

/* ── 6. HEADER ────────────────────────────────── */
.cm-header, #header-meta { background-color: var(--lma-header-bg) !important; }
.cm-site-title a { color: var(--lma-site-title-color) !important; font-size: var(--lma-site-title-size) !important; }
.cm-site-description { color: var(--lma-site-desc-color) !important; font-size: var(--lma-site-desc-size) !important; }

/* ── 7. HEADER BUILDER ────────────────────────── */
.cm-header-builder { background: var(--lma-hb-bg) !important; border-color: var(--lma-hb-border) !important; }
.cm-header-builder .cm-header-top-row { background-color: var(--lma-hb-top-row-bg) !important; font-size: var(--lma-hb-top-row-font-size) !important; }
.cm-header-builder .cm-header-main-row { padding-top: var(--lma-hb-main-row-padding) !important; padding-bottom: var(--lma-hb-main-row-padding) !important; }
.cm-header-builder.cm-full-width .cm-header-bottom-row,
.cm-header-builder.cm-contained .cm-header-bottom-row .cm-bottom-row { background-color: var(--lma-hb-bottom-row-bg) !important; border-top: var(--lma-hb-bottom-border-top) !important; }
.cm-header-builder .cm-mobile-row .cm-mobile-open-container { background: var(--lma-hb-mobile-bg) !important; }

/* ── 8. NAVIGATION PRINCIPALE ─────────────────── */
#cm-primary-nav { background-color: var(--lma-nav-bg) !important; border-top: var(--lma-nav-border-top) !important; }
.cm-primary-nav a { color: var(--lma-nav-link-color) !important; font-size: var(--lma-nav-link-size) !important; font-weight: var(--lma-nav-link-weight) !important; font-family: var(--lma-font-nav) !important; }
.cm-primary-nav ul li.current-menu-item, .cm-primary-nav ul li.current_page_ancestor,
.cm-primary-nav ul li.current-menu-ancestor, .cm-primary-nav ul li.current_page_item,
.cm-primary-nav ul li:hover, .cm-primary-nav ul li.focus { background-color: var(--lma-nav-link-hover-bg) !important; }
.cm-primary-nav a:hover { color: var(--lma-nav-link-hover-color) !important; }
.cm-primary-nav .sub-menu, .cm-primary-nav .children { background-color: var(--lma-nav-submenu-bg) !important; }
.cm-home-icon.front_page_on { background-color: var(--lma-nav-home-icon-active) !important; }
.cm-header .cm-menu-toggle svg { fill: var(--lma-nav-toggle-color) !important; }

/* ── 9. NAVIGATION MOBILE ─────────────────────── */
.cm-mobile-nav li { background-color: var(--lma-mobile-nav-bg) !important; border-color: var(--lma-mobile-nav-border) !important; }
.cm-mobile-nav a { color: var(--lma-mobile-nav-link-color) !important; }
.cm-mobile-nav li:hover, .cm-mobile-nav li.current-menu-item { background-color: var(--lma-mobile-nav-hover-bg) !important; }

/* ── 10. FIL D'ARIANE ─────────────────────────── */
.breadcrumb-wrap { color: var(--lma-breadcrumb-color) !important; font-size: var(--lma-breadcrumb-size) !important; }

/* ── 11. CONTENU ──────────────────────────────── */
.cm-content { background-color: var(--lma-content-bg) !important; padding-top: var(--lma-content-padding-top) !important; padding-bottom: var(--lma-content-padding-bottom) !important; }
.cm-entry-title { font-size: var(--lma-post-title-size) !important; }
.cm-entry-title a { color: var(--lma-post-title-color) !important; }
.cm-entry-title a:hover { color: var(--lma-color-primary) !important; }
.single .cm-entry-header .cm-entry-title { font-size: var(--lma-post-title-single-size) !important; }
.cm-post-date a, .cm-author a, .cm-tag-links a, .cm-edit-link a, .cm-comments-link a { color: var(--lma-post-meta-color) !important; font-size: var(--lma-post-meta-size) !important; }
.cm-posts .post, .cm-post { box-shadow: var(--lma-post-card-shadow) !important; border-radius: var(--lma-post-card-radius) !important; }
.cm-entry-summary p { font-size: var(--lma-post-summary-size) !important; }
.cm-post-categories a { background-color: var(--lma-post-category-bg) !important; color: var(--lma-post-category-color) !important; font-size: var(--lma-post-category-size) !important; border-radius: var(--lma-post-category-radius) !important; }
.cm-entry-button span { background-color: var(--lma-entry-button-bg) !important; color: var(--lma-entry-button-color) !important; }

/* ── 12. PAGINATION ───────────────────────────── */
.page-numbers li > a, .page-numbers li > span { background-color: var(--lma-pagination-bg) !important; color: var(--lma-pagination-color) !important; border-color: var(--lma-pagination-border) !important; border-radius: var(--lma-pagination-radius) !important; }
.page-numbers .current { background-color: var(--lma-pagination-active-bg) !important; color: var(--lma-pagination-active-color) !important; }

/* ── 13. SIDEBAR / WIDGETS ────────────────────── */
.cm-secondary .widget, #cm-tertiary .widget { margin-bottom: var(--lma-widget-margin-bottom) !important; font-size: var(--lma-sidebar-font-size) !important; }
.cm-secondary .cm-widget-title, #cm-tertiary .cm-widget-title { border-bottom: var(--lma-widget-title-border) !important; }
.cm-secondary .cm-widget-title span, #cm-tertiary .cm-widget-title span,
.widget .wp-block-heading { background-color: var(--lma-widget-title-bg) !important; color: var(--lma-widget-title-color) !important; font-size: var(--lma-widget-title-size) !important; font-weight: var(--lma-widget-title-weight) !important; border-radius: var(--lma-widget-title-radius) !important; }
.widget .block-title { border-bottom: var(--lma-widget-title-border) !important; }
.cm-secondary a:hover, #cm-tertiary a:hover { text-decoration: var(--lma-widget-link-hover) !important; }

/* ── 14. WIDGET TITRE FEATURED POSTS ──────────── */
.cm-featured-posts .cm-widget-title { border-bottom: var(--lma-widget-title-border) !important; }
.cm-featured-posts .cm-widget-title span { background-color: var(--lma-widget-title-bg) !important; color: var(--lma-widget-title-color) !important; }
.cm-view-all-link { background-color: var(--lma-view-all-bg) !important; color: var(--lma-view-all-color) !important; font-size: var(--lma-view-all-size) !important; }

/* ── 15. SLIDER ───────────────────────────────── */
.slide-prev, .slide-next, .cm-category-slide-prev, .cm-category-slide-next { background-color: var(--lma-slider-arrow-bg) !important; }
.slide-prev .cm-icon, .slide-next .cm-icon { fill: var(--lma-slider-arrow-color) !important; }
.cm-featured-category-slider .cm-slide-content { background: var(--lma-slider-gradient) !important; }
.cm-featured-category-slider .cm-entry-title { color: var(--lma-slider-title-color) !important; }

/* ── 16. BREAKING NEWS ────────────────────────── */
.breaking-news-latest { color: var(--lma-ticker-text-color) !important; }
.breaking-news { font-size: var(--lma-ticker-font-size) !important; }

/* ── 17. ICÔNES SOCIALES ──────────────────────── */
.social-links .fa { font-size: var(--lma-social-icon-size) !important; }
.social-links .fa:hover { color: var(--lma-social-icon-hover) !important; }

/* ── 18. COMMENTAIRES ─────────────────────────── */
.comments-area .comments-title { font-size: var(--lma-comment-title-size) !important; }
.comments-area .fn a { color: var(--lma-comment-author-color) !important; font-size: var(--lma-comment-author-size) !important; }
.comments-area .comment-date-time, .comments-area .comment-permalink { color: var(--lma-comment-meta-color) !important; }
.comment-respond label { color: var(--lma-comment-label-color) !important; font-weight: var(--lma-comment-label-weight) !important; }

/* ── 19. BLOCKQUOTES ──────────────────────────── */
blockquote, .wp-block-quote, .wp-block-quote.is-style-large, .wp-block-quote.has-text-align-right {
    background-color: var(--lma-blockquote-bg) !important; color: var(--lma-blockquote-color) !important; border-radius: var(--lma-blockquote-radius) !important;
}

/* ── 20. ARTICLES LIÉS ────────────────────────── */
.single-related-posts .cm-post-content .cm-entry-title { font-size: var(--lma-related-title-size) !important; }
.related-posts-main-title .fa { color: var(--lma-related-icon-color) !important; }

/* ── 21. ENCART AUTEUR ────────────────────────── */
.author-box { box-shadow: var(--lma-author-box-shadow) !important; }

/* ── 22. PAGE 404 ─────────────────────────────── */
.cm-error-404 .cm-page-title { color: var(--lma-404-title-color) !important; }
.cm-error-404 .cm-page-header p, .cm-error-404 .cm-page-content p { color: var(--lma-404-text-color) !important; }
.cm-error-404 .cm-btn { background-color: var(--lma-404-btn-bg) !important; color: var(--lma-404-btn-color) !important; border-color: var(--lma-404-btn-bg) !important; }

/* ── 23. FOOTER COLONNES ──────────────────────── */
.cm-footer-cols { background-color: var(--lma-footer-cols-bg) !important; }
.cm-footer-cols .cm-row { color: var(--lma-footer-cols-text) !important; }
.cm-footer-cols a, .cm-footer-cols .human-diff-time { color: var(--lma-footer-cols-link) !important; }
.cm-footer-cols a:hover { color: var(--lma-footer-cols-link-hover) !important; }
.cm-footer .cm-upper-footer-cols .widget { background-color: var(--lma-footer-widget-bg) !important; }
.cm-footer-cols .cm-widget-title { border-bottom: var(--lma-widget-title-border) !important; }
.cm-footer-cols .cm-widget-title span { background-color: var(--lma-footer-widget-title-bg) !important; color: var(--lma-footer-widget-title-color) !important; }
.cm-footer .widget ul li { border-bottom-color: var(--lma-footer-widget-border) !important; }

/* ── 24. FOOTER BUILDER ───────────────────────── */
.cm-footer-builder .cm-footer-top-row { background-color: var(--lma-fb-top-bg) !important; color: var(--lma-fb-top-text) !important; }
.cm-footer-builder .cm-footer-top-row .widget { background-color: var(--lma-footer-widget-bg) !important; }
.cm-footer-builder .cm-footer-main-row { background-color: var(--lma-fb-main-bg) !important; }
.cm-footer-builder .cm-footer-bottom-row { background-color: var(--lma-fb-bottom-bg) !important; color: var(--lma-fb-bottom-text) !important; }
.cm-footer-builder a { color: var(--lma-fb-link-color) !important; }
.cm-footer-builder .cm-footer-top-row h2, .cm-footer-builder .cm-footer-main-row h2, .cm-footer-builder .cm-footer-bottom-row h2 { color: var(--lma-footer-heading-color) !important; }

/* ── 25. FOOTER BAR ───────────────────────────── */
.cm-footer-bar { background-color: var(--lma-footer-bar-bg) !important; color: var(--lma-footer-bar-text) !important; }
.cm-footer-bar .cm-row { font-size: var(--lma-footer-bar-font-size) !important; }
.cm-footer-bar a { color: var(--lma-footer-bar-link) !important; }
.cm-footer-bar a:hover { color: var(--lma-footer-bar-link-hover) !important; }
.cm-footer-menu ul li { font-size: var(--lma-footer-menu-size) !important; }

/* ── 26. SCROLL TO TOP ────────────────────────── */
a#scroll-up i { background-color: var(--lma-scroll-up-bg) !important; width: var(--lma-scroll-up-size) !important; height: var(--lma-scroll-up-size) !important; border-radius: var(--lma-scroll-up-radius) !important; }
a#scroll-up i:before { color: var(--lma-scroll-up-color) !important; }

/* ── 27. WIDGET LMA AUTEURS ───────────────────── */
#cm-secondary .widget_lma_authors_widget .mzb-post,
.widget_lma_authors_widget .mzb-post { background: var(--lma-w-authors-card-bg) !important; height: var(--lma-w-authors-card-height) !important; border-radius: var(--lma-w-authors-card-radius) !important; }
#cm-secondary .widget_lma_authors_widget .mzb-title-wrapper::before,
.widget_lma_authors_widget .mzb-title-wrapper::before { background: var(--lma-w-authors-overlay) !important; }
#cm-secondary .widget_lma_authors_widget .mzb-post-categories a,
.widget_lma_authors_widget .mzb-post-categories a { color: var(--lma-w-authors-name-color) !important; font-size: var(--lma-w-authors-name-size) !important; font-weight: var(--lma-w-authors-name-weight) !important; }
#cm-secondary .widget_lma_authors_widget .mzb-post-count-wrapper,
.widget_lma_authors_widget .mzb-post-count-wrapper { background-color: var(--lma-w-authors-count-bg) !important; flex: 0 0 var(--lma-w-authors-count-width) !important; }
#cm-secondary .widget_lma_authors_widget .mzb-post-count a,
.widget_lma_authors_widget .mzb-post-count a { color: var(--lma-w-authors-count-color) !important; font-size: var(--lma-w-authors-count-size) !important; font-weight: var(--lma-w-authors-count-weight) !important; }
.widget_lma_authors_widget .mzb-post-heading { border-bottom-color: var(--lma-w-authors-heading-border) !important; }
.widget_lma_authors_widget .mzb-heading-text { color: var(--lma-w-authors-heading-color) !important; font-size: var(--lma-w-authors-heading-size) !important; }

/* ── 28. SCROLLBAR ────────────────────────────── */
::-webkit-scrollbar-thumb { background: var(--lma-color-gray-light) !important; }


.section-mise-avant {
  background-color: #AFC6ED !important; /* On ajoute !important pour forcer la priorité sur l'extension */
}

/* Alignement footer copyright et pages légales sur deux lignes centrées */
.cm-footer-builder .cm-footer-bottom-row .cm-bottom-row {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.cm-footer-builder .cm-footer-bottom-row .cm-bottom-row .cm-footer-bottom-1-col {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

.cm-footer-builder .cm-footer-bottom-row .cm-bottom-row .cm-footer-col:not(.cm-footer-bottom-1-col) {
    display: none !important;
}

.cm-copyright {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    gap: 8px !important;
}

.footer-copyright-text {
    width: 100% !important;
    display: block !important;
}

.footer-legal-links {
    width: 100% !important;
    display: block !important;
}

/* ─────────────────────────────────────────────────────────────────────────────
   DESIGN DES PAGES LÉGALES (CGU, CGV, RGPD) - STYLE MODERNE & PREMIUM
   ───────────────────────────────────────────────────────────────────────────── */

/* Masquage des colonnes latérales pour une lecture épurée */
.lma-legal-page #cm-secondary,
.lma-legal-page #cm-tertiary,
.lma-legal-page .cm-secondary,
.lma-legal-page .cm-tertiary {
    display: none !important;
}

/* Extension du conteneur principal sur 100% */
.lma-legal-page #cm-primary {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Encapsulation du texte dans une carte épurée avec ombre portée douce */
.lma-legal-page article {
    max-width: 900px !important;
    margin: 40px auto !important;
    background-color: var(--lma-color-white) !important;
    padding: 60px 80px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05) !important;
    border-radius: 8px !important;
    border: 1px solid var(--lma-color-border) !important;
}

/* Style moderne pour le titre principal */
.lma-legal-page .cm-entry-header .cm-entry-title {
    text-align: center !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: var(--lma-color-headings) !important;
    margin-bottom: 50px !important;
    position: relative !important;
}

/* Stylisation des titres H2 (Titres de sections) */
.lma-legal-page .cm-entry-summary h2 {
    color: var(--lma-color-primary) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-top: 45px !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid var(--lma-color-secondary) !important;
    padding-bottom: 10px !important;
}

/* Stylisation des titres H3 (Sous-sections) */
.lma-legal-page .cm-entry-summary h3 {
    color: var(--lma-color-dark) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
}

/* Paragraphes de texte : interlignage confortable */
.lma-legal-page .cm-entry-summary p {
    font-size: 15px !important;
    line-height: 1.85 !important;
    color: var(--lma-color-text) !important;
    margin-bottom: 22px !important;
}

/* Stylisation des liens internes aux mentions */
.lma-legal-page .cm-entry-summary a {
    color: var(--lma-color-primary) !important;
    text-decoration: underline !important;
}
.lma-legal-page .cm-entry-summary a:hover {
    color: var(--lma-color-primary-hover) !important;
    text-decoration: none !important;
}

/* Listes ordonnées et non ordonnées : espacement et retraits */
.lma-legal-page .cm-entry-summary ul,
.lma-legal-page .cm-entry-summary ol {
    margin-left: 28px !important;
    margin-bottom: 25px !important;
}

/* Retrait spécifique pour les versions en arabe (RTL) */
.rtl.lma-legal-page .cm-entry-summary ul,
.rtl.lma-legal-page .cm-entry-summary ol {
    margin-left: 0 !important;
    margin-right: 28px !important;
}

.lma-legal-page .cm-entry-summary li {
    font-size: 14.5px !important;
    line-height: 1.75 !important;
    color: var(--lma-color-text-light) !important;
    margin-bottom: 10px !important;
}

/* Version responsive (Tablettes et Mobiles) */
@media (max-width: 768px) {
    .lma-legal-page article {
        margin: 20px 10px !important;
        padding: 40px 25px !important;
        box-shadow: none !important;
        border-radius: 4px !important;
    }
    .lma-legal-page .cm-entry-header .cm-entry-title {
        font-size: 26px !important;
        margin-bottom: 35px !important;
    }
}


/* ─────────────────────────────────────────────────────────────────────────────
   STYLISATION DE LA BARRE DE RECHERCHE VISIBLE DIRECTEMENT (HEADER BUILDER)
   ───────────────────────────────────────────────────────────────────────────── */

/* Conteneur de la boîte de recherche */
.cm-header-builder .cm-search-box {
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 10 !important;
}

/* Enveloppe de saisie de recherche */
.cm-header-builder .cm-search-box .search-wrap {
    display: flex !important;
    align-items: center !important;
    background-color: var(--lma-color-white, #ffffff) !important;
    border: 1px solid var(--lma-color-border, #e4e4e7) !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    height: 36px !important;
    width: 250px !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.cm-header-builder .cm-search-box .search-wrap:focus-within {
    border-color: var(--lma-color-primary, #207daf) !important;
    box-shadow: 0 0 0 3px rgba(32, 125, 175, 0.15) !important;
}

/* Champ de texte de recherche */
.cm-header-builder .cm-search-box input.s {
    border: none !important;
    background: transparent !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    color: var(--lma-color-dark, #27272a) !important;
    height: 100% !important;
    width: 100% !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Bouton de recherche (soumission) */
.cm-header-builder .cm-search-box button.search-icon {
    background-color: var(--lma-color-primary, #207daf) !important;
    color: var(--lma-color-white, #ffffff) !important;
    border: none !important;
    width: 42px !important;
    height: 100% !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 0 3px 3px 0 !important;
    transition: background-color 0.3s ease !important;
    line-height: 1 !important;
}

.cm-header-builder .cm-search-box button.search-icon:hover {
    background-color: var(--lma-color-primary-hover, #1a658f) !important;
}

/* Loupe dans le bouton de recherche (masque SVG pour compatibilité et netteté maximale) */
.cm-header-builder .cm-search-box button.search-icon::before {
    content: "" !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    background-color: var(--lma-color-white, #ffffff) !important;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/></svg>") no-repeat center !important;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/></svg>") no-repeat center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}

/* Forcer l'affichage de la colonne de droite dans le Header Builder */
.cm-header-builder .cm-bottom-row .cm-header-right-col {
    display: flex !important;
    align-items: center !important;
}

/* Responsivité sur mobile */
@media (max-width: 768px) {
    .cm-header-builder .cm-search-box .search-wrap {
        width: 140px !important; /* Largeur réduite sur mobile pour s'intégrer à côté du menu */
        height: 32px !important;
    }
}