/* ------------------  MOBILE ONLY  --------------------- */
@media (max-width: 768px) {

  .footer-toggle {
    position: relative;
    width: min(150px, 90%);
    margin: 0 auto;
    padding: 0.5rem 42px 0.5rem 0.5rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    white-space: nowrap;
    transition: transform 0.4s ease;
  }

  .footer-toggle .arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transform-origin: center;
    transition: transform 0.3s ease;
  }

  /* Arrow rotate */
  .footer-toggle.active .arrow {
    transform: translateY(-50%) rotate(-270deg);
  }

  /* Move heading text left */
  .footer-toggle.active {
    transform: translateX(-100px);
  }

  /* Mobile collapsible menu */
  .footer-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
  }

  .footer-menu.open {
    max-height: 500px;
  }
}

/* ------------------  DESKTOP RULES --------------------- */
@media (min-width: 769px) {

  .footer-toggle {
    width: auto;          /* normal width */
    transform: none;      /* no sliding */
    display: block;       /* like before */
    padding-right: 20px;
  }

  .footer-toggle .arrow {
    right: 0;
    transform: none;
  }

  .footer-menu {
    max-height: none;     /* always open */
    overflow: visible;
  }
}