/* =========== Palette revisité =========== */
  :root{
    --primary: #8B4513;        /* brun bois foncé */
    --secondary: #D2B48C;      /* sable / bois clair */
    --accent: #FFB347;         /* doré doux */
    --bg: #FFF8F0;             /* crème chaleureux */
    --text: #3B2F2F;           /* brun foncé */
    --muted: #6B5B4C;          /* brun gris */
    --white: #ffffff;
    --radius: 16px;
    --max-w: 1200px;
    --transition: 0.3s ease-in-out;
  }

  /* =========== Reset =========== */
  *{box-sizing:border-box; margin:0; padding:0;}
  html, body{height:100%; font-family:'Poppins', sans-serif; line-height:1.6; background:var(--bg); color:var(--text);}
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block; border-radius:var(--radius);}
  h1,h2,h3,h4,h5,h6{color:var(--primary); margin-bottom:12px; font-weight:700;}
  p{margin-bottom:12px; color:var(--muted);}
  ul{list-style:circle inside; margin-bottom:12px;}

  /* =========== Container =========== */
  .container{max-width:var(--max-w); margin:0 auto; padding:0 24px;}

  /* =========== Header =========== */
  /* --- NOUVEAU CODE CSS AMÉLIORÉ --- */

header {
    /* 1. Réduction de la hauteur de la bannière et ajout de marges latérales */
    /* Padding réduit à 12px verticalement (pour réduire la taille de la bannière) et 30px horizontalement (pour les marges) */
    padding: 12px 30px;
    
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(90deg, var(--secondary), var(--primary));
    color: var(--white);
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/*------------------------------------------------------------------*/

/* BANNIÈRE SLIDER */
.hero-slider {
    position: relative;
    width: 100%;
    height: 420px;
    overflow: hidden;
}

/* Conteneur coulissant */
.slides-container {
    display: flex;
    width: 300%;
    height: 100%;
    transition: transform 1s ease-in-out;
}

/* Chaque slide */
.slide {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Texte central */
.slide-text {
    position: absolute;
    text-align: center;
    background: rgba(0,0,0,0.45);
    padding: 18px 40px;
    border-radius: 14px;
    backdrop-filter: blur(5px);
}

.slide-text h1 {
    color: white;
    font-size: 38px;
    text-shadow: 0 4px 8px rgba(0,0,0,0.5);
}

.slide-text p {
    color: #ffe8c9;
    font-size: 18px;
    margin-top: 8px;
}



/*------------------------------------------------------------------*/

.Logo-Artisan-au-Féminin {
    /* 2. Réduction de la taille du logo (pour s'aligner avec la bannière réduite) */
    width: 100px; /* Taille réduite */
    height: 80px; /* Taille réduite, ajustez pour conserver les proportions */
    
    /* 3. Ajout d'une légère marge à droite du logo (si le texte ou le titre est juste à côté) */
    margin-right: 15px; 
}

.brand h1 {
    color: var(--white);
    /* 4. Réduction potentielle de la marge par défaut du h1 pour un meilleur alignement */
    margin: 0; 
}

/* --- LE RESTE DU CODE AVEC DES AMÉLIORATIONS MINEURES --- */

nav.desktop a {
    margin-left: 20px; /* Légèrement réduit pour un look plus compact */
    font-weight: 600;
    color: var(--white);
    position: relative;
    /* transition rapide sur le color pour le hover */
    transition: color 0.3s ease; 
}
nav.desktop a:hover {
    color: var(--accent); /* Ajout d'une couleur au hover pour une meilleure expérience utilisateur */
}

nav.desktop a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 3px;
    background: var(--accent);
    /* Utilisez des valeurs fixes au lieu de variables pour la transition si elle n'est pas déjà définie */
    transition: width 0.3s ease; 
}
nav.desktop a:hover::after {
    width: 100%;
}

.btn-cta {
    background: var(--accent);
    color: var(--primary);
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: 700;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
    /* Utilisez des valeurs fixes pour la transition si la variable n'est pas définie */
    transition: transform 0.3s ease; 
}
.btn-cta:hover {
    transform: scale(1.05);
}

.mobile-toggle {
    display: none;
    font-size: 28px;
    cursor: pointer;
    color: var(--white);
}
  /* =========== Hero =========== */
  .hero{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    padding:60px 0;
  }
  .hero h2{
    font-size:42px;
    color:var(--primary);
    line-height:1.2;
  }
  .hero p.lead{
    font-size:18px;
    color:var(--muted);
    margin-top:16px;
  }
  .hero .actions{margin-top:24px;}
  .hero .actions a{margin-right:12px;}

  .card-sub{
    background:linear-gradient(145deg, #fff5e6, var(--secondary));
    padding:24px;
    border-radius:20px;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
    text-align:center;
    flex:1 1 360px;
    margin-top:20px;
  }
  .card-sub h4{color:var(--primary);}
  .card-sub input, .card-sub textarea, .card-sub select{
    padding:12px; border-radius:12px; border:1px solid rgba(0,0,0,0.1); width:100%; margin-top:8px;
  }
  .card-sub button.primary{background:var(--primary); color:var(--white); width:100%; margin-top:12px; font-weight:700;}

  /* =========== Sections =========== */
  section{padding:60px 0;}
  h3{font-size:28px; color:var(--primary); margin-bottom:18px;}
  .muted{color:var(--muted); font-size:16px;}

  /* =========== Activities =========== */
  .activities{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px; margin-top:24px;}
  .activity{
    background:linear-gradient(145deg, #fff8f2, #fff5e6);
    padding:20px;
    border-radius:20px;
    box-shadow:0 8px 28px rgba(0,0,0,0.06);
    transition:transform var(--transition), box-shadow var(--transition);
  }
  .activity:hover{transform:translateY(-6px); box-shadow:0 12px 36px rgba(0,0,0,0.1);}
  .activity h4{color:var(--primary); margin-bottom:8px;}

  /* =========== Partners Mural =========== */
  .partners-wrap{
    background:linear-gradient(90deg, #fff5e6, #ffe6cc);
    padding:32px;
    border-radius:20px;
  }
  .partners-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
    gap:20px;
    align-items:center;
    justify-items:center;
  }
  .partners-grid .cell{
    background:var(--white);
    padding:12px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:transform var(--transition), box-shadow var(--transition);
    box-shadow:0 6px 20px rgba(0,0,0,0.05);
  }
  .partners-grid .cell:hover{transform:translateY(-8px); box-shadow:0 12px 28px rgba(0,0,0,0.12);}
  .partners-grid .cell img{filter:grayscale(60%); transition:filter var(--transition);}
  .partners-grid .cell:hover img{filter:grayscale(0);}

  /* =========== Footer =========== */
  footer{
    background:var(--primary);
    color:var(--white);
    padding:40px 0;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    font-size:14px;
  }
  footer a{color:var(--accent); margin-left:12px; transition:opacity var(--transition);}
  footer a:hover{opacity:0.8;}

  /* =========== Stats =========== */
  .stats{display:flex; gap:24px; margin-top:32px; flex-wrap:wrap;}
  .stat{
    background:linear-gradient(135deg, #fff8f2, #fff5e6);
    flex:1 1 120px;
    padding:16px;
    border-radius:16px;
    text-align:center;
    box-shadow:0 6px 20px rgba(0,0,0,0.06);
    transition:transform var(--transition);
  }
  .stat:hover{transform:translateY(-6px);}
  .stat .num{font-size:24px; font-weight:800; color:var(--accent);}
  .stat .label{font-size:14px; color:var(--muted); margin-top:6px;}

  /* =========== Responsive =========== */
  @media(max-width:900px){
    .hero{flex-direction:column;}
    .hero .card-sub{margin-top:32px;}
    header{flex-direction:column; gap:12px; padding:20px;}
    nav.desktop{flex-wrap:wrap; justify-content:center;}
  }
  @media(max-width:600px){
    .activities{grid-template-columns:1fr;}
    .partners-grid{grid-template-columns:repeat(2,1fr);}
  }