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

/* ===== Floating help/contact tooltip: flip reliably =====
   Use wrapper classes to avoid any dir/selector conflicts. */
.float-action-wrapper.is-rtl .float-action-tooltip {
  left: calc(100% + 14px) !important;
  right: auto !important;
  transform: translate(-10px, -50%);
}
.float-action-wrapper.is-rtl .float-action-tooltip::before {
  right: 100% !important;
  left: auto !important;
  border-left-color: transparent;
  border-right-color: #111;
}

.float-action-wrapper.is-ltr .float-action-tooltip {
  left: auto !important;
  right: calc(100% + 14px) !important;
  transform: translate(10px, -50%);
}
.float-action-wrapper.is-ltr .float-action-tooltip::before {
  right: auto !important;
  left: 100% !important;
  border-right-color: transparent;
  border-left-color: #111;
}
.float-action-wrapper.is-ltr .float-action-btn:hover .float-action-tooltip,
.float-action-wrapper.is-rtl .float-action-btn:hover .float-action-tooltip {
  transform: translate(0, -50%);
}

@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;
  }
}