/* TOP BAR */
.top-bar{
  background:#2e8b57;
  padding:8px 0;
}
.top-bar i{color:#fff; }
.top-bar a{ color:#fff; font-weight:600; text-decoration:none; font-size:17px; }

/* SOCIAL BUTTONS */
.social{
  width:34px; height:34px;
  display:flex; align-items:center; justify-content:center;
  border-radius:6px; color:#fff !important;
}
.facebook{background:#1877F2; color:#fff !important;}
.instagram{background:#C13584; color:#fff !important;}
.twitter{background:#000; color:#fff !important;}
.youtube{background:#FF0000; color:#fff !important;}
.linkedin{background:#0A66C2; color:#fff !important;}

/* NAV AREA */
.sncf-header{
  width:100%;
  padding:15px 0;
  background:#fff;

  top:0;
  z-index:9999;
  box-shadow:0 4px 10px rgba(0,0,0,.08);
}

.logo img{ width:120px; }

/* Menu List */
.nav-menu ul{
  display:flex;
  gap:25px;
  list-style:none;
  margin:0;
  padding:0;
}
.nav-menu ul ul{
  display:block;
  gap:25px;
  list-style:none;
  margin:0;
  padding:0; text-align: center; 
}

.nav-menu ul li a{
  text-decoration:none;
  color:#222;
  font-weight:600;
  padding:10px 5px;
}

.nav-menu ul li a:hover{ color:#F28A1E; }

/* Donate Button */
.donate-btn{
  background:#ff5722;
  padding:10px 20px !important;
  color:#fff !important;
  border-radius:30px;
  font-weight:700; 
}

/* -------------------------
   DESKTOP DROPDOWN (FIXED)
---------------------------*/
.dropdown{
  position:relative;
}

.dropdown-panel{
  position:absolute;
  top:30px;
  left:0;
  width:240px;
  background:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,.15);
  border-radius:10px;
  padding:10px 0;
  display:none;
  z-index:99999;
}

.dropdown-panel ul{
  list-style:none;
  padding:0;
  margin:0;
}

.dropdown-panel li a{
  display:block;
  padding:10px 20px;
  color:#333;
}

.dropdown-panel li a:hover{
  background:#f5f5f5;
  color:#ff5722;
}

/* Show on hover — desktop only */
@media(min-width:993px){
  .dropdown:hover .dropdown-panel{
    display:block;
  }
}

/* -------------------------
   MOBILE MENU
---------------------------*/
.menu-btn{
  display:none;
  font-size:28px;
  cursor:pointer;
}

.close-btn{
  display:none;
  padding:20px;
  text-align:right;
  font-size:28px;
}

@media(max-width:992px){

  .menu-btn{ display:block; }

  .nav-menu{
    position:fixed;
    right:-300px;
    top:0;
    width:300px;
    height:100vh;
    background:#fff;
    padding-top:10px;
    transition:0.4s ease;
    box-shadow:-4px 0 20px rgba(0,0,0,.15);
  }

  .nav-menu.active{ right:0; }

  .close-btn{ display:block; }

  .nav-menu ul{
    flex-direction:column;
    padding-left:0;
    gap:0;
  }

  .nav-menu ul li a{
    display:block;
    padding:14px 20px;
    border-bottom:1px solid #eee;
  }

  /* Mobile dropdown fix */
  .dropdown-panel{
    position:relative;
    top:0;
    left:0;
    box-shadow:none;
    width:100%;
    display:none !important;
    padding-left:15px;
  }

  .dropdown.open .dropdown-panel{
    display:block !important;
  }
}