/**
 * Joosta shortcode styles.
 */

.joosta-search-overlay-none.joosta-search-layout-classic .joosta-search-form {
  display: block !important;
  position: relative !important;
  width: 100%;
  max-width: 100%;
}

.joosta-search-form.joosta-search-form--dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  display: none;
  z-index: 10000;
  min-width: min(100%, 320px);
  max-width: min(100%, 480px);
  width: max(300px, 90vw);
}

.joosta-search-overlay-dropdown.joosta-search-open:not(.joosta-search-bar-mode) .joosta-search-form--dropdown {
  display: block !important;
}

.joosta-search-shortcode-wrapper {
  width: 100%;
  max-width: 100%;
}

.joosta-search-shortcode-wrapper .joosta-search-overlay-none.joosta-search-layout-classic .joosta-search-suggestions {
  position: absolute !important;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 6px;
}

[dir="rtl"] .joosta-search-wrapp:not(.joosta-search-bar-mode) .joosta-search-form.joosta-search-form--dropdown {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

/* Form presets on wrapp (admin shortcode_form_style_preset) */
.joosta-search-shortcode-wrapper .joosta-search-wrapp[class*="joosta-form-preset-"] .joosta-search-sf-wrapp {
  width: 100%;
  max-width: 100%;
}

/* ui_theme is light|dark only — no OS auto mode on frontend */

/* Bar mode (desktop): inline search field — override dropdown popup positioning */
.joosta-search-shortcode-wrapper .joosta-search-wrapp.joosta-search-bar-mode,
.joosta-header-search-widget .joosta-search-wrapp.joosta-search-bar-mode {
  display: block;
  width: 100%;
  max-width: 100%;
}

.joosta-search-wrapp.joosta-search-bar-mode .joosta-search-form,
.joosta-search-wrapp.joosta-search-bar-mode .joosta-search-form.joosta-search-form--dropdown {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  margin: 0;
  box-shadow: none;
  border: none;
  background: transparent;
}

.joosta-search-wrapp.joosta-search-bar-mode .joosta-search-suggestions {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
  width: 100% !important;
  max-height: var(--joosta-results-max-height, 60vh) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  box-shadow: var(--joosta-card-shadow, 0 10px 30px rgba(15, 23, 42, 0.08));
  border: 1px solid var(--joosta-input-border, #e2e8f0);
  border-radius: var(--joosta-card-radius, 16px);
}

.joosta-search-wrapp.joosta-search-bar-mode .joosta-search-close-suggestions {
  top: 8px;
  inset-inline-end: 8px;
  inset-inline-start: auto;
}

[dir="rtl"] .joosta-search-wrapp.joosta-search-bar-mode .joosta-search-close-suggestions {
  inset-inline-end: 8px;
  inset-inline-start: auto;
}