/**
 * Dark Mode Theme
 * 
 * Minimal dark mode color overrides following automation page pattern.
 * Only color-related styles - no positioning, sizing, or layout.
 */

/* ========================================
   DARK MODE COLOR VARIABLES
   ======================================== */
.theme-dark {
  /* Primary Colors */
  --color-primary: #1b1b1b;
  --color-primary-hover: #2a2a2a;
  --color-accent: #00aea5;
  --color-accent-hover: #00c4ba;

  /* Background Colors */
  --bg-primary: #0a0a0a;
  --bg-secondary: #1a1a1a;
  --bg-tertiary: #2a2a2a;
  --bg-overlay: rgba(255, 255, 255, 0.05);

  /* Text Colors */
  --text-primary: #ffffff;
  --text-secondary: #d4d8da;
  --text-heading: #ffffff;
  --text-muted: #808080;
  --text-link: #00aea5;
  --text-link-hover: #00c4ba;

  /* Border Colors */
  --border-color-primary: rgba(212, 216, 218, 0.2);
  --border-color-secondary: rgba(212, 216, 218, 0.3);

  /* Placeholder */
  --placeholder-color: rgba(255, 255, 255, 0.4);
}

/* ========================================
   BASE
   ======================================== */
.theme-dark body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
  color: var(--text-heading);
}

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

.theme-dark a {
  color: var(--text-link);
}

.theme-dark a:hover {
  color: var(--text-link-hover);
}

.theme-dark hr:not([size]) {
  background-color: #2d2d27;
}

/* ========================================
   FORMS
   ======================================== */
.theme-dark input,
.theme-dark select,
.theme-dark textarea {
  background-color: var(--bg-secondary);
  border-color: var(--border-color-primary);
  color: var(--text-primary);
}

.theme-dark input:focus,
.theme-dark select:focus,
.theme-dark textarea:focus {
  border-color: var(--color-accent);
  background-color: var(--bg-tertiary);
}

.theme-dark input::placeholder,
.theme-dark textarea::placeholder {
  color: var(--placeholder-color);
}

.theme-dark label {
  color: var(--text-heading);
}

/* ========================================
   BUTTONS
   ======================================== */
.theme-dark .rs-btn {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--text-primary);
}

.theme-dark .rs-btn:hover {
  background-color: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
}

.theme-dark .rs-btn.has-bg-transparent {
  background-color: transparent;
  color: var(--text-primary);
  border-color: var(--border-color-primary);
}

.theme-dark .rs-btn.has-bg-transparent:hover {
  background-color: var(--bg-secondary);
  color: var(--color-accent);
  border-color: var(--color-accent);
}

.theme-dark .rs-btn.has-transparent-btn {
  background-color: transparent;
  background: transparent;
}

.theme-dark .rs-btn.has-transparent-btn:hover {
  background-color: transparent;
  background: transparent;
}

/* ========================================
   LOGO - Dark Mode
   ======================================== */
.theme-dark .logo-dark svg path.cls-1,
.theme-dark .logo-dark svg .cls-1 {
  fill: #000000;
}

.theme-dark .logo-dark svg path.cls-2,
.theme-dark .logo-dark svg .cls-2 {
  fill: #000000;
}

/* ========================================
   HEADER
   ======================================== */
.theme-dark .rs-header-top.rs-header-top-five {
  background: var(--bg-secondary);
  border-bottom-color: var(--border-color-primary);
}

.theme-dark .rs-header-top.rs-header-top-five .header-top-title {
  color: var(--text-heading);
}

.theme-dark .rs-header-top.rs-header-top-five .rs-header-info-item a {
  color: var(--text-primary);
}

.theme-dark .rs-header-top.rs-header-top-five .rs-header-info-item svg path {
  fill: var(--text-primary);
}

.theme-dark .rs-header-top.rs-header-top-five .rs-header-info-meta {
  color: var(--text-primary);
}

.theme-dark .rs-header-top.rs-header-top-five .rs-theme-social a {
  color: var(--text-primary);
}

.theme-dark .rs-sticky-header {
  background-color: var(--bg-secondary);
}

.theme-dark .rs-header-menu nav ul li a {
  color: var(--text-primary);
}

.theme-dark .rs-header-menu nav ul li a:hover {
  color: var(--color-accent);
}

.theme-dark .rs-header-search-icon i {
  color: var(--text-primary);
}

.theme-dark .rs-header-hamburger .bar-icon svg path {
  fill: currentColor;
  color: var(--text-primary);
}

/* ========================================
   BANNER
   ======================================== */
.theme-dark .rs-banner-area {
  background-color: var(--bg-primary);
}

.theme-dark .rs-banner-title {
  color: var(--text-heading);
}

.theme-dark .rs-banner-descrip {
  color: var(--text-primary);
}

.theme-dark .rs-banner-descrip p {
  color: var(--text-secondary);
}

.theme-dark .rs-banner-bg-thumb::before {
  background-color: rgba(0, 0, 0, 0.4);
}

/* ========================================
   FEATURES
   ======================================== */
.theme-dark .rs-feature-area {
  background-color: var(--bg-primary);
}

.theme-dark .rs-feature-item {
  background-color: var(--bg-secondary);
  border-color: var(--border-color-primary);
}

.theme-dark .rs-feature-item:hover {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color-secondary);
}

.theme-dark .rs-feature-title {
  color: var(--text-heading);
}

.theme-dark .rs-feature-descrip {
  color: var(--text-primary);
}

.theme-dark .rs-feature-descrip p {
  color: var(--text-secondary);
}

.theme-dark .rs-feature-icon {
  color: var(--rs-white);
}

.theme-dark .rs-feature-icon svg path {
  fill: var(--rs-white);
}

.theme-dark .rs-feature-five .rs-feature-bg-thumb {
  opacity: 0.1;
}

/* ========================================
   ABOUT
   ======================================== */
.theme-dark .rs-about-title {
  opacity: 0.1;
  overflow-y: visible;
}

.theme-dark .rs-about-fourteen .rs-about-title {
  opacity: 0.1;
  overflow-y: visible;
}

.theme-dark .rs-about-area {
  overflow-y: visible;
}

.theme-dark .rs-about-fourteen {
  overflow-y: visible;
}

/* ========================================
   SERVICES
   ======================================== */
.theme-dark .rs-services-area {
  background-color: var(--bg-primary);
}

.theme-dark .rs-services-item {
  background-color: var(--bg-secondary);
  border-color: var(--border-color-primary);
}

.theme-dark .rs-services-item:hover {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color-secondary);
}

.theme-dark .rs-services-title {
  color: var(--text-heading);
}

.theme-dark .rs-services-title a {
  color: var(--text-heading);
}

.theme-dark .rs-services-title a:hover {
  color: var(--color-accent);
}

.theme-dark .rs-services-item .descrip {
  color: var(--text-secondary);
}

.theme-dark .rs-services-tab .nav-link {
  color: var(--text-secondary);
  background-color: transparent;
  border-color: transparent;
}

.theme-dark .rs-services-tab .nav-link:hover {
  color: var(--text-primary);
  background-color: var(--bg-tertiary);
}

.theme-dark .rs-services-tab .nav-link.active {
  color: var(--text-primary);
  background-color: var(--bg-tertiary);
}

.theme-dark .rs-services-tab-content-wrapper {
  background-color: var(--bg-secondary);
}

.theme-dark .rs-services-tab-title {
  color: var(--text-heading);
}

.theme-dark .rs-services-tab-content p {
  color: var(--text-secondary);
}

.theme-dark .rs-services-tab {
  background: transparent;
  background-color: transparent;
}

.theme-dark .rs-services-eleven .rs-services-tab {
  background: transparent;
  background-color: transparent;
}

.theme-dark .rs-services-eleven .rs-services-tab-box {
  background: transparent;
  background-color: transparent;
}

.theme-dark .rs-services-tab-list ul li {
  color: var(--text-primary);
}

.theme-dark .rs-services-eleven .rs-services-tab-list ul li {
  color: var(--text-primary);
}

.theme-dark .rs-btn.has-text.has-theme-mind-green {
  background: transparent;
  background-color: transparent;
  border: none;
  border-color: transparent;
}

.theme-dark .rs-btn.has-text.has-theme-mind-green:hover {
  background: transparent;
  background-color: transparent;
  border: none;
  border-color: transparent;
}

/* ========================================
   ABOUT
   ======================================== */
.theme-dark .rs-about-area {
  background-color: var(--bg-primary);
}

.theme-dark .rs-about-content {
  color: var(--text-primary);
}

.theme-dark .rs-about-description p {
  color: var(--text-secondary);
}

.theme-dark .rs-about-tab .nav-link {
  color: var(--text-secondary);
  border-color: var(--border-color-primary);
}

.theme-dark .rs-about-tab .nav-link:hover {
  color: var(--text-primary);
  background-color: var(--bg-secondary);
}

.theme-dark .rs-about-tab .nav-link.active {
  color: var(--color-accent);
  background-color: var(--bg-secondary);
  border-color: var(--color-accent);
}

/* ========================================
   ABOUT FOURTEEN TABS - DARK MODE
   ======================================== */
.theme-dark .rs-about-fourteen .rs-about-tab .nav-link {
  background-color: var(--bg-secondary);
  color: var(--text-secondary);
  border-radius: 0;
}

.theme-dark .rs-about-fourteen .rs-about-tab .nav-link.active {
  background-color: var(--bg-secondary);
  color: var(--rs-theme-mind-green);
}

.theme-dark .rs-about-fourteen .rs-about-tab .nav-link:hover {
  background-color: var(--bg-secondary);
  color: var(--rs-theme-mind-green);
}

.theme-dark .rs-about-tab-content {
  color: var(--text-primary);
  background-color: transparent;
}

.theme-dark .rs-about-tab-content p {
  background-color: transparent;
  background: transparent;
}

/* ========================================
   BACK TO TOP
   ======================================== */
.theme-dark .backtotop-wrap.has-theme-ceiling-blue {
  background: var(--rs-theme-ceiling-blue);
  background-color: var(--rs-theme-ceiling-blue);
}

.theme-dark .backtotop-wrap.has-theme-ceiling-blue:hover {
  background: var(--color-primary-hover);
  background-color: var(--color-primary-hover);
}

/* ========================================
   SECTION BORDER LINE
   ======================================== */
.theme-dark .rs-section-border-line {
  background: rgba(255, 255, 255, 0.2);
  opacity: 1;
  visibility: visible;
  display: block;
}

.theme-dark .rs-section-subtitle-wrapper .rs-section-border-line {
  background: rgba(255, 255, 255, 0.2);
  opacity: 1;
  visibility: visible;
  display: block;
}

/* ========================================
   COUNTER
   ======================================== */
.theme-dark .rs-counter-area {
  background-color: transparent;
  background: transparent;
}

.theme-dark .rs-counter-one {
  background-color: transparent;
  background: transparent;
}

.theme-dark .rs-counter-item {
  background-color: transparent;
  border-color: transparent;
  color: var(--text-primary);
}

.theme-dark .rs-counter-number {
  color: var(--text-primary);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);
  stroke: rgba(255, 255, 255, 0.3);
}

.theme-dark .rs-counter-one .rs-counter-number,
.theme-dark .rs-counter-one .prefix {
  -webkit-text-fill-color: transparent;
  color: transparent;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);
  stroke: rgba(255, 255, 255, 0.3);
}

.theme-dark .rs-counter-title {
  color: var(--text-heading);
}

.theme-dark .rs-counter-descrip {
  color: var(--text-secondary);
}

/* ========================================
   WORK STEP
   ======================================== */
.theme-dark .rs-work-step-area {
  background-color: var(--bg-primary);
}

.theme-dark .rs-work-step-title {
  color: var(--text-heading);
}

.theme-dark .rs-work-step-descrip p {
  color: var(--text-primary);
}

.theme-dark .rs-work-step-icon svg path {
  fill: var(--color-accent);
}

.theme-dark .rs-work-step-item {
  background-color: transparent;
  background: transparent;
  border-color: var(--border-color-primary);
}

.theme-dark .rs-work-step-three .rs-work-step-item {
  background: transparent;
  background-color: transparent;
}

.theme-dark .rs-work-step-text {
  color: var(--text-secondary);
}

.theme-dark .rs-work-step-three .rs-work-step-text {
  color: var(--text-secondary);
}

/* ========================================
   TEXT SLIDER
   ======================================== */
.theme-dark .rs-text-slide-two .rs-text-slide-title {
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);
}

.theme-dark .rs-text-slide-two.has-theme-mind-green .rs-text-slide-title {
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.4);
}

.theme-dark .rs-text-slide-two.has-theme-cyan .rs-text-slide-title {
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.4);
}

/* ========================================
   PORTFOLIO
   ======================================== */
.theme-dark .rs-portfolio-area {
  background-color: var(--bg-primary);
}

.theme-dark .rs-portfolio-title a {
  color: var(--text-heading);
}

.theme-dark .rs-portfolio-title a:hover {
  color: var(--color-accent);
}

.theme-dark .rs-portfolio-item {
  background-color: var(--bg-secondary);
}

.theme-dark .rs-portfolio-content {
  background-color: transparent;
  background: transparent;
  color: var(--text-primary);
}

.theme-dark .rs-portfolio-content.has-large {
  background-color: transparent;
  background: transparent;
}

.theme-dark .rs-portfolio-descrip {
  color: var(--text-secondary);
}

.theme-dark .rs-portfolio-thumb img {
  opacity: 1;
  visibility: visible;
  display: block;
}

.theme-dark .rs-portfolio-five .rs-portfolio-thumb img {
  opacity: 1;
  visibility: visible;
  display: block;
}

.theme-dark .rs-btn.has-theme-mind-green.has-icon.has-bg .icon-box svg {
  opacity: 1;
  visibility: visible;
  display: block;
}

/* ========================================
   CATEGORIES
   ======================================== */
.theme-dark .rs-categories-area {
  background-color: var(--bg-primary);
}

.theme-dark .rs-category-item {
  background-color: var(--bg-secondary);
}

.theme-dark .rs-category-title a {
  color: var(--text-heading);
}

.theme-dark .rs-category-title a:hover {
  color: var(--color-accent);
}

.theme-dark .rs-category-bg-thumb::before {
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.8) 100%
  );
}

.theme-dark .rs-btn.has-theme-mind-green.has-icon.has-bg .icon-box svg path {
  fill: var(--rs-white);
  opacity: 1;
}

/* ========================================
   TESTIMONIAL
   ======================================== */
.theme-dark .rs-testimonial-area {
  background-color: var(--bg-primary);
}

.theme-dark .rs-testimonial-item {
  background-color: var(--bg-secondary);
  border: none;
  border-color: transparent;
}

.theme-dark .rs-testimonial-avater-title {
  color: var(--text-heading);
}

.theme-dark .rs-testimonial-avater-designation {
  color: var(--text-secondary);
}

.theme-dark .rs-testimonial-description p {
  color: var(--text-primary);
}

.theme-dark .rs-rating i {
  color: var(--color-accent);
}

/* ========================================
   BRAND/PARTNERS
   ======================================== */
.theme-dark .rs-brand-area {
  background-color: var(--bg-primary);
}

.theme-dark .rs-brand-shape-thumb {
  display: none;
  visibility: hidden;
}

.theme-dark .rs-brand-shape-thumb img[src*="brand-bg-01.png"] {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.theme-dark .rs-brand-item {
  background-color: var(--bg-secondary);
  opacity: 0.7;
}

.theme-dark .rs-brand-item:hover {
  opacity: 1;
}

.theme-dark .rs-brand-item img {
  opacity: 0.7;
}

.theme-dark .rs-brand-item:hover img {
  opacity: 1;
}

/* ========================================
   TEAM
   ======================================== */
.theme-dark .rs-team-area {
  background-color: var(--bg-primary);
}

.theme-dark .rs-team-content-box {
  background-color: var(--bg-secondary);
  background: var(--bg-secondary);
}

/* ========================================
   BLOG
   ======================================== */
.theme-dark .rs-blog-area {
  background-color: var(--bg-primary);
}

.theme-dark .rs-blog-item {
  background-color: var(--bg-secondary);
}

.theme-dark .rs-blog-title a {
  color: var(--text-heading);
}

.theme-dark .rs-blog-title a:hover {
  color: var(--color-accent);
}

.theme-dark .rs-blog-description {
  color: var(--text-primary);
}

.theme-dark .rs-blog-description p {
  color: var(--text-secondary);
}

.theme-dark .rs-blog-meta-item {
  color: var(--text-secondary);
}

.theme-dark .rs-blog-content {
  background-color: var(--bg-secondary);
  background: var(--bg-secondary);
}

.theme-dark .rs-blog-content.has-padding {
  background-color: var(--bg-secondary);
  background: var(--bg-secondary);
}

/* ========================================
   CTA / SUBSCRIBE
   ======================================== */
.theme-dark .rs-cta-area {
  background-color: var(--bg-primary);
}

.theme-dark .rs-cta-input input,
.theme-dark .rs-cta-three .rs-cta-input input {
  background-color: var(--bg-secondary);
  background: var(--bg-secondary);
  color: var(--text-primary);
}

.theme-dark .rs-cta-input input::placeholder,
.theme-dark .rs-cta-three .rs-cta-input input::placeholder {
  color: var(--text-secondary);
}

/* ========================================
   CONTACT
   ======================================== */
.theme-dark .rs-contact-area {
  background-color: var(--bg-primary);
}

.theme-dark .rs-contact-form {
  background-color: var(--bg-secondary);
  border-color: var(--border-color-primary);
}

.theme-dark .rs-contact-form .form-control {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color-primary);
  color: var(--text-primary);
}

.theme-dark .rs-contact-form .form-control::placeholder {
  color: var(--text-secondary);
}

.theme-dark .rs-contact-form .form-control:focus {
  border-color: var(--color-accent);
  color: var(--text-primary);
}

.theme-dark .rs-contact-list-title {
  color: var(--text-heading);
}

.theme-dark .rs-contact-list-descrip,
.theme-dark .rs-contact-list-descrip a {
  color: var(--text-primary);
}

.theme-dark .rs-contact-icon svg path {
  fill: var(--color-accent);
}

/* ========================================
   FOOTER
   ======================================== */
.theme-dark .rs-footer-area {
  background-color: var(--bg-primary);
}

.theme-dark .rs-footer-widget-title {
  color: var(--text-primary);
}

.theme-dark .rs-footer-widget p {
  color: var(--text-secondary);
}

.theme-dark .rs-footer-widget a {
  color: var(--text-secondary);
}

.theme-dark .rs-footer-widget a:hover {
  color: var(--color-accent);
}

.theme-dark .rs-footer-widget-links ul li a {
  color: var(--text-primary);
}

.theme-dark .rs-footer-widget-links ul li a:hover {
  color: var(--color-accent);
}

.theme-dark .rs-footer-social a {
  color: var(--text-secondary);
}

.theme-dark .rs-footer-social a:hover {
  color: var(--color-accent);
}

.theme-dark .rs-footer-bottom {
  background-color: var(--bg-secondary);
  border-top-color: var(--border-color-primary);
}

.theme-dark .rs-footer-bottom p {
  color: var(--text-secondary);
}

/* ========================================
   OFFCANVAS
   ======================================== */
.theme-dark .offcanvas-area {
  background-color: var(--bg-primary);
}

.theme-dark .offcanvas-content {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

.theme-dark .offcanvas-menu a {
  color: var(--text-primary);
}

.theme-dark .offcanvas-close-icon {
  color: var(--text-primary);
}

.theme-dark .offcanvas-social a {
  color: var(--text-primary);
}

.theme-dark .offcanvas-social a:hover {
  color: var(--color-accent);
}

/* ========================================
   MEGA MENU
   ======================================== */
.theme-dark .main-menu .mega-menu {
  background-color: var(--bg-secondary);
  border-color: var(--border-color-primary);
}

.theme-dark .main-menu .mega-menu li a {
  color: var(--text-primary);
  border-bottom-color: var(--border-color-primary);
}

.theme-dark .main-menu .mega-menu li a:hover {
  color: var(--color-primary);
}

.theme-dark .main-menu .submenu {
  background-color: var(--bg-secondary);
  border-color: var(--border-color-primary);
}

.theme-dark .main-menu .submenu li a {
  color: var(--text-primary);
}

.theme-dark .main-menu .submenu li a:hover {
  color: var(--color-primary);
}

/* ========================================
   SWIPER
   ======================================== */
.theme-dark .swiper-button-prev,
.theme-dark .swiper-button-next {
  color: var(--text-primary);
  background-color: rgba(26, 26, 26, 0.8);
  border-color: var(--border-color-primary);
}

.theme-dark .swiper-button-prev:hover,
.theme-dark .swiper-button-next:hover {
  background-color: var(--color-accent);
  color: var(--text-primary);
}

/* Banner navigation buttons hover - reverse colors in dark mode */
/* White becomes dark, dark becomes white */
.theme-dark
  .rs-banner-thirteen
  .rs-banner-navigation
  button.swiper-button-prev:hover {
  background-color: var(--rs-black);
  color: var(--rs-white);
}

.theme-dark
  .rs-banner-thirteen
  .rs-banner-navigation
  button.swiper-button-prev:hover
  i {
  color: var(--rs-white);
}

.theme-dark
  .rs-banner-thirteen
  .rs-banner-navigation
  button.swiper-button-next:hover {
  background-color: var(--rs-black);
  color: var(--rs-white);
}

.theme-dark
  .rs-banner-thirteen
  .rs-banner-navigation
  button.swiper-button-next:hover
  i {
  color: var(--rs-white);
}

.theme-dark .swiper-pagination-bullet {
  background-color: var(--text-secondary);
  opacity: 0.5;
}

.theme-dark .swiper-pagination-bullet-active {
  background-color: var(--color-accent);
  opacity: 1;
}

/* ========================================
   SCROLLBAR
   ======================================== */
.theme-dark ::-webkit-scrollbar-track {
  background: var(--bg-secondary);
}

.theme-dark ::-webkit-scrollbar-thumb {
  background: var(--bg-tertiary);
}

.theme-dark ::-webkit-scrollbar-thumb:hover {
  background: var(--border-color-secondary);
}

.theme-dark * {
  scrollbar-color: var(--bg-tertiary) var(--bg-secondary);
}

/* ========================================
   SECTION TITLES
   ======================================== */
.theme-dark .rs-section-title {
  color: var(--text-heading);
}

.theme-dark .rs-section-subtitle {
  color: var(--text-primary);
}

.theme-dark .rs-section-descrip {
  color: var(--text-secondary);
}

.theme-dark .rs-section-descrip p {
  color: var(--text-secondary);
}

/* ========================================
   ICONS
   ======================================== */
.theme-dark .rs-theme-social i {
  color: var(--text-primary);
}

.theme-dark .rs-theme-social i:hover {
  color: var(--color-accent);
}

/* .theme-dark svg path {
  fill: currentColor;
} */

.theme-dark .rs-feature-icon svg path {
  fill: var(--rs-white);
}

.theme-dark .rs-work-step-icon svg path,
.theme-dark .rs-services-icon svg path {
  fill: var(--color-accent);
}

/* ========================================
   FOCUS
   ======================================== */
.theme-dark :focus {
  outline-color: var(--color-accent);
}

.theme-dark :focus-visible {
  outline-color: var(--color-accent);
}