/* Dark Footer Styles - Reusable class for pages that need dark footer */

.dark-footer #qodef-page-footer-top-area {
  background-color: #000000 !important;
  background-image: none !important;
}

.dark-footer #qodef-page-footer-bottom-area {
  background-color: #000000 !important;
}

.dark-footer #qodef-page-footer {
  background-color: #000000 !important;
}

/* Ensure all footer widgets have transparent backgrounds */
.dark-footer #qodef-page-footer .widget,
.dark-footer #qodef-page-footer-top-area .widget,
.dark-footer #qodef-page-footer-bottom-area .widget {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 0 35px !important;
  box-shadow: none !important;
}

/* Footer text colors - ensure white text */
.dark-footer #qodef-page-footer,
.dark-footer #qodef-page-footer * {
  color: #ffffff !important;
}

.dark-footer #qodef-page-footer a {
  color: #ffffff !important;
}

.dark-footer #qodef-page-footer .qodef-widget-title {
  color: #ffffff !important;
}

/* Ensure social media icons are white and visible */
.dark-footer #qodef-page-footer .qodef-icon-font-awesome,
.dark-footer #qodef-page-footer .qodef-icon-holder a .qodef-icon-font-awesome,
.dark-footer #qodef-page-footer .fab,
.dark-footer #qodef-page-footer .fa-youtube,
.dark-footer #qodef-page-footer .fa-linkedin,
.dark-footer #qodef-page-footer .fa-x,
.dark-footer #qodef-page-footer .fa-x-twitter,
.dark-footer #qodef-page-footer .fa-reddit,
.dark-footer #qodef-page-footer .fas {
  color: #ffffff !important;
  position: relative !important;
  z-index: 3 !important;
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Ensure icon holder background is transparent/black */
.dark-footer #qodef-page-footer .qodef-icon-holder,
.dark-footer #qodef-page-footer .qodef-icon-holder a {
  background: transparent !important;
  position: relative;
}

.dark-footer #qodef-page-footer .qodef-icon-holder a {
  z-index: 2 !important;
}

/* Ensure SVG circles are white (stroke only, no fill) and behind icons */
.dark-footer #qodef-page-footer .qodef-svg-circle {
  z-index: 1 !important;
  pointer-events: none;
}

.dark-footer #qodef-page-footer .qodef-svg-circle circle {
  fill: none !important;
  stroke: #ffffff !important;
  stroke-width: 1px !important;
}

.dark-footer #qodef-page-footer .qodef-icon-holder a {
  color: #ffffff !important;
}

.dark-footer #qodef-page-footer .qodef-icon-holder a:hover {
  color: #c28562 !important;
}

.dark-footer #qodef-page-footer .qodef-icon-holder a:hover .qodef-icon-font-awesome {
  color: #c28562 !important;
}