/* assets/css/style.css — thème OT Cloyes-Canton (surcharge Bootstrap 5.3) */
:root{
  --bs-primary:#1FA67C;
  --bs-primary-rgb:31,166,124;
  --cl-green-dark:#15795A;
  --cl-gold:#EFA94A;
  --cl-gold-dark:#b9791f;
  --cl-text:#2B2B2B;
  --cl-bg-soft:#F6F8F7;
  --bs-body-color:var(--cl-text);
  --bs-link-color:var(--cl-green-dark);
  --bs-link-hover-color:#0f5a43;
  --bs-body-font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
body{color:var(--cl-text)}
h1,h2,h3,h4,.cl-serif{font-family:Georgia,"Times New Roman",serif;color:var(--cl-green-dark);line-height:1.2}
a{text-decoration:none}
a:hover{text-decoration:underline}

/* Navbar */
.navbar.cl-nav{background:#fff;border-bottom:1px solid #e7ece9}
.cl-nav .navbar-brand{font-family:Georgia,serif;font-weight:700;color:var(--cl-green-dark);font-size:1.4rem}
.cl-nav .nav-link{color:var(--cl-text);font-weight:600}
.cl-nav .nav-link:hover,.cl-nav .nav-link.active{color:var(--bs-primary)}

/* Boutons */
.btn-primary{--bs-btn-bg:var(--bs-primary);--bs-btn-border-color:var(--bs-primary);--bs-btn-hover-bg:var(--cl-green-dark);--bs-btn-hover-border-color:var(--cl-green-dark)}
.btn-accent{--bs-btn-color:#3a2a00;--bs-btn-bg:var(--cl-gold);--bs-btn-border-color:var(--cl-gold);--bs-btn-hover-bg:#e09a33;--bs-btn-hover-border-color:#e09a33;color:#3a2a00}

/* Hero */
.cl-hero{background:linear-gradient(120deg,var(--cl-green-dark),var(--bs-primary));color:#fff}
.cl-hero h1{color:#fff}
.cl-hero .lead{color:rgba(255,255,255,.92)}
.cl-hero--image{position:relative;background-size:cover;background-position:center}
.cl-hero--image::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(21,121,90,.85),rgba(31,166,124,.65))}
.cl-hero--image > .container{position:relative;z-index:1}

/* Colonne éditoriale */
.cl-prose{max-width:720px}
.cl-prose h2{margin-top:2.2rem;padding-left:.7rem;border-left:4px solid var(--cl-gold)}
.cl-prose h3{margin-top:1.6rem;color:var(--cl-text)}
.cl-prose p,.cl-prose li{font-size:1.05rem;line-height:1.7}
.cl-prose img{max-width:100%;height:auto;border-radius:10px;margin:1.2rem 0}
.cl-prose blockquote{border-left:4px solid var(--bs-primary);background:var(--cl-bg-soft);padding:1rem 1.2rem;border-radius:0 10px 10px 0;font-style:italic}

/* Section claire alternée */
.cl-soft{background:var(--cl-bg-soft)}
.cl-tag{color:var(--cl-green-dark);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-family:var(--bs-body-font-family)}

/* Footer */
.cl-footer{background:#10261e;color:#cfe0d8}
.cl-footer a{color:#fff}
.cl-footer .cl-tag{color:var(--cl-gold)}

/* Tuiles catégories (accueil) */
.cl-cat{position:relative;display:block;height:210px;border-radius:16px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 4px 14px rgba(0,0,0,.15);transition:transform .15s ease}
.cl-cat:hover{transform:translateY(-3px)}
.cl-cat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,121,90,.05),rgba(21,121,90,.85));z-index:1}
.cl-cat__title{position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;padding:1rem;font-size:1.15rem;text-shadow:0 1px 4px rgba(0,0,0,.55)}
.cl-cat__title a{color:#fff !important;text-decoration:none}
.cl-cat__title a::after{content:"";position:absolute;inset:0;z-index:3}
.cl-cat__title a:hover{text-decoration:underline}
@media (max-width:575.98px){.cl-cat{height:150px}}