/* ✅ UserWay Accessibility Icon Overrides */

/* Big screens (1441px and above) */
@media (min-width: 1441px) {
  #userwayAccessibilityIcon {
    position: fixed !important;
    top: 80vh !important;
    right: 27px !important;
    z-index: 999999 !important;
  }
}

/* Medium screens (768px – 1440px) */
@media (min-width: 768px) and (max-width: 1440px) {
  #userwayAccessibilityIcon {
    position: fixed !important;
    top: 80vh !important;
    right: 10px !important;
    z-index: 999999 !important;
  }
}

/* iPhone 5 / SE */
@media (max-width: 320px) {
  #userwayAccessibilityIcon {
    top: 70vh !important;
    right: 0px;
  }
}

/* iPhone 6/7/8, X */
@media (min-width: 321px) and (max-width: 375px) {
  #userwayAccessibilityIcon {
    top: 78vh !important;
    right: 10px;
  }
}

/* Slightly bigger phones */
@media (min-width: 376px) and (max-width: 425px) {
  #userwayAccessibilityIcon {
    top: 78vh !important;
    right: 10px;
  }
}

/* General mobiles / tablets */
@media (min-width: 426px) and (max-width: 768px) {
  #userwayAccessibilityIcon {
    position: fixed !important;
    top: 80vh !important;
    right: 10px !important;
    z-index: 999999 !important;
  }
}

/* ✅ Style Reset */
#userwayAccessibilityIcon,
#userwayAccessibilityIcon * {
  background-color: #006341 !important;
  color: #ffffff !important;
  border-radius: 36px;
  border-color: #ff5722 !important;
  box-shadow: none !important;
}