/* Reset & Base */
* {margin:0; padding:0; box-sizing:border-box; font-family:'Poppins', sans-serif;}
/* Himalayan Holidays — styles.css */
:root{
  --blue-1:#e8f4ff;
  --blue-2:#bfe1ff;
  --brand:#0e6cd4;
  --navy:#033e6b;
  --muted:#6b7b8c;
  --radius:12px;
  --container:1100px;
}

*{box-sizing:border-box}
body{font-family:Inter, Poppins, Arial, sans-serif; margin:0; color:var(--navy); background:var(--blue-1); -webkit-font-smoothing:antialiased;}
.container{max-width:var(--container); margin:0 auto; padding:0 20px}

/* Topbar */
.topbar{background:var(--brand); color:white; padding:8px 20px; display:flex; justify-content:space-between; align-items:center; font-size:14px}
.topbar .top-right a{color:white; margin-left:12px; text-decoration:none}
.topbar .social{margin-left:8px; color:white}

/* NAV */
.navbar{display:flex; align-items:center; justify-content:space-between; padding:16px 20px; background:white; box-shadow:0 6px 18px rgba(2,48,84,0.06); position:sticky; top:0; z-index:200; border-bottom-left-radius:var(--radius); border-bottom-right-radius:var(--radius)}
.brand .logo{font-weight:800; font-size:20px; color:var(--brand)}
.brand .logo img {
  height: 70px;  
}
.brand .tag{font-size:12px; color:var(--muted)}
.nav-links{display:flex; gap:20px; list-style:none; align-items:center; margin:0; padding:0}
.nav-links li{position:relative}
.nav-links a{color:var(--navy); text-decoration:none; padding:8px 10px; border-radius:8px; display:inline-block}
.nav-links a:hover{background:var(--blue-2); color:var(--brand)}
.lang-toggle button{background:transparent; border:1px solid var(--blue-2); padding:6px 8px; border-radius:8px; cursor:pointer}

/* Dropdown */
.dropdown-menu{position:absolute; top:calc(100% + 10px); left:0; background:white; min-width:220px; border-radius:10px; box-shadow:0 10px 30px rgba(2,48,84,0.08); display:none; padding:8px 0}
.dropdown:hover .dropdown-menu{display:block}
.dropdown-menu li a{padding:10px 14px; display:block; color:var(--navy)}
.dropdown-menu li a:hover{background:var(--blue-2); color:var(--brand)}

/* HERO / SLIDER */
.hero{min-height:70vh; display:flex; align-items:center; position:relative; overflow:hidden}
.slider{width:100%; position:relative}
.slide{min-height:70vh; background-size:cover; background-position:center; display:none; align-items:center; justify-content:center}
.slide.active{display:flex}
.slide-inner{background:linear-gradient(180deg, rgba(3,62,107,0.55), rgba(3,62,107,0.35)); padding:30px; border-radius:14px; color:white; text-align:center; max-width:900px}
.slide h1{font-size:36px; margin:0 0 10px}
.slide p{margin:0 0 18px}
.slider-prev, .slider-next{position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,0.85); border:none; padding:10px 12px; border-radius:8px; cursor:pointer; box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.slider-prev{left:20px} .slider-next{right:20px}
.btn{display:inline-block; background:var(--brand); color:white; padding:10px 14px; border-radius:10px; text-decoration:none}
.btn.ghost{background:transparent; color:var(--brand); border:1px solid rgba(14,108,212,0.12);}

/* ======= Navbar ======= */
#main-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  backdrop-filter: blur(10px);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  z-index: 1000;
  font-family: 'Poppins', sans-serif;
  transition: all 0.3s ease;
}

.navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 60px;
}

/* Container */
.container {width:90%; max-width:1200px; margin:50px auto;}

/* Featured Tours & International */
.featured-tours h2, .international-tours h2, .blogs h2, .contact h2 {text-align:center; color:#87CEEB; margin-bottom:30px;}
.tour-grid {display:flex; gap:20px; flex-wrap:wrap; justify-content:center;}
.tour-card {flex:1 1 300px; background:#f9f9f9; border-radius:8px; overflow:hidden; text-align:center; box-shadow:0 4px 10px rgba(0,0,0,0.1);}
.tour-card img {width:100%; height:400px; object-fit:cover;}
.tour-card h3 {margin:15px 0 10px 0;}
.tour-card p {padding:0 10px 15px 10px; color:#555;}
.tour-card .btn {margin-bottom:15px; background:darkblue; color:#fff; text-decoration:none; padding:8px 16px; border-radius:6px;}
.tour-card .btn:hover {background:#FFC0CB;}

/* Services */
.services{padding:40px 0}
.services-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px}
.service{background:white;padding:18px;border-radius:12px;text-align:center;box-shadow:0 6px 18px rgba(2,48,84,0.06)}
.service i{font-size:28px;color:var(--brand); margin-bottom:8px}

/* Blogs */
.blog-grid {display:flex; gap:20px; flex-wrap:wrap; justify-content:center;}
.blog-card {flex:1 1 300px; background:#f9f9f9; border-radius:8px; overflow:hidden; box-shadow:0 4px 10px rgba(0,0,0,0.1); text-align:center;}
.blog-card img {width:100%; height:180px; object-fit:cover;}
.blog-card h3 {margin:15px 0 10px 0;}
.blog-card p {padding:0 10px 15px 10px; color:#555;}

/* Contact */
.contact {text-align:center; margin-bottom:50px;}
.contact p {margin:10px 0; font-size:16px;}

/* Footer */
footer{background:var(--navy); color:white; padding:30px 0; margin-top:30px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.footer-grid a {color: lightblue;}
.mini-footer{text-align:center;padding:18px;background:transparent;color:var(--muted);}

/* Gallery */
.gallery-page .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.gallery-item{width:100%;height:180px;object-fit:cover;border-radius:8px;cursor:pointer;}

/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,0.8);display:none;align-items:center;justify-content:center;z-index:999}
.lightbox img{max-width:90%;max-height:80%;border-radius:8px}