/**
 * Dark Theme for Hummingbird
 */

:root {
  /* Bootstrap 5 Variables Override */
  --bs-body-bg: #212529;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  
  --bs-secondary-bg: #343a40;
  --bs-secondary-color: #adb5bd;
  --bs-tertiary-bg: #2b3035;
  
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  
  /* PrestaShop / Theme Variables Overrides */
  --ps-neutral-100: #212529; /* Was white */
  --ps-neutral-200: #2b3035;
  --ps-neutral-300: #343a40;
  --ps-neutral-400: #495057;
  --ps-neutral-500: #adb5bd;
  --ps-neutral-600: #ced4da;
  --ps-neutral-700: #dee2e6;
  --ps-neutral-800: #e9ecef;
  --ps-neutral-900: #f8f9fa; /* Was black */
  
  --ps-text-color: #dee2e6;
  --ps-heading-color: #ffffff;
}

body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

/* Layout wrappers */
#wrapper, #header, #footer, #main {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

.header-top {
    background-color: var(--bs-tertiary-bg) !important;
    border-bottom: 1px solid var(--bs-border-color);
}

.footer-container {
    background-color: var(--bs-tertiary-bg) !important;
    border-top: 1px solid var(--bs-border-color);
    color: var(--bs-body-color);
}

/* Cards and Blocks */
.card, .card-body, .block-contact, .contact-rich {
  background-color: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
  border-color: var(--bs-border-color);
}

/* Products */
.product-miniature .thumbnail-container, 
.product-miniature .product-description {
  background-color: var(--bs-tertiary-bg);
  border-color: var(--bs-border-color);
}

.product-title a {
  color: var(--bs-body-color);
}

/* Inputs */
.form-control, .input-group-text, select.form-control {
  background-color: var(--bs-secondary-bg);
  border-color: var(--bs-border-color);
  color: #fff;
}

.form-control:focus {
  background-color: var(--bs-secondary-bg);
  color: #fff;
  border-color: var(--bs-link-color);
}

/* Dropdowns & Menus */
.dropdown-menu {
  background-color: var(--bs-secondary-bg);
  border-color: var(--bs-border-color);
}

.dropdown-item {
  color: var(--bs-body-color);
}

.dropdown-item:hover, .dropdown-item:focus {
  background-color: var(--bs-border-color);
  color: #fff;
}

.top-menu .sub-menu {
  background-color: var(--bs-secondary-bg);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
  border: 1px solid var(--bs-border-color);
}

.top-menu a[data-depth="0"] {
  color: var(--bs-body-color);
}

/* Modals */
.modal-content {
  background-color: var(--bs-secondary-bg);
  border-color: var(--bs-border-color);
  color: var(--bs-body-color);
}

.modal-header, .modal-footer {
  border-color: var(--bs-border-color);
}

.close {
  color: #fff;
  opacity: 0.8;
}

/* Buttons */
.btn-secondary {
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}