/* Epika Mail native iOS touch compatibility v1.0.1 */
html.epika-native-ios-touch {
  -webkit-tap-highlight-color: rgba(11, 87, 208, .08);
}

/* `manipulation` pan + pinch zoom'u korurken double-tap zoom'u kaldırır. */
html.epika-native-ios-touch,
html.epika-native-ios-touch body,
html.epika-native-ios-touch body#rl-app,
html.epika-native-ios-touch #rl-content {
  touch-action: manipulation !important;
}

html.epika-native-ios-touch #top-system-dropdown-id,
html.epika-native-ios-touch .messageListItem,
html.epika-native-ios-touch .epika-broker-item > a,
html.epika-native-ios-touch .epika-ios-home-logo {
  touch-action: manipulation !important;
}

/* Pseudo-element olarak çizilen Epika logosunun üstünde gerçek, erişilebilir
   bir dokunma hedefi. Görselin kendisini değiştirmez. */
html.epika-native-ios-touch .epika-ios-home-logo {
  position: fixed !important;
  z-index: 112 !important;
  top: 9px !important;
  left: 18px !important;
  width: 190px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
}

@media screen and (max-width: 1099px) and (min-width: 800px) {
  html.epika-native-ios-touch .epika-ios-home-logo {
    width: 156px !important;
  }
}

@media screen and (max-width: 799px) {
  html.epika-native-ios-touch .epika-ios-home-logo {
    top: 8px !important;
    left: 14px !important;
    width: 124px !important;
    height: 40px !important;
  }
}

@media screen and (max-width: 390px) {
  html.epika-native-ios-touch .epika-ios-home-logo {
    left: 10px !important;
    width: 112px !important;
  }
}

/* Mobile WebKit keeps :hover sticky after taps. On coarse touch input, keep
   hover-only cosmetics from becoming a second interaction state. */
@media (hover: none) and (pointer: coarse) {
  html.epika-native-ios-touch #top-system-dropdown-id:hover {
    background: #fff !important;
    border-color: #e2e7ee !important;
  }

  html.epika-native-ios-touch .messageListItem:hover {
    background: #fff !important;
    box-shadow: none !important;
  }

  html.epika-native-ios-touch .messageListItem.unseen:hover {
    background: #f7faff !important;
  }

  html.epika-native-ios-touch .messageListItem.focused:hover {
    background: #eef3fb !important;
  }

  html.epika-native-ios-touch .messageListItem.selected:hover,
  html.epika-native-ios-touch .messageListItem.selected.focused:hover {
    background: var(--epika-blue-soft, #d3e3fd) !important;
  }
}

/* Ensure the account menu remains above the mobile mail UI once SnappyMail
   opens it. */
html.epika-native-ios-touch #V-SystemDropDown {
  isolation: isolate;
}
html.epika-native-ios-touch #V-SystemDropDown .dropdown-menu {
  z-index: 1200 !important;
}