/* footer.css – ACF-styrt footer (ported from Button) */

.bx-custom-footer #main-footer { display: none !important; }
/* Hide Divi Theme Builder footer when custom footer is enabled */
.bx-custom-footer .et-l--footer { display: none !important; }

.bx-footer { margin-top: 0; padding: 0; }
.bx-footer .bx-footer-inner { width: 100%; margin: 0 auto; padding: 80px 0; }
.bx-footer, .bx-footer p, .bx-footer li, .bx-footer .bx-footer-text { color: inherit; }
.bx-footer a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

.bx-footer-row { display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 24px; }
.bx-footer-col { flex: 0 0 calc(var(--col-w,25) * 1%); max-width: calc(var(--col-w,25) * 1%); min-width: 0; box-sizing: border-box; }
.bx-footer-logo img { display: block; height: auto; }
.bx-footer-menu ul { list-style: none; padding: 0; margin: 0; }
.bx-footer-menu li { margin: 6px 0; }
.bx-footer-menu a { font-size: 16px; line-height: 1.6; }
.bx-footer-social { list-style: none; display: flex; gap: 12px; padding: 0; margin: 8px 0 0; }
.bx-footer-social a { font-size: 16px; line-height: 1.6; }

.bx-footer-bar { text-align: center; padding: 12px 0; margin: 0; }
.bx-footer-bar p { margin: 0; }

@media (max-width: 980px) {
  .bx-footer .bx-footer-inner { padding-top: 64px !important; padding-bottom: 64px !important; }
}
@media (max-width: 768px) {
  .bx-footer .bx-footer-inner { padding-top: 56px !important; padding-bottom: 56px !important; }
  /* Mobile: always stack one column per row for readability */
  .bx-footer-row { gap: 16px; margin-left: 0; margin-right: 0; }
  .bx-footer-col {
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 0;
    padding-left: 0; padding-right: 0;
  }
  /* Prevent mobile font-size reduction from parent theme */
  .bx-footer-menu a { font-size: 16px !important; line-height: 1.6 !important; }
  .bx-footer-social a { font-size: 16px !important; line-height: 1.6 !important; }
}

/* Avoid wrapping 3x 33% columns on desktop due to gap: remove gap and use inner padding */
@media (min-width: 981px) {
  .bx-footer-row { gap: 0; }
  .bx-footer-row .bx-footer-col { padding-right: 24px; }
  .bx-footer-row .bx-footer-col:last-child { padding-right: 0; }
}

/* Animated logo (optional, via ACF toggle) */
.bx-footer-logo.is-rotate img {
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform .5s ease;
}
.bx-footer.is-inview .bx-footer-logo.is-rotate img {
  transform: rotate(90deg);
}
@media (prefers-reduced-motion: reduce) {
  .bx-footer-logo.is-rotate img { transition: none; }
}