/* ==========================================================================
   Aurora Gold — Bootstrap theme layer
   Custom tokens + overrides on top of Bootstrap 5
   ========================================================================== */
:root { --cream: #ECE2CE; --tan-section: #EFE3C9; --green: #2B321E; --green-deep: #2B331E; --gold: #B58A4A; --gold-light: #C9A165; --ink: #201F1A; --ink-soft: #4A4A42; --grey-text: #8A8578; --bs-body-font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif; --bs-body-color: var(--ink); }

body{ -webkit-font-smoothing: antialiased; }
h1,h2,h3,h4{ font-family: 'Playfair Display', Georgia, serif; font-weight: 600; }
a{ text-decoration: none; }
:focus-visible{ outline: 2px solid var(--gold); outline-offset: 3px; }

.eyebrow{
  color: var(--gold);
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-bottom: .85rem;
}
.section-title{ font-size: clamp(1.9rem, 3.2vw, 2.5rem); color: var(--ink); }
.title-rule{
  display:block;
  width: 56px;
  height: 2px;
  background: var(--gold);
  margin: 1.4rem 0 2.6rem;
}

/* ------------------------------------------------------------
   Buttons
------------------------------------------------------------- */
.btn{
  border-radius: 3px;
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  padding: .85rem 1.7rem;
  transition: transform .25s ease, background-color .25s ease, color .25s ease, border-color .25s ease;
}
.btn:hover{ transform: translateY(-2px); }
.btn-gold { color: #fff; border: 1px solid rgba(255,255,255,.8); }
.btn-gold:hover, .btn-outline-cream:hover { background: var(--green); border:1px solid var(--gold-light) !important; color: var(--gold); }
.btn-outline-cream{ color:#fff; border: 1px solid rgba(255,255,255,.8); }
.btn-dark-green{ background: var(--green); color:#fff; border:1px solid var(--green); padding: .7rem 1.6rem; font-size:.78rem; }
.btn-dark-green:hover{ background: var(--green-deep); color:#fff; }

/* ------------------------------------------------------------
   Header / Navbar
------------------------------------------------------------- */
.site-header{ background: var(--cream); border-bottom: 1px solid rgba(0,0,0,.05); }
.logo{
  font-family: 'Playfair Display', serif;
  font-size: 1.35rem;
  letter-spacing: 3px;
  color: var(--gold);
}
.navbar-nav .nav-link{
  font-size: .875rem;
  font-weight: 500;
  color: var(--ink);
  position: relative;
  padding: .4rem 0;
  margin: 0 .1rem;
}
.navbar-nav .nav-link::after{
  content:'';
  position:absolute;
  left:0; bottom:-2px;
  width:0; height:1px;
  background: var(--gold);
  transition: width .25s ease;
}
.navbar-nav .nav-link:hover::after{ width:100%; }
.navbar-toggler{ border: none; box-shadow:none; }
.navbar-toggler:focus{ box-shadow: 0 0 0 .2rem rgba(181,138,74,.35); }

/* ------------------------------------------------------------
   Hero
------------------------------------------------------------- */
.hero{ position:relative; min-height: 640px; display:flex; align-items:center; overflow:hidden; }
.hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-overlay{
  position:absolute; inset:0;
  /*background: linear-gradient(180deg, rgba(20,16,10,.25) 0%, rgba(20,16,10,.15) 45%, rgba(15,12,8,.55) 100%);*/
}
.hero-content{ position:relative; z-index:2; padding-top: 4rem; padding-bottom: 12rem; }
.hero-title{ font-weight:700; text-shadow: 0 2px 18px rgba(0,0,0,.35); }
.hero-sub{
  margin-top: .5rem;
  font-size: .8rem;
  letter-spacing: 3px;
  font-weight: 600;
  text-transform: uppercase;
  opacity:.95;
}

/* ------------------------------------------------------------
   Feature strip
------------------------------------------------------------- */
.feature-strip{ background: var(--green); }
.feature-col{ position:relative; padding: 0 1.5rem; }
.feature-col + .feature-col::before{
  content:'';
  position:absolute;
  left:0; top:6px; bottom:6px;
  width:1px;
  background: rgba(255,255,255,.18);
}
@media (max-width: 991.98px){ .feature-col + .feature-col::before{ display:none; } }
.feature-icon{
  width:56px; height:56px;
  border-radius:50%;
  border:1px solid var(--gold-light);
  display:flex; align-items:center; justify-content:center;
  color: var(--gold-light);
  font-size: 1.4rem;
}
.feature-title { font-family: 'Playfair Display', sans-serif; font-size: 1.1rem; letter-spacing: 1.4px; text-transform: uppercase; font-weight: 600; margin-bottom: .4rem; }
.feature-text{ font-size: .85rem; color: rgba(255,255,255,.7); }

/* ------------------------------------------------------------
   Destinations
------------------------------------------------------------- */
.dest-card { position: relative; aspect-ratio: 4/5; border-radius: 4px; overflow: hidden; color: #fff; max-height: 358px;width:100% }

.dest-card img{
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover;
  transition: transform .5s ease;
}
.dest-card:hover img { transform: scale(1.06); }
.itemdes:hover { width: 650px; max-height: 358px; transition:1s ease; }

.dest-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(358deg, rgb(10 8 4 / 0%) 35%, rgb(10 8 4 / 13%) 100%); }
.dest-card-body { position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding: 1.3rem; max-height: 358px; }

.dest-view-more{
  
  font-size: .7rem; font-weight:700; letter-spacing:1.4px; text-transform:uppercase;
  color: var(--gold-light);
}
.dest-arrow{
  position:absolute; top:14px; right:14px; z-index:2;
  width:34px; height:34px; border-radius:50%;
  border:1px solid rgba(255,255,255,.8);
  display:flex; align-items:center; justify-content:center;
  font-size: .9rem;
  transition: background .25s ease, border-color .25s ease;
}
.dest-card:hover .dest-arrow{ background: var(--gold); border-color: var(--gold); }
.dest-card h3{ font-size:1.4rem; margin-bottom:.4rem; }
.dest-card p{ font-size:.8rem; line-height:1.6; color: rgba(255,255,255,.82); }

/* ------------------------------------------------------------
   Sustainable Tourism
------------------------------------------------------------- */
.sustainable{ background: var(--tan-section); }
.sustainable-card{ background:#fff; border-radius:4px; padding: 26px; }
.sustainable-text{ padding:10px; }
.sustainable-desc{font-size:.9rem; line-height:1.75; color: var(--ink-soft); }
.divider{ border:none; border-top:1px solid #E5E0D3; margin: 1.6rem 0; opacity:1; }
.point-icon { width: 36px; height: 36px; background: var(--tan-section); color: #2B321E; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; }
.point h4{ font-family:'Poppins', sans-serif; font-size:.8rem; font-weight:700; margin-bottom:.2rem; }
.point p{ font-size:.75rem; color: var(--grey-text); line-height:1.5; }
.sustainable-image{ height:100%; min-height:340px; border-radius:3px; overflow:hidden; }
.sustainable-image img { width: 100%; height: 100%; object-fit: cover; border: 1px solid #C2A462; background: #EBDFCF; padding: 8px; }

/* ------------------------------------------------------------
   News
------------------------------------------------------------- */
.news-card{ background: var(--cream); border-radius:4px; overflow:hidden; height:100%; border:none; }
.news-thumb{ position:relative; aspect-ratio: 3/2; overflow:hidden; }
.news-thumb img{ width:100%; height:100%; object-fit:cover; transition: transform .5s ease; }
.news-card:hover .news-thumb img{ transform: scale(1.06); }
.news-tag{
  position:absolute; top:14px; left:14px;
  background: var(--green); color:#fff;
  font-size:.66rem; font-weight:700; letter-spacing:1px; text-transform:uppercase;
  padding: .35rem .7rem; border-radius:2px;
}
.news-date{ font-size:.75rem; color: var(--grey-text); display:block; margin-bottom:.5rem; }
.news-card h3{ font-size:1.1rem; line-height:1.35; margin-bottom:.5rem; }
.news-card p{ font-size:.8rem; line-height:1.6; color: var(--ink-soft); }

/* ------------------------------------------------------------
   Footer / Register
------------------------------------------------------------- */
.footer{ background: var(--green); color:#fff; }
.register-sub{ font-size:.85rem; line-height:1.7;}
.form-label{ font-size:.68rem; font-weight:600; letter-spacing:1px; text-transform:uppercase; color: rgba(255,255,255,.75); }
.footer .form-control{
  background: rgba(255,255,255,.06);
  border: 1px solid #B58A4A;
  border-radius: 3px;
  color:#fff;
  font-size:.85rem;
  padding: .8rem .9rem;
}
.footer .form-control::placeholder{ color: rgba(255,255,255,.4); }
.footer .form-control:focus{
  background: rgba(255,255,255,.1);
  border-color: var(--gold-light);
  box-shadow: 0 0 0 .2rem rgba(201,161,101,.25);
  color:#fff;
}
.footer .form-control.is-invalid{ border-color:#D77A6A; background-image:none; }
.footer .invalid-feedback{ color:#E39C8F; font-size:.72rem; }
.submit-btn { border: none; background: #C2A462; color: #000; font-weight: 600;width:100% }
.form-success{ font-size:.82rem; color:#C7E3B0; display:none; }
.form-success.show{ display:block; }

.footer-logo img {width:300px }

.contact-list li { display: flex; align-items: flex-start; gap: .8rem; font-size: .85rem; color: rgba(255,255,255,.8); line-height: 21px; padding: 2px 0; }
.contact-list i{ color: var(--gold-light); font-size:1rem; margin-top:.2rem; }
.quick-links-title{ font-size:.75rem; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; color: var(--gold-light); margin-bottom:.8rem; }
.quick-nav{ display:flex; flex-wrap:wrap; gap:.5rem 1.1rem; }
.quick-nav a{ font-size:.8rem; color: rgba(255,255,255,.8); }
.quick-nav a:hover{ color: var(--gold-light); }

.footer-bottom{ border-top:1px solid rgba(255,255,255,.14); }
.footer-bottom p{ font-size:.78rem; color: rgba(255,255,255,.55); }
.legal-links{ display:flex; gap:1.3rem; }
.legal-links a{ font-size:.78rem; color: rgba(255,255,255,.55); }
.legal-links a:hover{ color: var(--gold-light); }

.navbar-expand-lg .navbar-nav .nav-link { padding: 0}

/*.navbar-expand-lg .navbar-nav { display: inline; }
.navbar-nav li {display:inline}*/
/* ------------------------------------------------------------
   Responsive tweaks
------------------------------------------------------------- */
@media (max-width: 991.98px) { .navbar-collapse{ background: var(--cream); padding-top: .5rem; }
  .hero-content{ padding-bottom: 8rem; }
}
@media (max-width: 575.98px){
  .hero-content{ padding-bottom: 5rem; }
}