/* LT Mur des Propositions — styles frontend (compatibles avec le thème Les Travaillistes) */

.contrib{padding:96px 0 120px;background:var(--cream,#f8f5ee);position:relative}
.contrib-head{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end;border-bottom:2px solid var(--ink,#1c1b18);padding-bottom:32px;margin-bottom:32px}
.contrib-head h2{margin:0;font-family:"Libre Franklin";font-weight:800;font-size:clamp(40px,4.5vw,68px);letter-spacing:-0.03em;line-height:.98}
.contrib-head h2 em{font-family:"Instrument Serif";font-style:italic;font-weight:400;color:var(--red,#c83928)}
.contrib-head .counter{text-align:right}
.counter .days{font-family:"Libre Franklin";font-weight:200;font-size:clamp(72px,8vw,120px);line-height:.9;color:var(--red,#c83928);letter-spacing:-0.04em}
.counter .lbl{font-family:"JetBrains Mono",monospace;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft,#5a574d);margin-top:2px}

.contrib-intro{max-width:780px;margin-bottom:32px;font-family:"Libre Caslon Text",serif;font-size:17px;line-height:1.55;color:var(--ink,#1c1b18)}

.contrib-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-top:1px solid var(--rule,#d9d4c8);border-bottom:1px solid var(--rule,#d9d4c8);margin-bottom:0;flex-wrap:wrap}
.sort-tabs{display:flex;gap:6px;flex-wrap:wrap}
.sort-tab{padding:8px 14px;font-size:12px;font-family:"JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.08em;background:transparent;border:1px solid transparent;color:var(--ink-soft,#5a574d);border-radius:2px;text-decoration:none;cursor:pointer}
.sort-tab.active{background:var(--ink,#1c1b18);color:var(--cream,#f8f5ee);border-color:var(--ink,#1c1b18)}
.sort-tab:hover:not(.active){color:var(--ink,#1c1b18);background:rgba(0,0,0,.04)}
.contrib-count{font-family:"JetBrains Mono",monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft,#5a574d)}

.contrib-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:0}
.contrib-grid > *{grid-column:span 4;padding:24px 28px 24px 0;border-bottom:1px solid var(--rule,#d9d4c8);border-right:1px solid var(--rule,#d9d4c8);min-height:200px;display:flex;flex-direction:column}
.contrib-grid > *:nth-child(3n){border-right:none;padding-right:0}
.contrib-grid > *:nth-child(3n+2){padding-left:28px}
.contrib-grid > *:nth-child(3n+3){padding-left:28px}

.card{position:relative}
.card .meta{display:flex;justify-content:space-between;align-items:center;font-family:"JetBrains Mono",monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft,#5a574d);margin-bottom:12px}
.card .meta .tag{background:var(--red-soft,#fce8e3);color:var(--red-deep,#7e2218);padding:3px 8px;border-radius:2px}
.card p{margin:0 0 auto;font-family:"Libre Caslon Text",serif;font-size:15px;line-height:1.5;color:var(--ink,#1c1b18)}
.card .author{font-family:"Libre Franklin";font-weight:500;font-size:12.5px;color:var(--ink-soft,#5a574d);margin-top:16px}
.vote{display:flex;gap:10px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px dashed var(--rule,#d9d4c8)}
.vote-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px;background:transparent;border:1px solid var(--rule-strong,#b7b3a4);border-radius:2px;color:var(--ink,#1c1b18);transition:all .15s;cursor:pointer;font-family:inherit}
.vote-btn:hover{border-color:var(--ink,#1c1b18)}
.vote-btn.up.voted{background:var(--red,#c83928);color:#fff;border-color:var(--red,#c83928)}
.vote-btn.dn.voted{background:var(--ink,#1c1b18);color:var(--cream,#f8f5ee);border-color:var(--ink,#1c1b18)}
.vote-btn svg{width:12px;height:12px}
.vote-btn[disabled]{opacity:.6;cursor:not-allowed}
.vote-score{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--ink-soft,#5a574d);letter-spacing:.05em}
.vote-score b{color:var(--red,#c83928);font-weight:500}

/* Form */
.compose{background:var(--red-soft,#fce8e3);border:1px solid var(--red,#c83928);border-right:1px solid var(--red,#c83928)!important;padding:24px!important;display:flex;flex-direction:column;gap:12px}
.compose h4{margin:0;font-family:"Libre Franklin";font-weight:700;font-size:18px;letter-spacing:-0.01em}
.compose h4 em{font-family:"Instrument Serif";font-style:italic;font-weight:400;color:var(--red-deep,#7e2218)}
.compose textarea,.compose input,.compose select{font-family:"Libre Franklin";font-size:13.5px;padding:10px 12px;background:var(--paper,#fdfbf6);border:1px solid var(--rule-strong,#b7b3a4);border-radius:2px;color:var(--ink,#1c1b18);resize:vertical;width:100%;box-sizing:border-box}
.compose textarea{min-height:80px;font-family:"Libre Caslon Text",serif;font-size:14.5px;line-height:1.5}
.compose input:focus,.compose textarea:focus,.compose select:focus{outline:none;border-color:var(--red,#c83928)}
.compose button{margin-top:auto;align-self:stretch;padding:12px;background:var(--red,#c83928);color:#fff;border:1px solid var(--red,#c83928);border-radius:2px;font-weight:600;font-size:13px;letter-spacing:.02em;transition:all .15s;cursor:pointer;font-family:inherit}
.compose button:hover{background:var(--red-deep,#7e2218)}

/* Pagination */
.lt-mp-pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;font-family:"JetBrains Mono",monospace;font-size:12px}
.lt-mp-pagination .page-numbers{padding:8px 12px;border:1px solid var(--rule-strong,#b7b3a4);color:var(--ink,#1c1b18);text-decoration:none}
.lt-mp-pagination .page-numbers.current{background:var(--ink,#1c1b18);color:var(--cream,#f8f5ee);border-color:var(--ink,#1c1b18)}
.lt-mp-pagination a.page-numbers:hover{border-color:var(--ink,#1c1b18)}

@media (max-width: 1080px){
	.contrib-head{grid-template-columns:1fr;gap:20px}
	.counter{text-align:left}
	.contrib-grid > *{grid-column:span 6}
	.contrib-grid > *:nth-child(3n){border-right:1px solid var(--rule,#d9d4c8)}
	.contrib-grid > *:nth-child(2n){border-right:none}
}
@media (max-width: 680px){
	.contrib{padding:60px 0 80px}
	.contrib-grid > *{grid-column:span 12;border-right:none;padding-left:0!important;padding-right:0!important}
}