/*
Theme Name: GSE Group (Groupe Sami Entreprises)
Theme URI: https://groupesami.com
Author: Cheikh Sami TRAORE
Description: Thème WordPress officiel pour le Groupe Sami Entreprises.
Version: 1.0.1
Text Domain: gse
Tags: business, corporate, responsive, onepage
*/

:root{
  --gse-orange:#ff6600;
  --gse-dark:#111;
  --gse-gray:#f8f9fa;
}

body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#222;line-height:1.6}

/* Header / Menu */
header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #eee}
.nav{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.nav .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:var(--gse-orange);text-decoration:none}
.nav img.logo{height:48px;width:auto;display:block}
.nav .nav-menu{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.nav .nav-menu a{color:#333;text-decoration:none;font-weight:600}
.nav .nav-menu a:hover{color:var(--gse-orange)}

/* Hero */
.hero{position:relative;height:80vh;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden}
.slideshow{position:absolute;inset:0}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease}
.slide.active{opacity:1}
.hero .overlay{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.hero .hero-inner{position:relative;z-index:2;padding:0 20px}
.hero h1{font-size:3rem;margin:0 0 10px}
.tagline{font-size:1.25rem;margin-bottom:20px}
.btn{background:var(--gse-orange);color:#fff;padding:12px 24px;border-radius:30px;text-decoration:none;font-weight:700;display:inline-block}
.btn:hover{filter:brightness(.9)}

/* About */
.about{padding:60px 20px;background:var(--gse-gray)}
.about .container{max-width:1000px;margin:0 auto}
.about h2{text-align:center;color:var(--gse-orange);margin-bottom:20px}
.about p{margin:10px 0}
.about ul{padding-left:20px;margin:10px 0}
.highlight{color:var(--gse-orange);font-weight:700}

/* Activités */
#activites{padding:50px 20px;background:#fff;text-align:center}
#activites h2{color:#333;margin-bottom:25px}
.activities-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.activity-btn{padding:12px 22px;border-radius:30px;color:#fff;text-decoration:none;font-weight:700;display:inline-block;transition:transform .2s}
.activity-btn:hover{transform:translateY(-2px)}
.bg-orange{background:var(--gse-orange)}
.bg-blue{background:#0066cc}
.bg-green{background:#28a745}
.bg-pink{background:#ff3399}
.bg-dark{background:#333}

/* Footer */
footer{background:var(--gse-dark);color:#bbb;text-align:center;padding:24px}
footer a{color:var(--gse-orange);text-decoration:none}
footer a:hover{color:#fff}

.container{max-width:1200px;margin:0 auto}

/* Section Hero */
.hero {
  position: relative;
  width: 100%;
  height: 100vh; /* pleine hauteur d'écran */
  overflow: hidden;
}

.slideshow {
  position: relative;
  width: 100%;
  height: 100%;
}

.slide {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;      /* image couvre tout l’espace */
  background-position: center; /* centrée */
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}

.slide.active {
  opacity: 1;
  z-index: 1;
}

/* Contenu à ajouter dans le futur si texte sur le slide */
.slide-content {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
  max-width: 90%;
}

/* --- Responsive --- */
@media (max-width: 992px) {
  .hero {
    height: 70vh;
  }
}

@media (max-width: 600px) {
  .hero {
    height: 60vh;
  }
}