/* ROF_SUPPORT_MOBILE_ONLY_20261022
   Support remains a popup launched from the footer (no extra support page).
   No header/footer visible behind it on phones; desktop unchanged. */
/* The support close is a real button. Prevent the generic form-button width rule
   from stretching it across the desktop dialog. */
#contactModal .rof-support-close {
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(25,213,245,.65) !important;
  border-radius: 12px !important;
  background: #18243a !important;
  color: #fff !important;
  font: 900 29px/1 system-ui,sans-serif !important;
  cursor: pointer !important;
}
@media (max-width: 680px) {
  body.rof-support-open { overflow: hidden !important; }
  #contactModal.pozdravi-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147482500 !important;
    background: #060815 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: calc(env(safe-area-inset-top, 0px) + 78px) 12px
      calc(env(safe-area-inset-bottom, 0px) + 15px) !important;
    align-items: center !important;
    justify-content: center !important;
    overscroll-behavior: contain;
  }
  #contactModal .pozdravi-modal-content {
    position: relative !important;
    width: min(100%, 430px) !important;
    max-width: 430px !important;
    max-height: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    margin: auto !important;
    padding: 20px 17px 24px !important;
    border: 1.5px solid #17d5f5 !important;
    border-radius: 18px !important;
    background: linear-gradient(155deg,#121a2b,#090b15 58%,#130d20) !important;
    box-shadow: 0 0 0 1px rgba(20,220,255,.14), 0 20px 50px rgba(0,0,0,.64) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    animation: rofSupportPopupIn .2s ease-out both;
  }
  #contactModal .pozdravi-modal-content h2 {
    padding: 0 0 5px !important;
    margin: 0 0 12px !important;
    font-size: clamp(20px, 5vw, 25px) !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }
  #contactModal .pozdravi-modal-content > p { font-size: 14px; line-height: 1.45; }
  #contactModal .pozdravi-modal-content textarea {
    min-height: 145px !important;
    max-height: 35dvh !important;
  }
  #contactModal .rof-support-close {
    display: grid !important;
    place-items: center !important;
    position: fixed !important;
    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    right: calc(env(safe-area-inset-right, 0px) + 14px) !important;
    left: auto !important;
    z-index: 2147482600 !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 2px solid #72eaf8 !important;
    border-radius: 14px !important;
    background: #24324c !important;
    color: #fff !important;
    box-shadow: 0 0 0 3px rgba(0,10,24,.85), 0 0 17px rgba(56,228,255,.7) !important;
    font: 900 34px/1 system-ui,-apple-system,Segoe UI,sans-serif !important;
    text-align: center !important;
    cursor: pointer !important;
    touch-action: manipulation;
  }
  #contactModal .rof-support-close:focus-visible {
    outline: 3px solid #fff !important;
    outline-offset: 4px !important;
  }
  #contactModal .rof-support-close:active { background: #354b67 !important; }
  /* Opacity only: transform would re-anchor the fixed close button to the card. */
  @keyframes rofSupportPopupIn {
    from { opacity: .75; }
    to   { opacity: 1; }
  }
}
@media (prefers-reduced-motion: reduce) {
  #contactModal .pozdravi-modal-content { animation: none !important; }
}