/* NomDeDom.fr — thème bleu (d'après Cherry de Thierry LEROY)
   adapté au markup généré par le gestionnaire */

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased}
body{font-family:sans-serif;font-size:1rem;line-height:1.5;color:#3c3c3c}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}

h1,h2,h3,h4,h5,h6{color:#1e6c93;margin:1rem 0;line-height:1.4}
h1{font-size:2.5rem;text-align:center}
h2{font-size:2rem}
h3{font-size:1.5rem}

.container{width:calc(100% - 10vw);max-width:960px;margin-left:auto;margin-right:auto}

/* --- En-tête / navigation --- */
.site-header{background:#1e6c93;color:#fff}
.site-header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 0}
.site-brand{display:flex;flex-direction:column}
.site-brand-title{font-size:1.6rem;font-weight:700}
.site-brand-tagline{font-size:.95rem;opacity:.9}
.site-nav ul{list-style:none;display:flex;gap:1.5rem;align-items:center}
.site-nav a{padding:.25rem 0}
.site-nav .has-children{position:relative}
.site-nav .sub-menu{list-style:none;position:absolute;top:100%;left:0;background:#1e6c93;flex-direction:column;min-width:240px;padding:0;height:0;overflow:hidden}
.site-nav .has-children:hover .sub-menu{height:auto;padding:.5rem 1rem}
.site-nav .sub-menu li{padding:.4rem 0}

/* --- Fil d'Ariane --- */
nav.breadcrumb{margin:5vh 0}
nav.breadcrumb .container{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
nav.breadcrumb a{text-decoration:underline;text-decoration-color:#1e6c93}
.breadcrumb-sep{color:#1e6c93}
.breadcrumb-current{color:#1e6c93}

/* --- Contenu principal --- */
main{min-height:60vh}
.main-content{width:calc(100% - 10vw);max-width:960px;margin:0 auto;padding:2rem 0}
.main-content p{margin:.5rem 0}
.main-content a{text-decoration:underline;text-decoration-color:#1e6c93}
.article-logo{display:block;margin:2rem auto;max-height:320px;width:auto}

/* --- Liste d'articles (page d'accueil / sections) --- */
ul.article-list{list-style:none}
ul.article-list>li{border-bottom:1px solid #1e6c93}
ul.article-list>li:last-child{border-bottom:none}
a.article-card{display:flex;align-items:center;gap:2rem;padding:1.5rem .5rem}
a.article-card img{width:160px;flex:0 0 160px;object-fit:contain}
.article-card-body h2{margin:.25rem 0;font-size:1.5rem}
.article-card-body p{margin:.25rem 0;text-align:left}
.article-card-meta{font-size:.8rem;opacity:.75}
@media (max-width:560px){a.article-card{flex-direction:column;text-align:center}a.article-card img{flex:none}}

/* --- Pied de page --- */
.site-footer{margin-top:4rem;background:#1e6c93;color:#fff;text-align:center;padding:2rem 1rem}
.site-footer nav{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:1rem}
.site-footer a{text-decoration:underline}