
/*
Theme Name: Citrouille (Ma Citrouille bien-aimée)
Theme URI: https://tempcit.stefgroleau.com/
Author: Steven + ChatGPT
Description: Thème léger qui reprend le look du site d'origine (typo, couleurs, agencement).
Version: 1.1.0
Text Domain: citrouille
*/

* { box-sizing: border-box; }
html { line-height: 1.6; -webkit-font-smoothing: antialiased; }
body { margin: 0; font-family: var(--font-body, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"); color: var(--ink, #0f172a); background: var(--paper, #fff); }
a { color: var(--pumpkin-strong, #b45309); text-decoration: none; }
a:hover { text-decoration: underline; color: var(--pumpkin, #f59e0b); }
img { max-width: 100%; height: auto; }

.container { width: min(1100px, 92%); margin: 0 auto; }
.site-header { border-bottom: 1px solid var(--line, #e5e7eb); background: var(--paper, #fff); }
.topbar { display: flex; align-items: center; gap: 16px; padding: 14px 0; }
.brand { display:flex; align-items:center; gap:14px; }
.brand .site-title { font-size: clamp(22px, 2.2vw, 30px); margin:0; font-weight: 800; color: var(--ink, #0f172a); }
.brand .site-description { margin: 2px 0 0; color:var(--muted, #475569); font-size: 14px; }

.main-nav { border-top: 1px solid var(--line, #e5e7eb); border-bottom: 1px solid var(--line, #e5e7eb); background:#fff; }
.menu { display:flex; gap: 14px; align-items:center; padding: 10px 0; flex-wrap: wrap; }
.menu a { padding: 6px 10px; border-radius: 999px; border: 1px solid transparent; }
.menu .current-menu-item > a,
.menu a:hover { background: var(--chip-bg, #fff3df); border-color: #fde68a; color: var(--pumpkin-strong, #b45309); }

.site-main { display:grid; grid-template-columns: 1fr; gap: 28px; padding: 22px 0 40px; }
@media (min-width: 980px) { .site-main { grid-template-columns: 3fr 1fr; } }
.article-card { background:#fff; border:1px solid var(--line, #e5e7eb); border-radius: 16px; overflow:hidden; }
.article-card .thumb { aspect-ratio: 16/9; object-fit: cover; background:#f8fafc; display:block; width:100%; }
.article-card .pad { padding: 16px; }
.kicker { text-transform: uppercase; letter-spacing: .06em; color: var(--pumpkin-strong, #b45309); font-size: 12px; }
.entry-title { margin:.2em 0 .4em; font-size: clamp(22px,2.2vw,28px); line-height:1.2; font-family: var(--font-head, inherit); }
.entry-meta { color:var(--muted, #64748b); font-size: 13px; }
.entry-content { line-height: 1.8; }
.entry-content h2, .entry-content h3 { line-height:1.3; }

.sidebar .widget { background:#fff; border:1px solid var(--line, #e5e7eb); border-radius: 14px; padding: 14px; margin-bottom: 16px; }
.sidebar .widget-title { margin: 0 0 6px; font-size: 16px; color:var(--ink, #0f172a); }

.pagination { display:flex; gap:10px; justify-content:center; align-items:center; margin: 22px 0; }
.pagination a, .pagination span { padding: 8px 12px; border:1px solid var(--line, #e5e7eb); border-radius: 999px; }
.pagination .current { background:#ffe8ce; border-color:#f59e0b; }

.site-footer { border-top: 1px solid var(--line, #e5e7eb); color: var(--muted, #475569); padding: 24px 0 40px; font-size: 14px; }
.footer-inner { display:flex; flex-wrap:wrap; gap:14px; justify-content: space-between; align-items:center; }
