@keyframes prkSpin { from{transform:rotate(0)} to{transform:rotate(360deg)} }

[data-prk-search-loading].is-rotating,
[data-prk-search-loading].is-rotating svg,
[data-prk-search-loading].is-rotating img,
[data-prk-search-loading].is-rotating i{
  animation: prkSpin 1s linear infinite;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/*
 * Search results are rendered beside the form and can inherit a light header
 * color (notably from the legacy Mobit wrapper). Keep the white results panel
 * readable while leaving Elementor's per-widget controls authoritative.
 */
:where(.elementor-widget-prk-header-searchbox, .prk-header-searchbox-mobile-modal)
:where(.main_results_ajax_search, [data-prk-search-results]) {
  color: #424750;
}

:where(.elementor-widget-prk-header-searchbox, .prk-header-searchbox-mobile-modal)
:where(.main_results_ajax_search, [data-prk-search-results])
:where(a) {
  color: inherit;
}

:where(.elementor-widget-prk-header-searchbox, .prk-header-searchbox-mobile-modal)
:where(.prk-search-product-title) {
  color: #232933;
}

/*
 * Swiper receives the actual responsive width from slidesPerView. These
 * semantic classes remove the old Tailwind-only minimum width that could make
 * a single result occupy the full panel.
 */
:where(.prk-search-product-slide),
:where(.prk-search-product-card) {
  min-width: 0;
}

:where(.prk-search-product-card) {
  width: 100%;
}
.prk-search-product-title{
    font-family: var(--prk-font-family) !important;
}