/* Site title hover */
.site-title {
  color: #1DA1AA;
  font-weight: 700;
  transition: color 0.5s, transform 0.5s;
}
.site-title:hover { color: #00D01D; transform: scale(1.2); }

/* Navbar links */
.navbar .nav-link { font-weight: 600; transition: color 0.2s, transform 0.2s; }
.navbar .nav-link:hover { text-decoration: underline; transform: scale(1.05); }

/* Social icons */
.social-icons a { margin-right: 15px; color: #1A00FF; transition: color 0.3s, transform 0.3s; }
.social-icons a:hover { color: #0B0B0B; transform: scale(1.3); }

/* Scroll to top button */
#myBtn {
  display: none; position: fixed; bottom: 20px; right: 30px;
  z-index: 99; border: none; outline: none;
  background-color: red; color: white; cursor: pointer;
  padding: 12px 14px; border-radius: 10px; transition: background-color 0.2s ease;
}
#myBtn:hover { background-color: #555; }

/* Dark mode */
body.dark-mode {
  background-color: #121212;
  background-image: none; /* Disable the light background image in dark mode */
  color: #e0e0e0;
}
body.dark-mode a { color: #80cbc4; }
body.dark-mode .navbar,
body.dark-mode footer,
body.dark-mode .card { background-color: #1f1f1f !important; color: #ddd; }
body.dark-mode .card .card-footer { border-top-color: #333; }
body.dark-mode .border-bottom { border-bottom-color: #333 !important; }


/* Dark mode navbar toggler fix */
body.dark-mode .navbar-toggler {
  border-color: #ccc; /* optional border */
}

body.dark-mode .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30'
  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.9)'
  stroke-width='2' stroke-linecap='round' stroke-miterlimit='10'
  d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Dark mode styling */
body.dark-mode {
  background-color: #121212;
  background-image: none;
  color: #e0e0e0;
}

body.dark-mode a { color: #80cbc4; }

/* Navbar in dark mode */
body.dark-mode .navbar {
  background-color: #000 !important;
}
body.dark-mode .navbar .nav-link {
  color: #ddd !important;
}
body.dark-mode .navbar .nav-link:hover {
  color: #fff !important;
}
/* Improve readability of main explanatory text in dark mode */
body.dark-mode main p,
body.dark-mode main strong {
  color: #f5f5f5;   /* brighter text */
}

body.dark-mode main a {
  color: #4da6ff;   /* make links stand out */
}
/* Default navbar style */
.navbar {
  transition: box-shadow 0.3s ease;
}

/* Shadow when scrolled */
.navbar.scrolled {
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
/* Card gradient + shadow */
.card-body.bg-gradient {
  background: linear-gradient(to bottom right, #f9f9f9, #eaeaea);
}

.card.shadow-lg {
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Dark mode adjustments */
body.dark-mode .card-body.bg-gradient {
  background: linear-gradient(to bottom right, #1f1f1f, #2a2a2a);
}

body.dark-mode .card-title,
body.dark-mode .card-text {
  color: #f5f5f5;
}

body.dark-mode .card-footer {
  background-color: #1f1f1f;
}