:root{
      /* Palette : jaune, pastel de jaune, blanc, noir */
      --bg:#fffdf0;          /* fond global légèrement pastel */
      --card:#ffffff;        /* cartes blanches */
      --muted:rgba(0,0,0,.6);/* textes secondaires (noir atténué) */
      --text:#000000;        /* texte principal noir */
      --accent1:#f2e501;     /* jaune principal */
      --accent2:#fffac2;     /* jaune pastel */
      --grad: linear-gradient(135deg,var(--accent1),var(--accent2));
      --glass: rgba(255,255,255,.9); /* panneaux glass sur fond clair */
      --blur: saturate(120%) blur(6px);
      --radius: 16px;
    }
    html,body{
      background:var(--bg);
      color:var(--text);
      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    }
    h1,h2,h3,.navbar-brand{
      font-family:Poppins,Inter,system-ui,sans-serif;
    }

    /* Navbar — bandeau blanc */
    .navbar{
      background:#000000;
      backdrop-filter: var(--blur);
      border-bottom: 1px solid rgba(0,0,0,.06);
    } 
    .navbar .nav-link{
      color:#ffffff;
    }
    .navbar .nav-link:hover{
      color:var(--accent1);
    }

    /* Hero */
    .hero{
      min-height: 100vh;
      position: relative;
      display:grid;
      place-items:center;
      overflow:hidden;
      /*background: linear-gradient(120deg, rgba(242,229,1,.10), rgba(255,250,194,.5)), #ffffff;*/
    }
    .hero::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
      background-image: url('https://images.unsplash.com/photo-1549575810-39e6b6ea5d7c?q=80&w=1900&auto=format&fit=crop');
      background-size: cover;
      background-position: center;
      opacity:.22;
      filter:contrast(1.05) saturate(1.15);
    }
    .hero .contain{
      position:relative;
      z-index:1;
    }
    .badge-glow{
      background: var(--glass);
      border:1px solid rgba(0,0,0,.06);
      backdrop-filter: var(--blur);
    }
    .btn-gradient{
      background:var(--grad);
      color:#000000;
      border:none;
    }
    .btn-gradient:hover{
      filter:brightness(1.05);
    }
    .btn-outline-light{
      border-color: rgba(0,0,0,.3);
      color:#000000;
    }
    .btn-outline-light:hover{
      background:rgba(0,0,0,.05);
      color:#000000;
    }

    /* Stats */
    .stats{
      margin-top:-70px;
    }
    .glass{
      background: var(--glass);
      border:1px solid rgba(0,0,0,.06);
      backdrop-filter:var(--blur);
      border-radius: var(--radius);
    }

    /* Section base */
    section{
      padding: 80px 0;
    }
    .section-title{
      letter-spacing:.4px;
    }
    .accent-underline{
      position:relative;
      display:inline-block;
    }
    .accent-underline::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:-8px;
      height:3px;
      background:var(--grad);
      border-radius:3px;
    }

    /* Cards */
    .card{
      background:var(--card);
      border:1px solid rgba(0,0,0,.06);
      color:var(--text);
      border-radius:var(--radius);
    } 
    .card img{
      border-top-left-radius:var(--radius);
      border-top-right-radius:var(--radius);
    }

    /* Timeline */
    .timeline{
      position:relative;
    }
    .timeline::before{
      content:"";
      position:absolute;
      left:16px;
      top:0;
      bottom:0;
      width:2px;
      background:linear-gradient(180deg, rgba(242,229,1,.7), rgba(255,250,194,.9));
    }
    .dot{
      width:12px;
      height:12px;
      border-radius:50%;
      background:var(--accent1);
      border:2px solid #ffffff;
      box-shadow:0 0 0 4px rgba(242,229,1,.25);
    }

    /* Footer */
    footer{
      background:#ffffff;
      border-top:1px solid rgba(0,0,0,.06);
    }

    /* Small interactions */
    .hover-lift{
      transition: transform .25s ease, box-shadow .25s ease;
    }
    .hover-lift:hover{
      transform: translateY(-4px);
    }

    /* Utilities */
    .text-muted-80{
      color:var(--muted)!important;
    }
    .rounded-2xl{
      border-radius:24px;
    }

  .text-gradient{
    background: var(--grad);
    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent; /* IMPORTANT pour Chrome */
    color: transparent;

    -webkit-text-stroke: 2px #000;        /* contour noir */
  }


  .navbar{
    min-height: 80px; /* hauteur stable */
  }

  .brand-logo{
    height: 56px;     /* logo bien visible */
    width: auto;
    object-fit: contain;
    display: block;
  }

  .navbar-brand{
    line-height: 0; /* empêche l'espace fantôme */
  }

  .navbar-nav{
    white-space: nowrap;
  }

  /* Cible le dernier élément du menu */
  .navbar-nav .nav-item:last-child .nav-link {
      display: inline-block;
      background: var(--grad) !important;
      color: #000 !important;
      border: none !important;
      padding: 0.375rem 1rem !important;
      border-radius: 50rem !important;
      font-weight: 400 !important;
      transition: transform 0.25s ease !important;
       opacity: 0.95 !important;
  }

  /* Effet au survol : réduction de l'opacité */
  .navbar-nav .nav-item:last-child .nav-link:hover {
      opacity: 1 !important; /* 90% d'opacité au survol */
      transform: none !important; /* Désactive le déplacement */
  }

  .gpxv-view {
    width: 100% !important;
}

/* Sous-menu dropdown */
.navbar .dropdown-menu {
    background-color: #000000;
    border: none;
    border-top: 2px solid #f2e501;
    border-radius: 0 0 8px 8px;
    padding: 0.5rem 0;
    min-width: 200px;
}

.navbar .dropdown-menu .dropdown-item {
    color: #ffffff;
    padding: 0.6rem 1.2rem;
    font-size: 0.9rem;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus {
    background-color: #f2e501;
    color: #000000;
}

.navbar .dropdown-menu .dropdown-item.active {
    background-color: #f2e501;
    color: #000000;
}

/* Forcer la couleur du lien parent dropdown */
.navbar .nav-item.dropdown > .nav-link {
    color: #ffffff !important;
}

.navbar .nav-item.dropdown > .nav-link:hover {
    color: #f2e501 !important;
}

/* Alignement du sous-menu */
.navbar .dropdown-menu {
    margin-top: 0;
    left: 0;
    right: auto;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}