/* =========================================================
   TALOC — Article overrides v1.4
   Principe : !important UNIQUEMENT sur :
   - les corrections de bugs visuels (impossible autrement)
   - les fonds/structures qui constituent l'identité Taloc
   Tout le reste (typo, couleurs de texte) reste éditable
   librement dans l'interface Elementor.
   ========================================================= */

/* ---------- TITRE HERO : pas d'uppercase forcé par le thème ---------- */
.taloc-hero-title,
.taloc-hero-title * {
    text-transform: none !important;
}

/* ---------- TAG HERO : espace entre les catégories ----------
   Bug visuel : sans cette règle, "CatégorieACatégorieB" collées.
*/
.taloc-hero-tag .elementor-post-info__terms-list {
    display: inline-flex !important;
    flex-wrap: wrap;
    gap: 4px;
}
.taloc-hero-tag .elementor-post-info__terms-list-item {
    display: inline;
}
.taloc-hero-tag .elementor-post-info__terms-list-item:not(:last-child)::after {
    content: ", ";
    margin-right: 4px;
}

/* ---------- CONTENU DE L'ARTICLE ----------
   Styles éditoriaux Taloc. Modifiables via Site Settings ou widget.
*/
.elementor-widget-theme-post-content {
    font-size: 15px;
    line-height: 1.75;
    color: var(--taloc-text-primary);
}
.elementor-widget-theme-post-content > .elementor-widget-container > p:first-of-type {
    font-size: 17px;
    line-height: 1.7;
    color: #374151;
    margin: 0 0 1.5rem;
}
.elementor-widget-theme-post-content h2 {
    font-size: 22px;
    font-weight: 500;
    color: var(--taloc-blue-dark);
    margin: 2rem 0 1rem;
    line-height: 1.3;
    text-transform: none;
}
.elementor-widget-theme-post-content h3 {
    font-size: 18px;
    font-weight: 500;
    color: var(--taloc-text-primary);
    margin: 1.5rem 0 0.75rem;
    text-transform: none;
}
.elementor-widget-theme-post-content a {
    color: var(--taloc-blue-light);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid var(--taloc-blue-light);
}

/* ---------- SOMMAIRE (widget TOC Elementor Pro) ----------
   Structure (background, radius, bordures) : !important (identité Taloc).
   Typographie (font, taille, weight, couleur) : ÉDITABLE
   depuis Elementor → widget TOC → onglet Style.
*/
.taloc-toc-styled .elementor-toc__header {
    background: var(--taloc-blue-dark) !important;
    border-radius: var(--taloc-radius-lg) var(--taloc-radius-lg) 0 0 !important;
    border: none !important;
    padding: 14px 18px;
}
.taloc-toc-styled .elementor-toc__header-title {
    color: white;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.1em;
    font-weight: 500;
}
.taloc-toc-styled .elementor-toc__body {
    background: var(--taloc-blue-dark) !important;
    border-radius: 0 0 var(--taloc-radius-lg) var(--taloc-radius-lg) !important;
    border: none !important;
    padding: 0 18px 16px;
}
.taloc-toc-styled .elementor-toc__list-item-text {
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    text-decoration: none;
    padding: 6px 0 6px 12px;
    border-left: 2px solid transparent;
    transition: all 0.15s ease;
    display: block;
}
.taloc-toc-styled .elementor-toc__list-item-text:hover,
.taloc-toc-styled .elementor-toc__list-item.elementor-item-active .elementor-toc__list-item-text {
    color: white;
    border-left-color: var(--taloc-blue-light);
    padding-left: 10px;
}
.taloc-toc-styled .elementor-toc__list-item {
    list-style: none;
    margin: 0;
}
.taloc-toc-styled .elementor-toc__list-wrapper {
    padding-left: 0;
}