/* =========================================================
   DENTALAIQ STOREFRONT PRESENTATION
   Loaded after the independently maintained AIQ base CSS.
   ========================================================= */

.ask-hkx-launcher {
  right: 18px;
  white-space: nowrap;
  background: linear-gradient(135deg, var(--brand-blue), var(--brand-blue-dark));
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.ask-hkx-launcher__signal,
.ask-hkx-drawer__status-dot {
  background: var(--brand-cyan);
  box-shadow: 0 0 0 5px rgba(0, 200, 255, .12);
}

.ask-hkx-drawer__header {
  background: #071827;
}

.ask-hkx-brand__mark {
  color: #00c8ff;
}

/* The launcher yields whenever another full-screen interaction owns the UI. */
body.site-drawer-open .ask-hkx-launcher,
body.ask-hkx-drawer-open .ask-hkx-launcher {
  z-index: -1 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: translateY(18px) scale(.92) !important;
}

@supports selector(body:has(#siteDrawer.is-open)) {
  body:has(#siteDrawer.is-open) .ask-hkx-launcher,
  body:has(#loginSlider.active) .ask-hkx-launcher,
  body:has(#registerSlider.active) .ask-hkx-launcher,
  body:has(#cartSlider.active) .ask-hkx-launcher,
  body:has(#bomDrawer.is-open) .ask-hkx-launcher,
  body:has(#quickToolsSlider.active) .ask-hkx-launcher,
  body:has(#quickToolsSlider.has-detail) .ask-hkx-launcher {
    z-index: -1 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transform: translateY(18px) scale(.92) !important;
  }
}

/* Center the resting launcher in the outer gutter on wide storefronts. */
@media (min-width: 1900px) {
  @supports (translate: 50% 0) {
    .ask-hkx-launcher {
      right: calc((100vw - var(--site-max-width, 1500px)) / 4);
      translate: 50% 0;
    }
  }
}

/* Product context expands inward instead of inheriting the gutter position. */
.ask-hkx-launcher.aiq-product-nudge {
  right: 18px;
  width: min(420px, calc(100vw - 36px));
  min-height: 64px;
  padding: 9px 12px;
  justify-content: flex-start;
  gap: 11px;
  border-radius: 18px;
  white-space: normal;
  text-align: left;
  opacity: 0;
  translate: 0 0;
  transform: translateY(10px) scale(.97);
  pointer-events: none;
}

.ask-hkx-launcher.aiq-product-nudge.aiq-product-nudge--show {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.ask-hkx-launcher.aiq-product-nudge.aiq-product-nudge--show:hover {
  transform: translateY(-2px) scale(1);
}

.aiq-product-nudge__icon,
.aiq-product-nudge__arrow {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .1);
}

.aiq-product-nudge__icon {
  width: 36px;
  height: 36px;
  border-radius: 11px;
  color: #8ee8ff;
}

.aiq-product-nudge__copy {
  display: grid;
  min-width: 0;
  flex: 1 1 auto;
  gap: 3px;
}

.aiq-product-nudge__copy strong,
.aiq-product-nudge__copy small {
  display: block;
  min-width: 0;
}

.aiq-product-nudge__copy strong {
  font-size: 14px;
  line-height: 1.2;
}

.aiq-product-nudge__copy small {
  color: rgba(255, 255, 255, .78);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
}

.aiq-product-nudge__arrow {
  width: 30px;
  height: 30px;
  margin-left: auto;
  border-radius: 50%;
  font-size: 12px;
}

@media (max-width: 520px) {
  .ask-hkx-launcher.aiq-product-nudge {
    right: 14px;
    width: calc(100vw - 28px);
    padding: 8px 10px;
  }
}