/* =====================================================================
   Marsault Property Management -- rubrique Actualites / News
   Charge apres /style.css (variables, polices, boutons, pied de page).
   Utilise par /actualites/ et /en/news/ (liste + articles).
   ===================================================================== */

body.news-page{background:var(--brume);}

/* ---- Barre du haut ------------------------------------------------ */
.news-top{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.1rem 1.3rem;border-bottom:1px solid var(--brume-d);
  background:rgba(242,245,248,.94);
}
.news-top .nav-logo{display:flex;align-items:center;gap:9px;text-decoration:none;}
.news-top__right{display:flex;align-items:center;gap:1.1rem;}
.news-top__link{
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);text-decoration:none;transition:color var(--transition);
}
.news-top__link:hover,.news-top__link[aria-current="page"]{color:var(--or);}
.news-top .lang-switch{display:flex;}
@media(max-width:479px){.news-top__back{display:none;}}
@media(max-width:359px){.news-top{padding:1rem;}.news-top__right{gap:.75rem;}}

/* ---- Conteneurs --------------------------------------------------- */
.news-main{max-width:820px;margin:0 auto;padding:clamp(2.2rem,6vw,4.5rem) 1.3rem clamp(3rem,7vw,5rem);}
.news-main--wide{max-width:var(--wrap);}

.news-crumbs{font-size:.72rem;letter-spacing:.06em;color:var(--muted);margin-bottom:1.6rem;}
.news-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;}
.news-crumbs li+li::before{content:'/';margin-right:.3rem;color:var(--brume-d);}
.news-crumbs a{color:var(--muted);text-decoration:none;}
.news-crumbs a:hover{color:var(--or);}

/* ---- Typographie -------------------------------------------------- */
.news-h1{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;
  font-size:clamp(2rem,5.4vw,3.1rem);line-height:1.12;color:var(--nuit-2);
  margin:.6rem 0 1rem;letter-spacing:.005em;
}
.news-h2{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;
  font-size:clamp(1.55rem,3.6vw,2.1rem);line-height:1.18;color:var(--nuit-2);
  margin:3.2rem 0 1rem;
}
.news-h3{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;
  font-size:1.3rem;color:var(--nuit-2);margin:2.2rem 0 .6rem;
}
.news-meta{font-size:.78rem;letter-spacing:.06em;color:var(--muted);font-weight:300;}
.news-lede{
  font-size:1.08rem;font-weight:300;line-height:1.8;color:var(--nuit-2);
  margin:1.4rem 0 0;padding-left:1rem;border-left:1.5px solid var(--or);
}
.news-body p,.news-body li{font-size:.98rem;font-weight:300;line-height:1.85;color:var(--ink-soft);}
.news-body p{margin-bottom:1rem;}
.news-body strong{font-weight:500;color:var(--nuit-2);}
.news-body a{color:var(--mer);text-underline-offset:2px;}
.news-body a:hover{color:var(--or);}
.news-body ul{list-style:none;margin:.4rem 0 1.4rem;}
.news-body li{position:relative;padding-left:1rem;margin-bottom:.4rem;}
.news-body li::before{content:'';position:absolute;left:0;top:.9em;width:6px;height:1px;background:var(--or);}

/* ---- Photo d'en-tete d'article ------------------------------------ */
.news-hero{margin:2.2rem 0 0;}
.news-hero img{width:100%;height:auto;aspect-ratio:1640/861;object-fit:cover;background:var(--brume-d);}
.news-hero figcaption{margin-top:.55rem;font-size:.78rem;font-weight:300;letter-spacing:.04em;color:var(--muted);}

/* ---- Liste des articles (cartes) ---------------------------------- */
.news-list{display:grid;gap:1.4rem;margin-top:2.4rem;grid-template-columns:1fr;}
@media(min-width:720px){.news-list{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1080px){.news-list{grid-template-columns:repeat(3,1fr);}}
.news-card{
  display:flex;flex-direction:column;background:var(--blanc);
  border:1px solid var(--brume-d);box-shadow:var(--shadow-1);
  padding:1.6rem 1.5rem 1.4rem;transition:border-color var(--transition);
}
.news-card:hover{border-color:var(--or);}
.news-card__date{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--or);}
.news-card__title{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;
  font-size:1.5rem;line-height:1.2;color:var(--nuit-2);margin:.7rem 0 .8rem;
}
.news-card__title a{color:inherit;text-decoration:none;}
.news-card__lede{font-size:.92rem;font-weight:300;line-height:1.75;color:var(--ink-soft);flex:1;}
.news-card__more{
  margin-top:1.2rem;font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  color:var(--mer);text-decoration:none;
}
.news-card__more:hover{color:var(--or);}

/* ---- Chiffres cles ------------------------------------------------ */
.news-kpis{display:grid;gap:1px;background:var(--brume-d);border:1px solid var(--brume-d);margin:1.6rem 0 2rem;grid-template-columns:1fr;}
@media(min-width:640px){.news-kpis{grid-template-columns:repeat(3,1fr);}.news-kpis--2{grid-template-columns:repeat(2,1fr);}}
.news-kpi{background:var(--blanc);padding:1.3rem 1.2rem;}
.news-kpi__zone{font-size:.68rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--or);}
.news-kpi__value{
  display:block;font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;
  font-size:2.6rem;line-height:1.1;color:var(--mer);margin:.35rem 0 .4rem;
}
.news-kpi__text{font-size:.86rem;font-weight:300;line-height:1.6;color:var(--ink-soft);}
.news-kpi__src{display:block;margin-top:.5rem;font-size:.74rem;color:var(--muted);}
.news-kpi__src a{color:var(--muted);}

/* ---- Graphiques --------------------------------------------------- */
.news-figure{
  margin:1.8rem 0 2.2rem;background:var(--blanc);border:1px solid var(--brume-d);
  padding:1.2rem 1rem 1rem;
}
@media(min-width:640px){.news-figure{padding:1.5rem 1.5rem 1.2rem;}}
.news-figure__title{font-size:.95rem;font-weight:500;color:var(--nuit-2);margin-bottom:.8rem;}
.news-chart{position:relative;height:260px;}
@media(min-width:640px){.news-chart{height:320px;}}
.news-figure figcaption{margin-top:.9rem;font-size:.86rem;font-weight:300;line-height:1.7;color:var(--ink-soft);}
.news-note{
  margin-top:.7rem;font-size:.82rem;font-weight:300;line-height:1.65;color:var(--nuit-2);
  background:var(--or-pale);padding:.6rem .8rem;
}
.news-figure details{margin-top:.8rem;}
.news-figure summary{cursor:pointer;font-size:.78rem;letter-spacing:.06em;color:var(--mer);}
.news-figure summary:hover{color:var(--or);}
.news-noscript{font-size:.86rem;color:var(--muted);}

/* ---- Tableaux ------------------------------------------------------ */
.news-table-wrap{margin:1rem 0 1.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.news-figure .news-table{min-width:520px;}
.news-table{width:100%;border-collapse:collapse;font-size:.86rem;font-weight:300;color:var(--ink-soft);background:var(--blanc);}
.news-table caption{text-align:left;font-size:.8rem;color:var(--muted);padding:.4rem 0;}
.news-table th,.news-table td{padding:.65rem .7rem;border-bottom:1px solid var(--brume-d);text-align:left;vertical-align:top;line-height:1.55;}
.news-table thead th{font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--nuit-2);background:var(--brume);}
.news-table td.num{white-space:nowrap;}
.news-table a{color:var(--mer);}
.news-status{display:inline-block;font-size:.72rem;padding:.08rem .45rem;border:1px solid var(--brume-d);white-space:nowrap;}
.news-status--calc{border-style:dashed;color:var(--muted);}
.news-status--scope{border-color:var(--or);color:var(--nuit-2);}

/* Tableau des regles : une carte par ligne sur mobile */
@media(max-width:760px){
  .news-table--cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
  .news-table--cards,.news-table--cards tbody,.news-table--cards tr,.news-table--cards td{display:block;width:100%;}
  .news-table--cards{background:transparent;}
  .news-table--cards caption{display:block;width:100%;}
  .news-table--cards tr{background:var(--blanc);border:1px solid var(--brume-d);margin-bottom:.9rem;padding:.4rem .2rem;}
  .news-table--cards td{border-bottom:none;padding:.35rem .8rem;}
  .news-table--cards td::before{
    content:attr(data-label);display:block;font-size:.64rem;font-weight:500;
    letter-spacing:.14em;text-transform:uppercase;color:var(--or);margin-bottom:.1rem;
  }
}

/* ---- Guides (article long avec sommaire) -------------------------- */
.news-guide [id]{scroll-margin-top:1.2rem;}
.news-toc{margin:2.2rem 0 0;padding:1.3rem 1.4rem 1.1rem;background:var(--blanc);border:1px solid var(--brume-d);}
.news-toc__title{font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--or);margin:0 0 .7rem;font-family:'Jost',system-ui,sans-serif;}
.news-toc ol{margin:0;padding-left:1.4rem;list-style:decimal;}
.news-toc li{padding-left:.2rem;margin-bottom:.35rem;font-size:.95rem;line-height:1.6;}
.news-toc li::before{display:none;}
.news-toc li::marker{color:var(--or);}
.news-toc a{text-decoration:none;}
.news-toc a:hover{text-decoration:underline;}
@media(min-width:720px){.news-toc ol{columns:2;column-gap:2rem;}.news-toc li{break-inside:avoid;}}

.news-minute{background:var(--nuit-2);padding:1.3rem 1.3rem .6rem;margin:1rem 0 1.5rem;}
.news-minute li{color:rgba(242,245,248,.86);}
.news-minute li::before{background:var(--or);}
.news-minute strong{color:#fff;}
@media(min-width:640px){.news-minute{padding:1.6rem 1.8rem .9rem;}}

.news-callout{border-left:2px solid var(--or);background:var(--or-pale);padding:.9rem 1.1rem .2rem;margin:1.6rem 0;}
.news-callout .news-h3{margin-top:0;}

.news-checklist{list-style:none;padding:0;margin:1rem 0 1.6rem;}
.news-body .news-checklist li{padding:.75rem .9rem .75rem 2.6rem;margin:0 0 .5rem;background:var(--blanc);border:1px solid var(--brume-d);}
.news-body .news-checklist li::before{display:none;}
.news-box{position:absolute;left:.9rem;top:.95rem;width:1rem;height:1rem;border:1.5px solid var(--or);border-radius:2px;}

.news-table--compact th,.news-table--compact td{white-space:normal;}
@media(max-width:400px){.news-table--compact th,.news-table--compact td{padding:.55rem .4rem;font-size:.82rem;}.news-table--compact thead th{letter-spacing:.06em;}}

.news-contact{margin-top:1.4rem;padding:1.1rem 1.2rem;background:var(--blanc);border:1px solid var(--brume-d);}

/* ---- Fin d'article ------------------------------------------------ */
.news-disclaimer{
  margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--brume-d);
  font-size:.82rem;font-weight:300;font-style:italic;line-height:1.7;color:var(--muted);
}
.news-credit{margin-top:1rem;font-size:.82rem;font-weight:300;color:var(--muted);}
.news-cta{
  margin-top:2rem;padding:1.5rem;background:var(--nuit-2);color:var(--brume);
  display:flex;flex-direction:column;gap:1rem;align-items:flex-start;
}
@media(min-width:640px){.news-cta{flex-direction:row;align-items:center;justify-content:space-between;}}
.news-cta p{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:1.4rem;line-height:1.3;color:#fff;margin:0;
}
.news-cta .btn{flex-shrink:0;}

/* Lien "A lire aussi" entre articles */
.news-related{margin-top:2rem;padding:1rem 1.2rem;border:1px solid var(--brume-d);background:var(--blanc);font-size:.95rem;}