/* TC Blocs — « L'essentiel à retenir » (tc/essentiel) et « Sommaire » (tc/sommaire). Même langage que le design system tc-ui
   (parchemin / or / encre), en CSS simple : s'applique tel quel dans l'éditeur Gutenberg et sur le site, sans dépendre de body.tc-theme.
   Les variables du thème sont utilisées avec un repli en dur. */

/* ── L'essentiel à retenir ── */
.tc-essentiel {
    position: relative; margin: 2rem 0; padding: 1.4rem 1.5rem 1.5rem; border-radius: 24px;
    border: 1px solid rgba(214, 179, 96, .7);
    background: radial-gradient(120% 140% at 0% 0%, #FBF3D9 0%, #FAF8F5 55%, #F2EDE4 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 14px 36px -24px rgba(26, 22, 18, .45);
    font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: var(--color-ink-800, #2A241E);
}
.tc-essentiel-kicker {
    display: inline-flex; align-items: center; gap: .45rem; margin: 0 0 .8rem; padding: .32rem .75rem; border-radius: 12px;
    background: var(--color-ink-900, #14110E); color: var(--color-gold-200, #F0D58A);
    font: 700 12px/1.4 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase;
}
.tc-essentiel-bolt { font-size: 13px; line-height: 1; }
.tc-essentiel-body > p, .tc-essentiel-body .wp-block-paragraph { margin: 0; font-size: 16px; line-height: 1.65; }
.tc-essentiel-body > p + p { margin-top: .6rem; }
.tc-essentiel-body strong { background: rgba(243, 219, 149, .7); border-radius: 6px; padding: 0 .25rem; font-weight: 600; color: var(--color-ink-900, #14110E); }
.tc-essentiel-body ul, .tc-essentiel-body ol { margin: .5rem 0 0; padding-left: 1.2rem; font-size: 15.5px; line-height: 1.6; }
.tc-essentiel-body li { margin: .2rem 0; }
.tc-essentiel-body a { color: var(--color-gold-800, #6E4F18); text-decoration: underline; text-underline-offset: 2px; }

/* ── Sommaire (details/summary, repliable sans JS) ── */
.tc-sommaire { margin: 1.75rem 0; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.tc-sommaire-box { border: 1px solid var(--color-parch-300, #E6DFD2); border-radius: 16px; background: var(--color-parch-50, #FAF8F5); overflow: hidden; }
.tc-sommaire-summary { display: flex; align-items: center; gap: .75rem; padding: .85rem 1.1rem; cursor: pointer; list-style: none; user-select: none; }
.tc-sommaire-summary::-webkit-details-marker { display: none; }
.tc-sommaire-title { font: 700 13px/1.4 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--color-ink-900, #14110E); }
.tc-sommaire-count { font-size: 12.5px; color: var(--color-mute-500, #7A6E62); }
.tc-sommaire-chevron { margin-left: auto; width: 9px; height: 9px; border-right: 2px solid var(--color-gold-700, #9C7226); border-bottom: 2px solid var(--color-gold-700, #9C7226); transform: rotate(45deg) translateY(-2px); transition: transform .25s; }
details[open] > .tc-sommaire-summary .tc-sommaire-chevron { transform: rotate(-135deg) translateY(-2px); }
.tc-sommaire-list { margin: 0; padding: .35rem 1.1rem 1rem; border-top: 1px solid var(--color-parch-300, #E6DFD2); list-style: none; counter-reset: tcs; }
.tc-sommaire-list > li { counter-increment: tcs; position: relative; margin: 0; padding: .5rem 0 .5rem 2.2rem; border-bottom: 1px dashed #EDE6DA; list-style: none; }
.tc-sommaire-list > li:last-child { border-bottom: 0; }
.tc-sommaire-list > li::before { content: counter(tcs, decimal-leading-zero); position: absolute; left: 0; top: .55rem; font: 700 11px/1.6 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .05em; color: var(--color-gold-700, #9C7226); }
.tc-sommaire-list a { color: var(--color-ink-800, #2A241E); text-decoration: none; font-size: 14.5px; font-weight: 500; }
.tc-sommaire-list a:hover { color: var(--color-gold-700, #9C7226); }
.tc-sommaire-sub { margin: .3rem 0 0; padding-left: .9rem; list-style: none; }
.tc-sommaire-sub li { padding: .2rem 0; list-style: none; }
.tc-sommaire-sub a { color: var(--color-mute-500, #7A6E62); font-weight: 400; font-size: 13.5px; }
/* Ancres sous le header fixe du thème */
h2[id], h3[id] { scroll-margin-top: 96px; }

/* ── Éditeur ── */
.tc-sommaire--editor .tc-sommaire-summary { cursor: default; }
.tc-essentiel .tc-essentiel-kicker [data-rich-text-placeholder]::after { opacity: .6; }