/* ==============================================
   DARK THEME IMPLEMENTATION

   ============================================== */

/* Theme Variables */
:root {
  /* Light Theme Variables */
  --bg-primary: #ffffff;
  --bg-secondary: #f4f7fc;
  --bg-ash: #e0dfdf;
  --bg-ash-new: #f6f6f6;
  --bg-ash-dark: #2d3e50;
  --text-primary: #000000;
  --text-secondary: #565656;
  --text-muted: #666666;
  --border-color: #b3b3b3;
  --card-bg: #ffffff;
  --navbar-bg: rgba(255, 255, 255, 0.65);
  --navbar-text: #ffffff;
  --footer-bg: #1a1072;
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-hover: rgba(0, 0, 0, 0.3);
  --input-bg: transparent;
}

[data-theme="dark"] {
  /* Dark Theme Variables */
  --bg-primary: #1a1a1a;
  --bg-secondary: #2d2d2d;
  --bg-ash: #3a3a3a;
  --bg-ash-new: #2a2a2a;
  --bg-ash-dark: #1a1a1a;
  --text-primary: #ffffff;
  --text-secondary: #e0e0e0;
  --text-muted: #b0b0b0;
  --border-color: #555555;
  --card-bg: #2d2d2d;
  --navbar-bg: rgba(26, 26, 26, 0.95);
  --navbar-text: #ffffff;
  --footer-bg: #0d0d0d;
  --shadow-light: rgba(255, 255, 255, 0.1);
  --shadow-dark: rgba(95, 95, 95, 0.1);
  --shadow-hover: rgba(255, 255, 255, 0.2);
  --input-bg: #3a3a3a;
}

/* Base Body Styles */
body {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

/* Theme Toggle Button Enhancement */
.deep-theme-toggle {
  background: var(--card-bg);
  box-shadow: 0 4px 10px var(--shadow-light);
}

.deep-theme-toggle:hover {
  /* transform: scale(1.1); */
  box-shadow: 0 6px 15px var(--shadow-hover);
}

.deep-theme-toggle i {
  color: var(--text-primary);
}

/* Navbar Styles */
.navbar {
  *background-color: var(--navbar-bg) !important;
}

.shrink {
  background: var(--navbar-bg) !important;
}

.navbar-brand img {
  transition: filter 0.3s ease;
}

/* [data-theme="dark"] .navbar-brand img {
  filter: brightness(0) invert(1);
} */

.navbar-nav .nav-link {
  color: var(--navbar-text) !important;
}

.shrink .navbar-collapse .nav-link {
  color: var(--text-primary) !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: #0d6efd !important;
}

/* Background Colors */
.bg-white {
  background-color: var(--bg-primary) !important;
}

.bg-color-ash {
  background-color: var(--bg-ash) !important;
}

.bg-color-ash-new,
.bg-color-ash-news {
  background-color: var(--bg-ash-new) !important;
}

.bg-color-ash-dark {
  background-color: var(--bg-ash-dark) !important;
}

/* Card Styles */
.card-shade {
  background: var(--card-bg) !important;
  color: var(--text-primary);
  box-shadow: 0px 1px 71.5678px var(--shadow-dark),
    0px -1px 29.8993px var(--shadow-dark), 0px -5px 15.9856px var(--shadow-dark);
}

.key-reviews {
  background-color: var(--card-bg) !important;
  color: var(--text-primary);
  box-shadow: 0 4px 10px 0 var(--shadow-light);
}

/* Content Area Boxes */
.inner-box:hover {
  box-shadow: 0px 5px 10px -5px var(--shadow-hover);
}

/* Text Colors */
.text-muted {
  color: var(--text-muted) !important;
}

p {
  color: var(--text-primary);
}

/* Form Styles */
.registration-form .form-group input,
.registration-form .form-group textarea {
  background-color: var(--input-bg) !important;
  color: var(--text-primary) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

.registration-form .form-group input::placeholder,
.registration-form .form-group textarea::placeholder {
  color: var(--text-muted) !important;
}

.form-control {
  background-color: var(--input-bg) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

.form-control:focus {
  background-color: var(--input-bg) !important;
  border-color: #0078bd !important;
  color: var(--text-primary) !important;
  box-shadow: none !important;
}

.form-control::placeholder {
  color: var(--text-muted) !important;
}

/* Dialog Box Styles */
.dialog_box {
  background: var(--card-bg) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 2px 20px var(--shadow-light) !important;
  border: 1px solid var(--border-color) !important;
}

.dialog_box:hover {
  background: var(--bg-ash-new) !important;
  box-shadow: inset 0 2px 40px var(--shadow-light) !important;
}

.dialog_box h6 {
  color: var(--text-primary) !important;
}

.dialog_box p {
  color: var(--text-primary) !important;
}

/* Dropdown Menu */
.dropdown-menu {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
}

.dropdown-item {
  color: var(--text-primary) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: var(--bg-ash-new) !important;
  color: var(--text-primary) !important;
}

.megamenu.dropdown-menu {
  background-color: var(--bg-ash-new) !important;
}

/* Footer Styles */
/* footer {
  background-color: var(--footer-bg) !important;
} */

#Footer {
  color: var(--text-secondary) !important;
}

/* #Footer a {
  color: var(--text-secondary) !important;
} */

#Footer a:hover {
  color: #f550c1 !important;
}

/* Social Icons */
.social-network a {
  background-color: var(--card-bg) !important;
  color: var(--text-primary) !important;
  box-shadow: 0px 4px 14px 0px var(--shadow-light) !important;
}

/* Button Styles */
.btn-outline-primary {
  color: #0078bd !important;
  border-color: #0078bd !important;
}

.btn-outline-primary:hover {
  background-color: #0078bd !important;
  border-color: #0078bd !important;
  color: #ffffff !important;
}

.create-account {
  background-color: #0078bd !important;
  border-color: #0078bd !important;
  color: #ffffff !important;
}

/* Timeline Styles */
.flag {
  background: var(--card-bg) !important;
  color: var(--text-primary) !important;
}

.desc {
  background: var(--card-bg) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 0 1px var(--shadow-light) !important;
}

/* Service Menu */
.service-menu li {
  border-right: 1px solid var(--border-color) !important;
}

.service-menu li a {
  color: var(--text-primary) !important;
}

.service-menu li a:hover {
  color: #0d6efd !important;
}

/* Card New Styles */
.cards-new .card-new {
  background: var(--card-bg) !important;
  box-shadow: 0px 20px 30px -10px var(--shadow-light) !important;
}

.cards-new .card-new article .desc-new {
  color: var(--text-muted) !important;
}

.cards-new .card-new:hover .desc-new {
  color: white !important;
}

.cards-new .card-new .actions {
  background: var(--card-bg) !important;
}

/* Contact Styles */
.contact-right h2 {
  color: var(--text-secondary) !important;
}

.loc-head {
  color: var(--text-primary) !important;
}

/* Section Title */
.section-title h2 {
  color: var(--text-primary) !important;
}

/* Headings */
/* h1, h2, h3, h4, h5, h6 {
  color: var(--text-primary) 
} */

/* About Section */
#About h1 {
  color: var(--text-primary) !important;
}

/* Contact Section */
.contact-head,
.contact-location,
.contact-phone,
.contact-email {
  color: var(--text-primary) !important;
}

/* Parallax Sections */
.parallax-window {
  color: var(--text-primary);
}

/* Swiper Styles */
.swiper-pagination-bullet-active {
  background: #0078bd !important;
}

/* Border Styles */
footer .border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--border-color) !important;
}

/* Responsive adjustments for theme toggle */
@media (max-width: 768px) {
  .deep-theme-toggle {
    right: 10px;
    top: 35%;
    width: 45px;
    height: 45px;
  }

  .deep-theme-toggle i {
    font-size: 18px;
  }
}

/* Smooth animations for all theme transitions */
* {
  transition: background-color 0.3s ease, color 0.3s ease,
    border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Ensure gradients remain visible in both themes */
.text-gradient-1,
.text-gradient-2,
.text-gradient-3,
.text-gradient-purple {
  /* These will maintain their gradient colors regardless of theme */
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.svg-content-area-right,
.svg-content-area-left {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .img-01:before,
[data-theme="dark"] .img-02:before,
[data-theme="dark"] .img-03:before,
[data-theme="dark"] .img-04:before,
[data-theme="dark"] .img-05:before,
[data-theme="dark"] .img-06:before,
[data-theme="dark"] .img-07:before,
[data-theme="dark"] .img-08:before {
  filter: saturate(0) hue-rotate(-20deg) brightness(0.5);
}

[data-theme="dark"] .card {
  /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
  background: #1a1a1a;
}
[data-theme="dark"] .card:hover {
  
  box-shadow: rgba(255, 255, 255, 0.2) 0px 3px 8px;
}
[data-theme="dark"] .card-title {

    color: var(--text-muted) !important;

}
[data-theme="dark"] .card-text {
   color: var(--text-muted) !important;
}
[data-theme="dark"] .nav-link {
  color: var(--text-primary);
}
[data-theme="dark"] .mission .content-area-box p {
    color: #fff !important;
}
[data-theme="dark"] .mission .content-area-box.inner-box:before {
    background-color: #1a1a1a;}

[data-theme="dark"] .core-card {
    background-color: #000000;}