/* Site-wide: phones, notched devices, overflow — Itqan Tools */
html {
  overflow-x: clip;
  max-width: 100%;
}

@media (max-width: 576px) {
  .navbar-brand.logo {
    max-width: min(200px, calc(100vw - 100px));
    overflow: visible;
  }
  .navbar-brand.logo .logo-icon,
  img.logo-icon {
    height: 48px !important;
    max-height: 52px;
    width: auto !important;
    margin: 0 !important;
    object-fit: contain;
  }
  .logo-text {
    font-size: 1rem !important;
  }
}

@media (max-width: 991.98px) {
  .float-action-wrapper {
    left: auto !important;
    right: max(10px, env(safe-area-inset-right, 0px)) !important;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 1020;
  }
}