/* ==========================================================
   COLOMBO_PORTAIL_V4 — charte du livre de marque MFR sur le site public
   Vert foncé #475226 · vert #939B3C · curry #E6C85E · beige #DDD6CE
   Roboto Slab (titres) · Roboto (texte) · angles droits
   ========================================================== */
:root{
  --navy:#475226; --navy-2:#3A4320; --gold:#E6C85E; --gold-light:#F7F0D4;
  --paper:#FFFFFF; --ink:#1D1D1B; --muted:#4F5760; --line:#DDD6CE;
  --success:#3A4320; --danger:#9B3A26; --radius:0; --shadow:none;
}
body{font-family:Roboto,Arial,sans-serif;color:#1D1D1B;background:#FFFFFF}
h1,h2,h3,h4{font-family:"Roboto Slab",Georgia,serif;color:#2F3719;letter-spacing:0}
body *:not(input[type=radio]){border-radius:0 !important}
.eyebrow{color:#475226;font-weight:500;letter-spacing:.16em}

/* En-tête */
.site-header{height:auto;min-height:84px;padding:14px 6%;flex-wrap:wrap;gap:14px;background:#FFFFFF;
  border-bottom:1px solid #DDD6CE;backdrop-filter:none}
.brand img{width:230px}
.main-nav{gap:24px;font-size:15px;flex-wrap:wrap}
.main-nav>a:not(.btn){padding:10px 0;color:#1D1D1B}
.main-nav>a:not(.btn)::after{bottom:2px;background:#E6C85E;height:2px}
.main-nav .pm-tel{color:#475226;font-weight:500}
.menu-toggle{color:#475226}

/* Boutons (site.css impose ses couleurs en !important) */
.btn{border-radius:0;font-weight:500;padding:13px 22px;transform:none !important;min-height:46px}
.btn-navy{background:#475226 !important;color:#FFFFFF !important;border-color:#475226 !important}
.btn-navy:hover{background:#3A4320 !important}
.btn-gold{background:#E6C85E !important;color:#1D1D1B !important;border-color:#E6C85E !important}
.btn-gold:hover{background:#D9B945 !important}
.btn-outline{border-color:#475226 !important;color:#475226 !important;background:transparent !important}
.btn-outline:hover{background:#F1F3E6 !important}
.pm-dark .btn-outline{border-color:#FFFFFF !important;color:#FFFFFF !important;background:transparent !important}
.pm-dark .btn-outline:hover{background:rgba(255,255,255,.1) !important}

/* Cartes et sections existantes */
.service-card,.kpi,.panel,.form-card,.table-card{border-radius:0;box-shadow:none;border-color:#DDD6CE}
.service-icon{background:#F1F3E6;color:#475226}
.pill-row span{background:#F7F5F3;border-color:#DDD6CE;color:#2F3719}
.hero{background:#F7F5F3}
.hero-art::before,.gold-orbit{border-color:rgba(230,200,94,.55)}

/* Pied de page */
.site-footer{background:#2F3719 !important;color:#DDD6CE}
.site-footer .footer-column h3{color:#E6C85E;font-family:Roboto,Arial,sans-serif;font-size:14px;letter-spacing:.08em}
.site-footer .footer-column a{color:#FFFFFF;display:block}
.site-footer .footer-column a:hover{color:#E6C85E}
.site-footer .footer-bottom{border-color:rgba(255,255,255,.15)}

/* ---------- Nouvelles pages (accueil, Ansanm, Kouté) ---------- */
.pm{font-family:Roboto,Arial,sans-serif}
.pm-wrap{padding:76px 6%}
.pm-soft{background:#F7F5F3}
.pm-dark{background:#475226;color:#FFFFFF}
.pm-dark h1,.pm-dark h2{color:#FFFFFF}
.pm-kicker{font-size:13px;letter-spacing:.16em;color:#475226;font-weight:500;text-transform:uppercase}
.pm-dark .pm-kicker{color:#E6C85E}
.pm-bar{width:64px;height:6px;background:#E6C85E;margin-bottom:26px}
.pm-hero{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.pm-hero>div{flex:1 1 440px;min-width:0}
.pm-hero h1{font-size:clamp(36px,4.6vw,56px);line-height:1.1;margin:12px 0 0;font-weight:700}
.pm-lead{font-size:19px;line-height:1.7;color:#3D4349;max-width:640px;margin:22px 0 30px}
.pm-dark .pm-lead{color:#EEEBE7}
.pm-actions{display:flex;flex-wrap:wrap;gap:12px}
.pm-actions .btn{font-size:16px}
.pm-note{font-size:14px;color:#5E6670;margin:16px 0 0}
.pm-dark .pm-note{color:#DDD6CE}
.pm-h2{font-size:clamp(28px,3vw,38px);font-weight:600;margin:10px 0 34px;max-width:820px}
.pm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.pm-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.pm-card{border:1px solid #DDD6CE;padding:26px;background:#FFFFFF}
.pm-card h3{font-size:20px;font-weight:600;margin:14px 0 10px}
.pm-card p{margin:0;line-height:1.65;color:#3D4349}
.pm-card svg{display:block}
.pm-step{background:#FFFFFF;border-top:6px solid #E6C85E;padding:22px 24px;list-style:none}
.pm-step b{display:block;font-family:"Roboto Slab",Georgia,serif;font-size:32px;color:#939B3C}
.pm-step h3{font-size:20px;margin:6px 0 8px}
.pm-step p{margin:0;line-height:1.6;color:#3D4349}
.pm-steps{margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.pm-product{display:block;background:#FFFFFF;border:1px solid #DDD6CE;border-top:6px solid #475226;padding:24px 26px;
  text-decoration:none;color:#1D1D1B;transition:border-color .15s}
.pm-product.curry{border-top-color:#E6C85E}
.pm-product:hover{border-color:#939B3C}
.pm-product .k{font-size:12px;letter-spacing:.16em;color:#475226;font-weight:500}
.pm-product .t{font-family:"Roboto Slab",Georgia,serif;font-size:26px;font-weight:600;margin:6px 0 8px;color:#2F3719}
.pm-product .d{font-size:16px;line-height:1.6;color:#3D4349}
.pm-product .l{margin-top:14px;font-weight:500;color:#475226}
.pm-stack{display:flex;flex-direction:column;gap:16px}
.pm-panel{background:#FFFFFF;color:#1D1D1B;padding:26px 28px;border:1px solid #DDD6CE}
.pm-panel .k{font-size:12px;letter-spacing:.14em;color:#5E6670}
.pm-panel .t{font-family:"Roboto Slab",Georgia,serif;font-size:21px;font-weight:600;margin:6px 0 14px;color:#2F3719}
.pm-row{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #EEEBE7}
.pm-ok{color:#3A4320;font-weight:500}.pm-wait{color:#6B5A10;font-weight:500}
.pm-tag{display:inline-block;padding:4px 10px;font-size:13px;margin:4px 6px 0 0}
.pm-cta{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between}
.pm-cta h2{margin:0;flex:1 1 480px;font-size:clamp(26px,2.8vw,36px);font-weight:600}
@media (max-width:700px){.pm-wrap{padding:52px 20px}.brand img{width:180px}}