/* IGFA Search Modes – minimal glue to fit Ignavo header search form.
   We intentionally reuse Ignavo classes as much as possible. */

/*
  NOTE:
  Ignavo's ajax-search.css provides the base styling for .klb-search-results.
  We only add small, scoped tweaks for our suggestion rows.
*/

.site-search-form .search-form {
  display: flex;
  align-items: stretch;
}

/* Make the mode dropdown compact and NEVER allow it to consume the whole form width.
   Scope very tightly so we don't affect other Select2 instances site-wide. */
.site-search-form .search-form select.igfa-search-mode {
  width: 190px;
  max-width: 220px;
  flex: 0 0 190px;
  height: 100%;
}

/* Select2 wrapper created right after our <select> */
.site-search-form .search-form select.igfa-search-mode + .select2 {
  width: 190px !important;
  max-width: 220px;
  flex: 0 0 190px;
  height: 100%;
}

.site-search-form .search-form select.igfa-search-mode + .select2 .select2-selection {
  height: 100%;
  border: 0;
  border-right: 1px solid var(--search-form-border);
  border-radius: 0;
  display: flex;
  align-items: center;
  background: transparent;
}

.site-search-form .search-form select.igfa-search-mode + .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1;
  padding-left: 12px;
  padding-right: 28px;
  font-size: 14px;
  color: var(--search-form-color);
}

.site-search-form .search-form select.igfa-search-mode + .select2.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  right: 8px;
}

/* Let the input occupy the remaining space */
.site-search-form .search-form input.search-input {
  flex: 1 1 auto;
  min-width: 0;
}

/* Fallback reset in case Ignavo ajax-search.css is not present for some reason */
.site-search-form .search-form .klb-search-results ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-search-form .search-form .klb-search-results li {
  list-style: none;
}

/* Allegro-like keyword suggestions (icon + phrase, with bold "next" token) */
.site-search-form .search-form .klb-search-results li.igfa-search-suggest,
.site-search-form .search-form .klb-search-results li.igfa-search-vehicle {
  display: flex;
  align-items: center;
  gap: 10px;
}

.site-search-form .search-form .klb-search-results li.igfa-search-suggest .search-img,
.site-search-form .search-form .klb-search-results li.igfa-search-vehicle .search-img {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: .65;
  flex: 0 0 32px;
}

.site-search-form .search-form .klb-search-results li.igfa-search-suggest .product-title,
.site-search-form .search-form .klb-search-results li.igfa-search-vehicle .product-title {
  margin: 0;
  font-size: 14px;
  line-height: 1.25;
}

.site-search-form .search-form .klb-search-results li.igfa-search-suggest .product-title a,
.site-search-form .search-form .klb-search-results li.igfa-search-vehicle .product-title a {
  text-decoration: none;
  display: inline-block;
}

.site-search-form .search-form .klb-search-results li.igfa-search-suggest strong {
  font-weight: 700;
}

.site-search-form .search-form .klb-search-results li.igfa-search-section {
  padding: 8px 12px;
  font-size: 12px;
  opacity: .6;
  text-transform: uppercase;
}

.site-search-form .search-form .klb-search-results li.igfa-search-section .igfa-search-section__title {
  display: block;
}

/* =========================================================
   Allegro-like polish (Stage 1.2)
   - two-line vehicle rows
   - subtle chevron
   - softer section header
   ========================================================= */

.site-search-form .search-form .klb-search-results li.igfa-search-section {
  text-transform: none;
  opacity: .75;
  font-weight: 600;
  padding: 10px 8px 6px;
}

.site-search-form .search-form .klb-search-results li.igfa-search-vehicle,
.site-search-form .search-form .klb-search-results li.igfa-search-suggest {
  cursor: pointer;
}

.site-search-form .search-form .klb-search-results li.igfa-search-vehicle:hover,
.site-search-form .search-form .klb-search-results li.igfa-search-suggest:hover {
  background: #f6f7f9;
  border-radius: 8px;
}

.site-search-form .search-form .klb-search-results li.igfa-search-vehicle .product-title a {
  display: block;
}

.site-search-form .search-form .klb-search-results .igfa-veh-line2 {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.2;
  color: #6b7280;
}

.site-search-form .search-form .klb-search-results .igfa-veh-model {
  color: #ff5a00;
  text-decoration: underline;
  text-decoration-color: #ff5a00;
  text-underline-offset: 2px;
}

.site-search-form .search-form .klb-search-results .igfa-veh-cta {
  opacity: .7;
}

.site-search-form .search-form .klb-search-results .igfa-veh-cta svg {
  display: inline-block;
  vertical-align: middle;
}

.site-search-form .search-form .klb-search-results li.igfa-search-suggest--after-vehicles {
  margin-top: 4px;
}

/* =========================================================
   Active vehicle banner in dropdown (Allegro-like)
   ========================================================= */
.site-search-form .search-form .klb-search-results li.igfa-active-veh{
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 0 4px;
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
}

.site-search-form .search-form .klb-search-results .igfa-active-veh__btn{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 10px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  background: rgba(0,103,178,.08);
  border-radius: 10px;
  color: #111;
  text-decoration: none;
}

.site-search-form .search-form .klb-search-results .igfa-active-veh__icon{
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: .85;
}

.site-search-form .search-form .klb-search-results .igfa-active-veh__label{
  font-size: 12px;
  opacity: .75;
}

.site-search-form .search-form .klb-search-results .igfa-active-veh__value{
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

.site-search-form .search-form .klb-search-results .igfa-active-veh__change{
  margin-left: auto;
  font-size: 12px;
  font-weight: 600;
  color: #0067b2;
  text-decoration: underline;
  text-underline-offset: 2px;
  opacity: .95;
}

/* =========================================================
   Search results H1 (in content)
   ========================================================= */
.igfa-search-header{
  margin: 0 0 14px;
}

.igfa-search-header .page-title{
  margin: 0 0 6px;
}

/* =========================================================
   OE mode: czesc results block
   ========================================================= */
.igfa-oe-czesc{
  margin: 8px 0 18px;
}

.igfa-oe-czesc__title{
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
}

.igfa-czesc-card__code{
  display: block;
  font-size: 12px;
  opacity: .75;
  margin-top: 2px;
}

.igfa-search-header__veh{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  opacity: .8;
}

.igfa-search-header__veh svg{
  width: 18px;
  height: 18px;
  opacity: .85;
}


/* OE mode (search by OE/OEM number): keep UX focused, hide sidebar filters/categories */
body.igfa-search-mode-oe #secondary,
body.igfa-search-mode-oe .secondary-column { display: none !important; }
body.igfa-search-mode-oe .site-filter-button,
body.igfa-search-mode-oe .site-drawer.filter-drawer { display: none !important; }
body.igfa-search-mode-oe #primary,
body.igfa-search-mode-oe .primary-column { width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important; }


/* CZESC card badges (Exchange/Classic/Regenerowany) – minimal, scoped */
.igfa-czesc-card .product-badge{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:flex-start;
}

.igfa-czesc-card .schemat-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:2px 8px;
  border-radius:999px;
  font-size:12px;
  line-height:18px;
  font-weight:700;
  letter-spacing:.2px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(0,0,0,.04);
  color:#222;
  user-select:none;
  cursor:help;
}

.igfa-czesc-card .schemat-badge--exchange{
  background: rgba(16, 185, 129, .10);
  border-color: rgba(16, 185, 129, .25);
  color: #065f46;
}

.igfa-czesc-card .schemat-badge--classic{
  background: rgba(59, 130, 246, .10);
  border-color: rgba(59, 130, 246, .25);
  color: #1e3a8a;
}

.igfa-czesc-card .schemat-badge--regen{
  background: rgba(245, 158, 11, .10);
  border-color: rgba(245, 158, 11, .25);
  color: #92400e;
}

/* =========================================================
   Search facets panel (OpenSearch) – catalogsearch (mode=name)
   ========================================================= */


.igfa-search-facets{
  margin: 14px 0 18px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  background: #fff;
}

/* Sidebar integration (Ignavo): render facets as a normal filter widget column. */
body.igfa-search-mode-name #secondary .igfa-search-facets{
  margin: 0 0 16px;
  border-radius: 14px;
}
body.igfa-search-mode-name #secondary .igfa-search-facets__grid{
  grid-template-columns: 1fr;
}
body.igfa-search-mode-name #secondary .igfa-facet__list{
  max-height: 340px;
  overflow: auto;
}

.igfa-search-facets__inner{
  padding: 12px 12px;
}

.igfa-search-facets__active{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.igfa-search-facets__active-title{
  font-size: 13px;
  font-weight: 600;
  opacity: .85;
  margin-right: 6px;
}

.igfa-search-facets__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.igfa-chip{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,103,178,.10);
  color: #0f172a;
  text-decoration: none;
  font-size: 12px;
}
.igfa-chip span{ opacity: .8; }

.igfa-search-facets__clear{
  margin-left: auto;
  font-size: 12px;
  text-decoration: none;
  opacity: .8;
}

.igfa-search-facets__grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1.6fr;
  gap: 12px;
}

.igfa-facet{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 10px;
  padding: 10px;
  min-width: 0;
}

.igfa-facet__title{
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 700;
}

.igfa-facet__list{
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 240px;
  overflow: auto;
  padding-right: 4px;
}

.igfa-facet__item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 6px 8px;
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  border: 1px solid rgba(0,0,0,.06);
  background: #fff;
}

.igfa-facet__item:hover{
  background: #f6f7f9;
}

.igfa-facet__item.is-active{
  border-color: rgba(0,103,178,.45);
  background: rgba(0,103,178,.08);
}

.igfa-facet__label{
  font-size: 12px;
  line-height: 1.2;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.igfa-facet__count{
  font-size: 12px;
  opacity: .7;
  flex: 0 0 auto;
}

.igfa-attrs{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.igfa-attr{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}

.igfa-attr__head{
  padding: 8px 10px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  list-style: none;
}

.igfa-attr__head::-webkit-details-marker{ display:none; }

.igfa-attr__body{
  padding: 8px 10px 10px;
}

.igfa-attr__op{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  margin-bottom: 8px;
  opacity: .9;
}

.igfa-attr__op a{
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  text-decoration: none;
  color: inherit;
}

.igfa-attr__op a.is-active{
  border-color: rgba(0,103,178,.45);
  background: rgba(0,103,178,.08);
}

.igfa-facet__list--vals{ max-height: 180px; }

@media (max-width: 980px){
  .igfa-search-facets__grid{ grid-template-columns: 1fr; }
  .igfa-facet__list{ max-height: 180px; }
}


/* No-results state on /catalogsearch/: do not show empty filter chrome/sidebar. */
body.igfa-search-no-results #secondary,
body.igfa-search-no-results .secondary-column,
body.igfa-search-no-results .site-drawer.filter-drawer,
body.igfa-search-no-results .igfa-search-facets,
body.igfa-search-no-results .widget_price_filter,
body.igfa-search-no-results .widget_rating_filter,
body.igfa-search-no-results [class*="woocommerce_layered_nav"],
body.igfa-search-no-results [class*="layered-nav"],
body.igfa-search-no-results [class*="brand"] .widget {
  display: none !important;
}

body.igfa-search-no-results .site-filter-button,
body.igfa-search-no-results .filter-button,
body.igfa-search-no-results .mobile-filter-button {
  display: none !important;
}

body.igfa-search-no-results #primary,
body.igfa-search-no-results .primary-column,
body.igfa-search-no-results .content-area {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
}