/* ===== Afghan Echoes — Packages ===== */
:root{
  --ae-primary:#1A374D;      /* your brand */
  --ae-primary-2:#0A1D37;
  --ae-accent:#3c8dbc;
  --ae-muted:#6c7a86;
  --ae-card-bg:#ffffff;
}

/* Page hero tweaks */
.site-hero.inner-page .lead{opacity:.9}

/* Filter bar */
.ae-filterbar{
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  padding: 14px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}
.ae-filterbar .form-control,
.ae-filterbar .custom-select{
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  height: 46px;
  padding: 0 16px;  
}
.ae-filterbar .btn{
  border-radius: 999px;
  height: 46px;
}

/* Grid + card */
.package-grid{row-gap: 28px}
.tour-card{
  background: var(--ae-card-bg);
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.06);
  transition: transform .28s ease, box-shadow .28s ease;
  display: flex; flex-direction: column; height: 100%;
}
.tour-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

/* Image */
.tour-img{position: relative; display:block; height: 210px; background:#f7f7f7}
.tour-img img{width:100%; height:100%; object-fit:cover; display:block}
.price-badge{
  position:absolute; top:12px; right:12px;
  background: linear-gradient(135deg, var(--ae-primary), var(--ae-primary-2));
  color:#fff; font-weight:600; font-size:.95rem;
  padding:8px 12px; border-radius: 12px;
  box-shadow: 0 10px 18px rgba(0,0,0,.18);
}

/* Body */
.tour-body{padding:16px 16px 14px 16px; display:flex; flex-direction:column; gap:8px}
.tour-title{
  font-size:1.2rem; line-height:1.25; margin:0;
  color:#111; font-weight:700;
}
.badge-location{
  background: rgba(26,55,77,.08); color: var(--ae-primary);
  padding:6px 10px; border-radius:999px; font-size:.78rem; font-weight:600;
}
.tour-desc{color:#475159; margin:4px 0 0}
.line-clamp-2{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.tour-footer{
  margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:10px
}
.tour-footer .btn{padding:.45rem .9rem}
.btn-book{box-shadow: 0 10px 20px rgba(26,55,77,.18)}

/* Empty state */
.ae-empty{
  background:#fff; border:1px dashed rgba(0,0,0,.15);
  border-radius: 16px; padding:28px; text-align:center; color:var(--ae-muted)
}

/* Pagination */
.ae-pages .page-link{border-radius:10px; margin:0 4px}

/* --- NAV QUICK FIXES (packages page only) --- */

/* Remove old theme's pipes/separators */
.site-navigation .site-menu > li:after,
.site-nav .site-navigation ul li:after,
nav .site-menu li + li:before {
  content: none !important;
}

/* Make nav dark and clean */
.site-nav,
.site-navigation,
.header,
.navbar { background: #0A1D37 !important; }

.site-nav .logo,
.site-navigation a,
.navbar a,
.main-nav a {
  color: rgba(255,255,255,.9) !important;
}

.site-navigation a:hover,
.navbar a:hover,
.main-nav a:hover { color:#fff !important; }

/* Give links subtle pill hover */
.site-navigation a,
.navbar .nav-link {
  border-radius: 10px;
  padding: .55rem .8rem;
}
.site-navigation a:hover,
.navbar .nav-link:hover {
  background: rgba(255,255,255,.08);
}

/* Active link */
.site-navigation .active > a,
.navbar .nav-link.active {
  color:#fff !important;
  background: rgba(255,255,255,.14);
}

/* (Optional) softer text selection so screenshots don’t look “black-blocked” */
::selection { background: rgba(26,55,77,.25); color:#fff; }