/* Dea7hsmiles mobile support-button fill fix
   Mobile only: makes Discord fill its glow/shadow area like Buy Me a Coffee. Desktop untouched. */
@media (max-width: 767px) {
  header .dea7-support {
    width: min(100%, 720px) !important;
    max-width: calc(100vw - 32px) !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  header .dea7-support > a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: 340px !important;
    height: 56px !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    line-height: 0 !important;
  }

  header .dea7-support > a > img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    display: block !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    object-fit: fill !important;
  }

  header .dea7-support > a[href*="discord"] > img,
  header .dea7-support > a[href*="discord.gg"] > img,
  header .dea7-support img[alt*="Discord"] {
    object-fit: fill !important;
    background: #5865f2 !important;
    box-shadow: 0 0 14px rgba(88, 101, 242, 0.38) !important;
  }

  header .dea7-support > a[href*="buymeacoffee"] > img,
  header .dea7-support img[alt*="Support"] {
    object-fit: fill !important;
  }
}

@media (max-width: 430px) {
  header .dea7-support {
    max-width: calc(100vw - 28px) !important;
    gap: 10px !important;
  }

  header .dea7-support > a {
    height: 52px !important;
    border-radius: 13px !important;
  }

  header .dea7-support > a > img {
    border-radius: 13px !important;
  }
}