/*
Theme Name: V3 Infrasol
Theme URI: https://themeforest.net/user/theme-junction/portfolio
Author: Theme-Junction & Cosmolance
Author URI: https://themeforest.net/user/theme-junction
Description: V3 Infrasol - Corporate Business WordPress Theme converted from HTML template. Includes custom premium light/dark mode switch.
Version: 1.0.0
Text Domain: v3-infrasol
*/

/* ==========================================================================
   Dark Mode Custom Color Overrides
   ========================================================================== */
[data-theme="dark"] {
  --tj-color-common-white: #112224; /* Backgrounds of white cards/boxes */
  --tj-color-common-black: #ffffff;
  --tj-color-heading-primary: #ffffff;
  --tj-color-text-body: #a2b7b9;
  --tj-color-text-body-2: #8aa3a5;
  --tj-color-text-body-3: #cee0e0;
  --tj-color-text-body-4: #ffffff;
  --tj-color-text-body-5: rgba(255, 255, 255, 0.9);
  --tj-color-theme-bg: #14282b;
  --tj-color-theme-bg-2: #1c3337;
  --tj-color-theme-bg-3: #ecf0f0;
  --tj-color-theme-dark: #00ac97; /* Swap dark background accents to primary teal */
  --tj-color-theme-dark-2: #ffffff;
  --tj-color-theme-dark-3: #cee0e0;
  --tj-color-theme-dark-4: #a9b8b8;
  --tj-color-theme-dark-5: #a9b8b8;
  --tj-color-grey-1: #091719; /* Main background color */
  --tj-color-grey-2: #364e52;
  --tj-color-grey-3: rgba(0, 0, 0, 0.3);
  --tj-color-border-1: #22373a;
  --tj-color-border-2: #c9d1d1;
  --tj-color-border-3: rgba(255, 255, 255, 0.05);
  --tj-color-border-4: rgba(255, 255, 255, 0.1);
  --tj-color-border-5: rgba(0, 172, 151, 0.1);
}

/* ==========================================================================
   Theme Toggler Buttons
   ========================================================================== */
.theme-toggle-btn {
  background: transparent;
  border: 1px solid var(--tj-color-border-1);
  color: var(--tj-color-heading-primary);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 16px;
  position: relative;
  overflow: hidden;
  margin-right: 15px;
  margin-left: 10px;
  padding: 0;
}
.theme-toggle-btn:hover {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  border-color: var(--tj-color-theme-primary);
  transform: scale(1.05);
}
.theme-toggle-btn i {
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.theme-toggle-btn:active i {
  transform: scale(0.8) rotate(360deg);
}

/* Dynamic Logo Swap depending on theme mode */
[data-theme="dark"] img.logo-light-mode {
  display: none !important;
}
[data-theme="dark"] img.logo-dark-mode {
  display: block !important;
}
img.logo-dark-mode {
  display: none !important;
}

/* Mobile Hamburger Menu Overrides in Dark Mode */
[data-theme="dark"] .hamburger_wrapper {
  background-color: #091719 !important;
}
[data-theme="dark"] .hamburger-infos .contact-item .subtitle {
  color: var(--tj-color-theme-primary) !important;
}
[data-theme="dark"] .hamburger-infos .contact-item .contact-link {
  color: #a2b7b9 !important;
}
[data-theme="dark"] .hamburger_close_btn {
  background-color: #14282b !important;
  color: #ffffff !important;
}
[data-theme="dark"] .hamburger-search-area .hamburger-title,
[data-theme="dark"] .hamburger-infos .hamburger-title,
[data-theme="dark"] .hamburger-socials .hamburger-title {
  color: #ffffff !important;
}
[data-theme="dark"] .hamburger_search input {
  background-color: #14282b !important;
  border-color: #22373a !important;
  color: #ffffff !important;
}

/* Preloader adjustment */
[data-theme="dark"] .tj-preloader {
  background-color: #091719 !important;
}
[data-theme="dark"] .tj-preloader-overlay {
  background-color: rgba(9, 23, 25, 0.9) !important;
}

/* Navigation adjustments */
[data-theme="dark"] .mainmenu ul li ul.sub-menu {
  background-color: #112224 !important;
  border-top: 3px solid var(--tj-color-theme-primary) !important;
}
[data-theme="dark"] .mainmenu ul li ul.sub-menu li a {
  color: #a2b7b9 !important;
}
[data-theme="dark"] .mainmenu ul li ul.sub-menu li a:hover {
  color: var(--tj-color-theme-primary) !important;
  padding-left: 25px !important;
}
[data-theme="dark"] .mainmenu ul li a {
  color: #ffffff !important;
}

/* Search popup dark adjustment */
[data-theme="dark"] .search_popup {
  background-color: rgba(9, 23, 25, 0.96) !important;
}
[data-theme="dark"] .search-form-input {
  background-color: #14282b !important;
  border-color: #22373a !important;
  color: #ffffff !important;
}

/* Section Header background labels */
[data-theme="dark"] .sec-heading .sub-title {
  background-color: rgba(0, 172, 151, 0.15) !important;
  color: #00ac97 !important;
}