/* 
  Dark Mode Stylesheet for HotelCorporateCodeWorld.com
  Author: HotelCorporateCodeWorld Team
*/

body.dark-mode {
  background-color: #121212;
  color: #e0e0e0;
}

/* Text & Headings */
body.dark-mode h1, 
body.dark-mode h2, 
body.dark-mode h3, 
body.dark-mode h4, 
body.dark-mode h5, 
body.dark-mode h6 {
  color: #fff;
}

/* Links */
body.dark-mode a {
  color: #63b3ed;
}

body.dark-mode a:hover {
  color: #90cdf4;
}

/* Header & Navigation */
body.dark-mode header {
  background-color: #1a1a1a;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

body.dark-mode .navbar-brand {
  color: #fff;
}

body.dark-mode .nav-link {
  color: #e0e0e0;
}

body.dark-mode .nav-link:hover, 
body.dark-mode .nav-link:focus {
  color: #63b3ed;
  background-color: rgba(99, 179, 237, 0.1);
}

body.dark-mode .navbar-toggler-icon {
  filter: invert(1);
}

body.dark-mode .dropdown-menu {
  background-color: #1a1a1a;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
}

body.dark-mode .dropdown-item {
  color: #e0e0e0;
}

body.dark-mode .dropdown-item:hover, 
body.dark-mode .dropdown-item:focus {
  background-color: rgba(99, 179, 237, 0.1);
  color: #63b3ed;
}

/* Cards & Sections */
body.dark-mode .hotel-card,
body.dark-mode .blog-post,
body.dark-mode .about-section,
body.dark-mode .contact-form {
  background-color: #1a1a1a;
  box-shadow: 0 0.125rem 0.25rem rgba(255, 255, 255, 0.05);
}

/* Tables */
body.dark-mode .code-table {
  color: #e0e0e0;
  box-shadow: 0 0.125rem 0.25rem rgba(255, 255, 255, 0.05);
}

body.dark-mode .code-table thead {
  background-color: #2d3748;
}

body.dark-mode .table {
  color: #e0e0e0;
}

body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

body.dark-mode .code-table tbody tr:hover {
  background-color: rgba(99, 179, 237, 0.1);
}

/* Forms */
body.dark-mode .form-control {
  background-color: #2d3748;
  border-color: #4a5568;
  color: #e0e0e0;
}

body.dark-mode .form-control:focus {
  background-color: #2d3748;
  color: #e0e0e0;
  border-color: #63b3ed;
  box-shadow: 0 0 0 0.2rem rgba(99, 179, 237, 0.25);
}

body.dark-mode .form-check-input {
  background-color: #2d3748;
  border-color: #4a5568;
}

/* Buttons */
body.dark-mode .btn-outline-secondary {
  color: #90cdf4;
  border-color: #90cdf4;
}

body.dark-mode .btn-outline-secondary:hover {
  background-color: #63b3ed;
  border-color: #63b3ed;
  color: #121212;
}

body.dark-mode .btn-primary {
  background-color: #4299e1;
  border-color: #4299e1;
}

body.dark-mode .btn-primary:hover {
  background-color: #3182ce;
  border-color: #3182ce;
}

/* Footer */
body.dark-mode footer {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

body.dark-mode footer hr {
  border-color: #4a5568;
}

body.dark-mode .social-links a {
  color: #e0e0e0;
}

body.dark-mode .social-links a:hover {
  color: #63b3ed;
}

body.dark-mode .badge {
  background-color: #2d3748 !important;
}

/* Modal */
body.dark-mode .modal-content {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

body.dark-mode .modal-header,
body.dark-mode .modal-footer {
  border-color: #4a5568;
}

body.dark-mode .close {
  color: #e0e0e0;
  text-shadow: none;
}

/* Toggle Icons */
body.dark-mode .dark-icon {
  display: none;
}

body.dark-mode .light-icon {
  display: inline-block;
}

.dark-icon {
  display: inline-block;
}

.light-icon {
  display: none;
}

/* Accessibility in Dark Mode */
body.dark-mode :focus {
  outline: 2px solid #63b3ed;
}

/* Cookie Consent in Dark Mode */
body.dark-mode .cookie-consent {
  background-color: #2d3748;
}