/* #idFooterPoweredByWA {
    display: none !important;
} */

@media (max-width: 768px){
  .hide-on-mobile{
    display:none !important;
  }
}

/* Hide on desktop, show on mobile */
@media (min-width: 769px) {
  .hide-on-desktop {
    display: none !important;
  }
}

/* Force full width on mobile */
@media (max-width: 768px) {
  .full-width-mobile {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    box-sizing: border-box;
  }
}

/* Center logo on mobile */
@media (max-width: 768px) {
  #site-logo {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  #site-logo img {
    display: inline-block !important;
    margin: 0 auto !important;
  }
}

/* Desktop: align right */
#renew-header-wrapper {
  text-align: right;
}

/* Mobile: center */
@media (max-width: 768px) {
  #renew-header-wrapper {
    text-align: center;
    margin: 10px auto 0;
  }
}

/* Mobile: make the header button row truly centered + spaced nicely */
@media (max-width: 768px) {
  #membership-header-buttons {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 12px 0 6px !important;   /* space under logo */
    padding: 0 12px !important;      /* keeps it off edges */
    box-sizing: border-box !important;
  }

  /* Make both buttons same height/feel */
  #membership-header-buttons a {
    line-height: 1 !important;
    padding: 10px 16px !important;
    border-radius: 999px !important;
  }
}

/** Make columns in footer center on mobile **/
@media (max-width: 768px) {
  #footer_columns {
    text-align: center !important;
  }

  #footer_columns * {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }

  #footer_columns ul,
  #footer_columns li {
    display: inline-block !important;
    float: none !important;
  }
}