/*
Theme Name: Les Fils de l’Être — Simple
Description: Thème WordPress minimaliste centré sur les articles, avec réactions J’aime / Je n’aime pas.
Version: 1.1.3
Author: Soi Alignement
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Newsreader:opsz,wght@6..72,400;6..72,500&display=swap');

:root{--forest:#173f38;--paper:#fcfaf6;--cream:#f5f0e7;--coral:#d97961;--ink:#1d2926;--line:#dcd8cf}

body{margin:0;background:var(--paper);color:var(--ink)}
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner{max-width:1180px;margin:auto;padding:16px 28px}
.logo{width:38px;height:48px;object-fit:contain;display:block}
.site-name{font-family:"Newsreader",serif;font-size:1.45rem;color:var(--forest);line-height:1}
.site-tagline{margin:4px 0 0;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;color:var(--coral)}
.nav a{font-size:.73rem;font-weight:600;text-decoration:none;letter-spacing:.06em;text-transform:uppercase}
.nav a:hover{color:var(--coral)}

.blog-intro{padding:72px 24px 55px;background:var(--cream)}
.blog-intro h1{max-width:1000px;margin:12px auto;font-family:"Newsreader",serif;font-size:clamp(3rem,7vw,6.5rem);font-weight:400;line-height:.98;letter-spacing:-.045em}
.blog-intro p{max-width:680px;margin:24px auto 0;font-family:"Newsreader",serif;font-size:1.35rem;line-height:1.45;color:#43504b}

.article-list{padding:45px 24px 90px}
.article-row{padding:30px 0;border-top:1px solid var(--line)}
.article-row:last-child{border-bottom:1px solid var(--line)}
.article-row h2{margin:8px 0;font-family:"Newsreader",serif;font-size:clamp(2.1rem,4.7vw,4rem);font-weight:400;line-height:1.04;letter-spacing:-.025em}
.article-row h2 a{color:var(--forest);text-decoration:none}
.article-row h2 a:hover{color:var(--coral)}
.meta{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--coral)}
.excerpt{max-width:760px;margin:10px 0 0;color:#59635f}

.article{max-width:820px;margin:auto;padding:75px 24px 100px}
.article .title{margin:12px 0 18px;font-family:"Newsreader",serif;font-size:clamp(3rem,7vw,6rem);font-weight:400;line-height:.98;letter-spacing:-.04em}
.article .content{font-family:"Newsreader",serif;font-size:1.25rem;line-height:1.75}
.article .content h2,.article .content h3{font-family:"Newsreader",serif;color:var(--forest);line-height:1.1;margin-top:2.2em}
.article .content blockquote{border-left:3px solid var(--coral);padding-left:24px;color:var(--forest);font-style:italic}
.article img{max-width:100%;height:auto}

/* Reactions */
.article-reactions{margin-top:70px;padding-top:28px;border-top:1px solid var(--line);font-family:"DM Sans",sans-serif}
.article-reactions-title{margin:0 0 16px;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--forest)}
.reaction-buttons{display:flex;gap:12px;flex-wrap:wrap}
.reaction-button{appearance:none;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:9px 15px;font:inherit;font-size:.9rem;cursor:pointer;transition:all .2s ease}
.reaction-button:hover{border-color:var(--forest);color:var(--forest);background:rgba(23,63,56,.04)}
.reaction-button.is-selected{border-color:var(--forest);background:var(--forest);color:#fff}
.reaction-button:disabled{cursor:default}
.reaction-count{margin-left:5px;font-variant-numeric:tabular-nums}
.reaction-message{margin:12px 0 0;font-size:.78rem;color:#66716c;min-height:1.2em}

.footer{padding:32px 24px;background:var(--forest);color:#edf0e8}
.footer a{color:#edf0e8}
.footer small{opacity:.72}

@media(max-width:700px){
 .header-inner{padding:13px 18px}.logo{width:32px;height:42px}.site-name{font-size:1.25rem}.nav{display:none}
 .blog-intro{padding:55px 20px 42px}.blog-intro h1{font-size:clamp(2.8rem,13vw,4.4rem)}
 .article-list{padding:32px 20px 70px}.article-row{padding:25px 0}.article-row h2{font-size:clamp(2rem,9vw,3rem)}
 .article{padding:55px 20px 75px}.article .title{font-size:clamp(2.8rem,12vw,4.4rem)}
 .article-reactions{margin-top:55px}
}