/* Dark Mode Section Separators */
.dark-skin section {
  position: relative;
}

/* Add subtle borders between sections in dark mode */
.dark-skin section:not(:first-child):not(.bg-light):not(.bg-white) {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* Testimonials section background in dark mode */
.dark-skin section#testimonials {
  background-color: rgba(255, 255, 255, 0.02) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Platform advantages section (bg-light) in dark mode */
.dark-skin section#platform-advantages {
  background-color: rgba(255, 255, 255, 0.03) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* General bg-light sections in dark mode */
.dark-skin .bg-light:not(#platform-advantages) {
  background-color: rgba(255, 255, 255, 0.025) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* FAQ section in dark mode */
.dark-skin section#faq {
  background-color: rgba(255, 255, 255, 0.02) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Contact section in dark mode */
.dark-skin section#contact {
  background-color: rgba(255, 255, 255, 0.01) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Wave dividers - make them more visible in dark mode */
.dark-skin .fill-light {
  fill: rgba(255, 255, 255, 0.03) !important;
}

.dark-skin .fill-white {
  fill: rgba(255, 255, 255, 0.02) !important;
}

/* Section padding adjustments for better separation */
.dark-skin section.py-5 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

/* Card improvements in dark mode */
.dark-skin .card {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-skin .card-header {
  background-color: rgba(255, 255, 255, 0.03) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Improve text contrast in dark mode */
.dark-skin .text-muted {
  color: rgba(255, 255, 255, 0.7) !important;
}

.dark-skin .lead.text-muted {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Section headers in dark mode */
.dark-skin section h2 {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Better visual separation for specific sections */
.dark-skin section:nth-child(odd):not(.bg-light):not(.bg-white):not(#testimonials):not(#faq):not(#contact) {
  background-color: rgba(255, 255, 255, 0.015) !important;
}

.dark-skin section:nth-child(even):not(.bg-light):not(.bg-white):not(#testimonials):not(#faq):not(#contact) {
  background-color: rgba(255, 255, 255, 0.005) !important;
}

/* Hero section subtle background */
.dark-skin section:first-of-type {
  background-color: rgba(255, 255, 255, 0.01) !important;
}

/* Stats section - keep primary background but add border */
.dark-skin .bg-primary {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Features section */
.dark-skin section#features {
  background-color: rgba(255, 255, 255, 0.015) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}