/* Dark Theme Styles */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #121212; /* Very dark grey */
    color: #e0e0e0; /* Light grey text */
}

.navbar-brand {
    font-weight: bold;
}

/* Ensure header remains dark */
.navbar.bg-dark {
    background-color: #000 !important;
}

.card {
    background-color: #1e1e1e; /* Darker grey for cards */
    border: 1px solid #333;
    box-shadow: none;
    transition: transform 0.3s, border-color 0.3s;
    color: #e0e0e0;
}

.card:hover {
    transform: translateY(-5px);
    border-color: #0d6efd; /* Bootstrap primary blue on hover */
}

.card-title {
    color: #ffffff;
}

.card-text {
    color: #b0b0b0; /* Lighter grey for card text */
}

.display-4, .display-lead {
    color: #ffffff;
}

.lead {
    color: #c0c0c0;
}

/* General link styling */
a {
    color: #4dabf7; /* A lighter, more vibrant blue */
}

a:hover {
    color: #74c0fc;
}

/* Override Bootstrap's light background utility */
.bg-light {
    background-color: #1e1e1e !important;
}

/* Ensure text in overriden bg-light is readable */
.bg-light, .bg-light p, .bg-light h1, .bg-light h2, .bg-light h3 {
    color: #e0e0e0;
}

/* Footer styling */
#footer-container {
    background-color: #000;
    color: #aaa;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.btn {
    align-self: auto;
    background:none;
    border: none;

}

.btn img {
    height: 25px;
}

.whatsapp-float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25D366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s;
}