/*
Theme Name: Horizon Group Plus
Theme URI: http://horizongroupsarl.com
Author: HORIZON GROUP PLUS SARL
Author URI: http://horizongroupsarl.com
Description: Thème WordPress personnalisé dérivé de la maquette Horizon Group SARL — vitrine & événementiel.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: horizon-group-plus
Tags: responsive, custom-menu, featured-images, full-width-template
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');

:root{
  --bg:#0d0d0d;
  --gold:#d4af37;
  --red:#e63946;
  --white:#ffffff;
  --muted:#bdbdbd;
  --container:1100px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--white);line-height:1.5}
.header{background:transparent;position:relative;z-index:50;padding:22px 28px;display:flex;align-items:center;justify-content:space-between}
.header .site-logo img{height:54px}
.nav{display:flex;gap:20px}
.nav a{color:var(--muted);text-decoration:none;font-weight:600}
.nav a:hover{color:var(--white)}
.container{max-width:var(--container);margin:0 auto;padding:40px 24px}
.hero{display:grid;grid-template-columns:1fr 420px;gap:30px;align-items:center;padding:40px 0}
.hero .intro h1{font-size:48px;margin:0 0 18px;color:var(--white);line-height:1.05}
.hero .intro p{color:var(--muted);margin-bottom:20px}
.btn{background:var(--red);color:var(--white);padding:12px 18px;border-radius:6px;text-decoration:none;font-weight:700}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:20px}
.event-card{background:#111;padding:18px;border-radius:8px;display:flex;flex-direction:column;gap:12px}
.event-card .date{font-weight:800;color:var(--gold);font-size:18px}
.section-title{font-size:22px;margin:8px 0 14px;color:var(--white)}
.about{display:flex;gap:24px;align-items:center}
.about img{width:260px;border-radius:8px}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.footer{background:#070707;padding:40px 24px;color:var(--muted)}
.footer .cols{display:flex;gap:40px;flex-wrap:wrap}
.contact-card{background:#0b0b0b;padding:20px;border-radius:8px}
@media(max-width:900px){
  .hero{grid-template-columns:1fr; text-align:center}
  .hero .intro h1{font-size:34px}
  .about{flex-direction:column}
  .header{padding:12px}
  .hero .intro p{font-size:15px}
}