/*===========================
  Dark Theme Override
  Swaps white backgrounds → black, black/dark text → white
  Does NOT affect buttons, icons, images, or accent colors
===========================*/

/* ── CSS variable overrides ── */
:root {
  --white-color: #121212;
  --black-color: #ffffff;
  --title-color: #f0f0f0;
  --text-color:  #b0b0b0;
}

/* ── Banner full height fix ── */
.home1-banner-area .home1-banner-wrapper {
  min-height: 600px;
  display: flex;
  align-items: center;
}

.home1-banner-area .home1-banner-wrapper .home1-banner-content {
  padding: 80px 0 !important;
  width: 100%;
}

@media (max-width: 991px) {
  .home1-banner-area .home1-banner-wrapper {
    min-height: 480px;
  }
  .home1-banner-area .home1-banner-wrapper .home1-banner-content {
    padding: 60px 0 !important;
  }
}

@media (max-width: 767px) {
  .home1-banner-area .home1-banner-wrapper {
    min-height: 380px;
  }
  .home1-banner-area .home1-banner-wrapper .home1-banner-content {
    padding: 50px 0 !important;
  }
}

@media (max-width: 576px) {
  .home1-banner-area .home1-banner-wrapper {
    min-height: 300px;
  }
  .home1-banner-area .home1-banner-wrapper .home1-banner-content {
    padding: 40px 0 !important;
  }
}

/* ── Base elements ── */
html,
body {
  background-color: #121212 !important;
  color: #f0f0f0 !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #f0f0f0 !important;
}

p {
  color: #b0b0b0 !important;
}

a {
  color: #f0f0f0;
}

/* ── Preloader ── */
.egns-preloader::before {
  background: #121212 !important;
}

/* ── Header / Navbar ── */
.header-main,
.header-area,
.main-nav,
.navbar,
.header-section,
.header-wrap,
.sticky-header,
.header-top,
.header-bottom {
  background-color: #1a1a1a !important;
  border-color: #2a2a2a !important;
}

.main-nav .nav-right .nav-right-hotline .content span,
.main-nav .nav-right .nav-right-hotline .content h6,
.main-nav .nav-right .nav-right-hotline .content a,
.header-area .nav-right .nav-right-hotline .content span,
.header-area .nav-right .nav-right-hotline .content h6 {
  color: #f0f0f0 !important;
}

.main-nav nav ul li a,
.navbar-nav .nav-item .nav-link,
.header-area nav ul li a {
  color: #e0e0e0 !important;
}

.main-nav nav ul li a:hover,
.navbar-nav .nav-item .nav-link:hover {
  color: var(--primary-color1) !important;
}

/* Dropdown menus */
.main-nav nav ul li .sub-menu,
.dropdown-menu,
.nav-dropdown {
  background-color: #1e1e1e !important;
  border-color: #2a2a2a !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.6) !important;
}

.main-nav nav ul li .sub-menu li a,
.dropdown-menu .dropdown-item {
  color: #d0d0d0 !important;
}

.main-nav nav ul li .sub-menu li a:hover,
.dropdown-menu .dropdown-item:hover {
  background-color: #2a2a2a !important;
  color: var(--primary-color1) !important;
}

/* ── Topbar ── */
.topbar-area,
.top-bar,
.header-top-area {
  background-color: #0d0d0d !important;
  border-color: #2a2a2a !important;
}

.topbar-area *,
.top-bar * {
  color: #c0c0c0 !important;
}

/* ── Hero / Banner sections ── */
.home1-banner-section,
.banner-section,
.hero-section,
.banner-area {
  background-color: #1a1a1a !important;
}

/* ── Section backgrounds ── */
section,
.section-bg,
.bg-white,
[style*="background-color: #fff"],
[style*="background-color: white"],
[style*="background:#fff"],
[style*="background: #fff"] {
  background-color: #121212 !important;
}

.bg-light,
.bg-gray,
.gray-bg,
.light-bg,
.section-bg2,
.section-bg3 {
  background-color: #1a1a1a !important;
}

/* ── Cards ── */
.package-card,
.tour-card,
.activity-card,
.blog-card,
.hotel-card,
.destination-card,
.feature-card,
.visa-card,
.team-card,
.testimonial-card,
.card,
.eg-card {
  background-color: #1e1e1e !important;
  border-color: #2a2a2a !important;
  box-shadow: 0 2px 15px rgba(0,0,0,0.4) !important;
}

.package-card .package-card-body,
.tour-card .tour-card-body,
.blog-card .blog-card-body,
.card-body,
.eg-card .card-body {
  background-color: #1e1e1e !important;
}

.package-card .package-card-body h5,
.package-card .package-card-body h4,
.package-card .package-card-body h3,
.tour-card h5,
.tour-card h4,
.blog-card h5,
.blog-card h4,
.card h5,
.card h4,
.card h3 {
  color: #f0f0f0 !important;
}

.package-card .package-card-body p,
.tour-card p,
.blog-card p,
.card p {
  color: #b0b0b0 !important;
}

/* Card meta / footer strips */
.package-card .package-card-footer,
.card-footer,
.eg-card .card-footer {
  background-color: #252525 !important;
  border-color: #2a2a2a !important;
}

/* ── About section ── */
.about-section,
.about-area,
.about-wrap {
  background-color: #121212 !important;
}

.about-section h2,
.about-section h3,
.about-section h4,
.about-area h2,
.about-area h3 {
  color: #f0f0f0 !important;
}

.about-section p,
.about-area p {
  color: #b0b0b0 !important;
}

/* ── Facility / Feature section ── */
.facility-section,
.feature-section,
.facility-area,
.feature-area {
  background-color: #1a1a1a !important;
}

/* ── Activities section ── */
.activities-section,
.activities-area {
  background-color: #121212 !important;
}

/* ── Testimonial section ── */
.testimonial-section,
.testimonial-area {
  background-color: #1a1a1a !important;
}

.testimonial-card,
.testimonial-item {
  background-color: #252525 !important;
  border-color: #333 !important;
}

.testimonial-card p,
.testimonial-item p {
  color: #c0c0c0 !important;
}

.testimonial-card .reviewer-name,
.testimonial-card h5,
.testimonial-card h6,
.testimonial-item h5,
.testimonial-item h6 {
  color: #f0f0f0 !important;
}

/* ── Blog section ── */
.blog-section,
.blog-area {
  background-color: #121212 !important;
}

/* ── Visa section ── */
.visa-section,
.visa-area {
  background-color: #1a1a1a !important;
}

/* ── Newsletter section ── */
.newsletter-section,
.newsletter-area,
.footer-newsletter {
  background-color: #0d0d0d !important;
}

/* ── Footer ── */
.footer-section,
.footer-area,
.footer-wrap,
.footer-top,
.footer-bottom,
.footer-middle {
  background-color: #0d0d0d !important;
  border-color: #2a2a2a !important;
}

.footer-section *,
.footer-area * {
  color: #b0b0b0 !important;
}

.footer-section h4,
.footer-section h5,
.footer-section h6,
.footer-area h4,
.footer-area h5,
.footer-area h6 {
  color: #f0f0f0 !important;
}

.footer-section a:hover,
.footer-area a:hover {
  color: var(--primary-color1) !important;
}

.footer-bottom {
  border-top: 1px solid #2a2a2a !important;
}

/* ── Forms & Inputs ── */
input,
textarea,
select,
.form-control,
.form-select {
  background-color: #1e1e1e !important;
  border-color: #333 !important;
  color: #f0f0f0 !important;
}

input::placeholder,
textarea::placeholder {
  color: #777 !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.form-select:focus {
  background-color: #252525 !important;
  border-color: var(--primary-color1) !important;
  color: #f0f0f0 !important;
  box-shadow: 0 0 0 0.2rem rgba(99,171,69,0.25) !important;
}

/* Nice-select */
.nice-select {
  background-color: #1e1e1e !important;
  border-color: #333 !important;
  color: #f0f0f0 !important;
}

.nice-select .current {
  color: #c0c0c0 !important;
}

.nice-select .list {
  background-color: #1e1e1e !important;
  border-color: #333 !important;
}

.nice-select .list .option {
  color: #c0c0c0 !important;
}

.nice-select .list .option:hover,
.nice-select .list .option.selected {
  background-color: #2a2a2a !important;
  color: #f0f0f0 !important;
}

/* Select2 */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: #1e1e1e !important;
  border-color: #333 !important;
  color: #f0f0f0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #c0c0c0 !important;
}

.select2-dropdown {
  background-color: #1e1e1e !important;
  border-color: #333 !important;
}

.select2-container--default .select2-results__option {
  color: #c0c0c0 !important;
}

.select2-container--default .select2-results__option--highlighted {
  background-color: #2a2a2a !important;
  color: #f0f0f0 !important;
}

/* ── Search / Filter boxes ── */
.search-box,
.filter-box,
.search-area,
.package-search,
.tour-search {
  background-color: #1a1a1a !important;
  border-color: #2a2a2a !important;
}

/* ── Tabs ── */
.nav-tabs,
.tab-nav {
  border-color: #2a2a2a !important;
}

.nav-tabs .nav-link,
.tab-nav .nav-link {
  color: #c0c0c0 !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

.nav-tabs .nav-link.active,
.tab-nav .nav-link.active {
  background-color: #1e1e1e !important;
  border-color: #2a2a2a #2a2a2a #1e1e1e !important;
  color: #f0f0f0 !important;
}

.tab-content {
  background-color: #1e1e1e !important;
}

/* ── Accordion ── */
.accordion-item {
  background-color: #1e1e1e !important;
  border-color: #2a2a2a !important;
}

.accordion-button {
  background-color: #252525 !important;
  color: #f0f0f0 !important;
}

.accordion-button:not(.collapsed) {
  background-color: #2a2a2a !important;
  color: var(--primary-color1) !important;
}

.accordion-body {
  background-color: #1e1e1e !important;
  color: #b0b0b0 !important;
}

/* ── Breadcrumb ── */
.breadcrumb-area,
.inner-banner,
.page-banner {
  background-color: #1a1a1a !important;
}

.breadcrumb-item,
.breadcrumb-item a {
  color: #c0c0c0 !important;
}

.breadcrumb-item.active {
  color: #f0f0f0 !important;
}

/* ── Sidebar ── */
.sidebar,
.widget,
.sidebar-widget {
  background-color: #1e1e1e !important;
  border-color: #2a2a2a !important;
}

.widget-title,
.sidebar-widget h4,
.sidebar-widget h5 {
  color: #f0f0f0 !important;
}

/* ── Pagination ── */
.pagination .page-link {
  background-color: #1e1e1e !important;
  border-color: #2a2a2a !important;
  color: #c0c0c0 !important;
}

.pagination .page-item.active .page-link {
  background-color: var(--primary-color1) !important;
  border-color: var(--primary-color1) !important;
  color: #fff !important;
}

/* ── Tables ── */
table {
  color: #e0e0e0 !important;
}

.table {
  color: #e0e0e0 !important;
  border-color: #2a2a2a !important;
}

.table thead th,
.table th {
  background-color: #252525 !important;
  color: #f0f0f0 !important;
  border-color: #333 !important;
}

.table td,
.table tr {
  border-color: #2a2a2a !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #1a1a1a !important;
}

/* ── Modals ── */
.modal-content {
  background-color: #1e1e1e !important;
  border-color: #2a2a2a !important;
  color: #f0f0f0 !important;
}

.modal-header {
  background-color: #252525 !important;
  border-color: #2a2a2a !important;
}

.modal-header .modal-title {
  color: #f0f0f0 !important;
}

.modal-footer {
  background-color: #252525 !important;
  border-color: #2a2a2a !important;
}

.btn-close {
  filter: invert(1) !important;
}

/* ── Customer Dashboard ── */
.dashboard-wrapper,
.dashboard-area,
.customer-dashboard {
  background-color: #121212 !important;
}

.sidenav,
.side-nav,
.dashboard-sidebar {
  background-color: #1a1a1a !important;
  border-color: #2a2a2a !important;
}

.sidenav a,
.side-nav a,
.dashboard-sidebar a {
  color: #c0c0c0 !important;
}

.sidenav a:hover,
.side-nav a:hover,
.dashboard-sidebar a:hover,
.sidenav a.active,
.side-nav a.active {
  color: var(--primary-color1) !important;
  background-color: #252525 !important;
}

/* ── Misc utility classes ── */
.bg-white {
  background-color: #1e1e1e !important;
}

.text-dark {
  color: #f0f0f0 !important;
}

.text-muted {
  color: #888 !important;
}

.border,
.border-top,
.border-bottom,
.border-start,
.border-end {
  border-color: #2a2a2a !important;
}

hr {
  border-color: #2a2a2a !important;
  opacity: 1 !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #1a1a1a;
}

::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* ── Date range picker ── */
.daterangepicker {
  background-color: #1e1e1e !important;
  border-color: #333 !important;
  color: #f0f0f0 !important;
}

.daterangepicker .calendar-table {
  background-color: #1e1e1e !important;
  border-color: #333 !important;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: #252525 !important;
  color: #555 !important;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #2a2a2a !important;
  color: #f0f0f0 !important;
}

.daterangepicker .drp-buttons {
  background-color: #252525 !important;
  border-color: #333 !important;
}

/* ── Slider buttons (dark border variant) ── */
.slider-btn-grp.two .slider-btn {
  border-color: #555 !important;
}

.slider-btn-grp.two .slider-btn i {
  color: #e0e0e0 !important;
}

/* ── Section title text ── */
.section-title h2,
.section-title2 h2,
.section-title3 h2 {
  color: #f0f0f0 !important;
}

.section-title2 p,
.section-title3 p {
  color: #b0b0b0 !important;
}

/* ── Slider btn grp6 text ── */
.slider-btn-grp6 .slider-btn span,
.slider-btn-grp6 .franctional-slider-pagi1 {
  color: #e0e0e0 !important;
}

.slider-btn-grp6 .slider-btn svg {
  stroke: #e0e0e0 !important;
}