/* ============================================
   FOOTER STYLES (Mobile-first)
   ============================================ */

/* Footer Links */

/* #footerwrapper-2026 {
  display: contents;
} */

#footerwrapper-2026 .site-footer {
  background: #fff;
}
#footerwrapper-2026 .footer-links {
  list-style: none;
  padding-left: 0;
  margin: 0;
  text-indent: 0;
}

#footerwrapper-2026 .desktop-footer .footer-links li {
  padding: 7px 0;
}

#footerwrapper-2026 .footer-links a {
  text-decoration: none;
}

#footerwrapper-2026 .footer-links a:hover {
  text-decoration: none;
}

/* Footer Heading */

#footerwrapper-2026 input#newsletter-email-desktop,
input#newsletter-email-mobile {
  border-bottom: 1px solid #2f2d2d !important;
}

#footerwrapper-2026 .form-check-input {
  min-height: 0;
}

#footerwrapper-2026 #ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.optanon-show-settings,
#footerwrapper-2026 #ot-sdk-btn.ot-sdk-show-settings:hover,
#ot-sdk-btn.optanon-show-settings:hover {
  padding: 0;
  border: none;
  background: none;
  color: var(--gray-6-main, #2f2d2d);
  font-size: 12px;
}

/* LEGACY NEWSLETTER CSS OVERRIDE */
#footerwrapper-2026 .searchForm {
  position: relative;
  float: unset;
  width: 100%;
  gap: 0 !important;
  left: 0;
  top: 0;
}

.newsletter-modal form {
  gap: 0;
}

.newsletter-pop .modal-title {
  font-family: inherit;
}

/* Social Icons */

#footerwrapper-2026 .social-container {
  gap: 20px;
}
#footerwrapper-2026 .social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: #2f2d2d;
}

/* Legal Links */
#footerwrapper-2026 .footer-legal {
  gap: 12px;
}
#footerwrapper-2026 .footer-legal a,
#footerwrapper-2026 .copyright {
  text-decoration: none;
}
#footerwrapper-2026 .footer-legal a:hover {
  text-decoration: underline;
}

/* ============================================
   ACCORDION STYLES & ANIMATIONS
   ============================================ */

#footerwrapper-2026 .accordion-collapse {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}

#footerwrapper-2026 .accordion-collapse.show {
  height: auto;
}

#footerwrapper-2026 .accordion-button {
  position: relative;
  display: flex;
  /* align-items: center; */
  width: 100%;
  text-align: left;
  background-color: transparent;
  border: 0;
  overflow-anchor: none;
  cursor: pointer;
  padding-inline: 0;
  height: 40px;
  color: #2f2d2d;
}

#footerwrapper-2026 .accordion-button:focus {
  outline: none;
  outline-offset: none;
  box-shadow: none;
}
#footerwrapper-2026 .accordion-button:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
  box-shadow: none;
}
#footerwrapper-2026 .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}

#footerwrapper-2026 .accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='8' viewBox='0 0 9 8' fill='none'%3e%3cpath d='M5.74385 0L9 4L5.74385 8L5.04052 7.27407L7.31983 4.51852H0V3.48148H7.31983L5.04052 0.725926L5.74385 0Z' fill='%232f2d2d'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  background-position: center;
  transition: transform 0.2s ease-in-out;
}

#footerwrapper-2026 .accordion-button:not(.collapsed)::after {
  transform: rotate(-90deg);
}

#footerwrapper-2026 .accordion-button.collapsed::after {
  transform: rotate(90deg);
}

#footerwrapper-2026 .accordion-flush .accordion-item .accordion-header {
  font-weight: 400;
}

/* ============================================
   RESPONSIVE (scale up)
   ============================================ */

/* Small tablets and up */
@media (min-width: 576px) {
}

/* Tablets / small desktops */
@media (min-width: 768px) {
  #footerwrapper-2026 .footer-legal {
    gap: 20px;
  }
}

/* Desktop */
@media (min-width: 992px) {
  #footerwrapper-2026 #ot-sdk-btn.ot-sdk-show-settings,
  #ot-sdk-btn.optanon-show-settings,
  #footerwrapper-2026 #ot-sdk-btn.ot-sdk-show-settings:hover,
  #ot-sdk-btn.optanon-show-settings:hover {
    font-size: 10px;
  }
}

/* Large desktop */
@media (min-width: 1280px) {
}

/* XL / 1512+ if you want a bit more breathing room */
@media (min-width: 1512px) {
}

/* Extra small protection — if you want specific tweaks <=360px */
@media (max-width: 360px) {
}