/**
 * Hipopo — CookieYes (Cookie Law Info) + UserWay + legacy a11y toolbar overrides.
 * Brand: aqua #4AF0F2, navy #12343b — aligned with homepage v5.
 */

/* ── Cookie banner (CookieYes / CLI) ── */
#cookie-law-info-bar,
.cky-consent-container,
.cky-consent-bar,
.cli-bar-container {
  font-family: "Assistant", "Heebo", system-ui, sans-serif !important;
  direction: rtl !important;
  text-align: right !important;
  background: linear-gradient(165deg, #12343b 0%, #0a1f28 100%) !important;
  border-top: 3px solid #4af0f2 !important;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.28) !important;
}

#cookie-law-info-bar .cli-bar-message,
.cky-consent-bar p,
.cky-title,
.cky-notice-des,
.cky-notice-des *,
.cky-consent-bar .description,
.cky-preference-body,
.cky-accordion-header-des {
  color: #e8fcfd !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
}

.cky-title,
#cookie-law-info-bar .cli-bar-title {
  color: #4af0f2 !important;
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  margin-bottom: 0.35rem !important;
}

.cky-consent-bar .cky-notice-btn-wrapper,
#cookie-law-info-bar .cli-bar-btn_container {
  gap: 0.5rem !important;
  flex-wrap: wrap !important;
}

#cookie-law-info-bar .cli-bar-btn,
.cky-btn-accept,
.cky-btn-reject,
.cky-btn-customize,
.cli-plugin-button,
.cli_settings_button,
.cky-btn-preferences {
  font-family: "Assistant", "Heebo", system-ui, sans-serif !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  padding: 0.55rem 1.15rem !important;
}

.cli-plugin-button.cli-plugin-main-button,
.cky-btn-accept,
#cookie_action_close_header {
  background: #017aa8 !important;
  border-color: #017aa8 !important;
  color: #fff !important;
}

.cli-plugin-button:not(.cli-plugin-main-button),
.cky-btn-reject,
.cky-btn-customize,
.cky-btn-preferences {
  background: transparent !important;
  color: #4af0f2 !important;
  border: 2px solid rgba(74, 240, 242, 0.45) !important;
}

.cky-btn-customize:hover,
.cky-btn-reject:hover,
.cli-plugin-button:hover {
  opacity: 0.92;
}

#cookie-law-info-again,
.cky-switch input:checked + span {
  background-color: #4af0f2 !important;
}

.cky-preference-center,
.cky-modal {
  font-family: "Assistant", "Heebo", system-ui, sans-serif !important;
  direction: rtl !important;
}

/* Hide cookie revisit floater after consent — banner only on first visit */
#cookie-law-info-again,
.cky-btn-revisit-wrapper,
.cky-revisit-bottom-left,
.cky-revisit-bottom-right,
.cky-btn-revisit,
a.cky-btn-revisit {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* WhatsApp float — clear Hipopo mobile bottom bar + thumb zone */
@media (max-width: 1023px) {
  body.hipopo-v5-page .qlwapp,
  body.hipopo-v5-page .qlwapp__container,
  body.hipopo-v5-page .qlwapp-middle-right,
  body.hipopo-v5-page .qlwapp-middle-left,
  body.hipopo-v5-page .qlwapp-free,
  body.hipopo-v5-page .qlwapp-free .qlwapp-container {
    bottom: calc(8.75rem + env(safe-area-inset-bottom)) !important;
    z-index: 160 !important;
  }
}

@media (max-width: 767px) {
  body.hipopo-v5-page .qlwapp,
  body.hipopo-v5-page .qlwapp__container,
  body.hipopo-v5-page .qlwapp-middle-right,
  body.hipopo-v5-page .qlwapp-middle-left,
  body.hipopo-v5-page .qlwapp-free,
  body.hipopo-v5-page .qlwapp-free .qlwapp-container {
    bottom: calc(10.25rem + env(safe-area-inset-bottom)) !important;
  }
}

/* ── UserWay widget (after account connected in WP admin) ── */
#userwayAccessibilityIcon,
.uwy img,
.uwy button {
  z-index: 180 !important;
}

/* Legacy One Click / Pojo toolbar (if used on other pages) */
#pojo-a11y-toolbar,
.pojo-a11y-toolbar-right,
.hipopo-a11y-widget {
  direction: rtl !important;
  font-family: "Assistant", "Heebo", system-ui, sans-serif !important;
  z-index: 180 !important;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-title {
  font-weight: 800 !important;
}

/* Don't clash with Hipopo mobile bottom bar + WhatsApp */
@media (max-width: 1023px) {
  body.hipopo-v5-page #userwayAccessibilityIcon,
  body.hipopo-v5-page .uwy {
    bottom: calc(13.5rem + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 767px) {
  body.hipopo-v5-page #userwayAccessibilityIcon,
  body.hipopo-v5-page .uwy {
    bottom: calc(15rem + env(safe-area-inset-bottom)) !important;
  }
}