/* custom.css — tema hotel */

.navbar { 
  background-color: var(--bs-primary);
  box-shadow: var(--bs-box-shadow);
}

.navbar-brand {
  font-size: 1.5rem;
  letter-spacing: 2px;
  color: var(--bs-secondary) !important;
}

.card { 
  transition: transform .3s ease, box-shadow .3s ease; 
  border: 1px solid rgba(44,62,80,0.1);
}
.card:hover { 
  transform: translateY(-5px); 
  box-shadow: var(--bs-box-shadow-lg); 
}

.btn { 
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.75rem 1.5rem;
}

.btn-primary { 
  background-color: var(--bs-primary); 
  border-color: var(--bs-primary); 
  color: #fff;
}
.btn-primary:hover {
  background-color: var(--bs-dark);
  border-color: var(--bs-dark);
}

.btn-secondary {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
  color: var(--bs-primary);
}
.btn-secondary:hover {
  background-color: #B5952F;
  border-color: #B5952F;
  color: var(--bs-primary);
}

.hero-section {
  background-attachment: fixed;
}

.text-gradient {
  background: linear-gradient(135deg, var(--bs-secondary), #F3E5AB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Custom Tabs */
.nav-tabs .nav-link {
  color: var(--bs-primary);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85rem;
}
.nav-tabs .nav-link.active {
  border-color: var(--bs-primary) var(--bs-primary) var(--bs-body-bg);
  color: var(--bs-secondary);
}

.table th {
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem;
  font-weight: 400;
  color: var(--bs-primary);
}