/*
Theme Name: Alkéos Rénovation
Theme URI: https://alkeos-renovation.fr
Author: Vous
Author URI: https://alkeos-renovation.fr
Description: Thème WordPress sur-mesure pour Alkéos Rénovation. Léger, rapide, SEO-friendly, avec CPT "Réalisations".
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: alkeos
*/
:root{
  --alkeos-bg:#0f1115;
  --alkeos-surface:#171a21;
  --alkeos-text:#f4f5f7;
  --alkeos-muted:#aab1bd;
  --alkeos-accent:#f0b429;
  --alkeos-accent-2:#3e88ff;
  --container: 1200px;
}

html,body{margin:0;padding:0;background:#fff;color:#111;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,Arial,sans-serif;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--alkeos-accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.btn{display:inline-block;background:var(--alkeos-accent);color:#111;padding:12px 18px;border-radius:8px;font-weight:600}
.btn:hover{filter:brightness(0.95)}
.hero{background:linear-gradient(180deg,#111 0%,#20232b 100%);color:#fff;padding:80px 0}
.hero h1{font-size:clamp(28px,5vw,46px);margin:0 0 10px}
.hero p{color:#d6dae2;max-width:820px}
.grid{display:grid;gap:20px}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#fff;border:1px solid #e9eef5;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:22px}
.card h3{margin-top:0}
.site-header{border-bottom:1px solid #eef2f7;background:#ffffffaa;backdrop-filter:saturate(140%) blur(6px)}
.site-header .inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.nav a{margin-left:16px;font-weight:600;color:#222}
.footer{margin-top:60px;padding:30px 0;border-top:1px solid #eef2f7;color:#5a6472;background:#fff}
.section{padding:50px 0}
.section h2{margin-top:0;font-size:clamp(24px,3.2vw,34px)}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.badge{background:#111;color:#fff;padding:6px 10px;border-radius:999px;font-size:13px}
.service-icon{width:40px;height:40px;border-radius:8px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.portfolio-grid{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
}
.portfolio-item{border-radius:12px;overflow:hidden;border:1px solid #e9eef5;background:#fff}
.portfolio-item figure{margin:0}
.portfolio-item .meta{padding:12px}
.kpis{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}
.kpi{background:#fff;border:1px solid #e9eef5;border-radius:12px;padding:12px 14px}
.notice{background:#fff7e6;border:1px solid #ffe4b3;border-radius:12px;padding:12px}