/* HEADER SEARCH DROPDOWN - MEGA MENU STYLE */
.header-search-dropdown{
  position:relative;
  display:inline-block;
}
.header-search-dropdown__toggle{
  background:transparent;
  border:none;
  padding:0.5rem;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:opacity 0.2s;
}
.header-search-dropdown__toggle:hover{
  opacity:0.7;
}
.header-search-dropdown__icon{
  color:var(--color-text);
}
.header-search-dropdown .mega-menu__panel{
  position:fixed;
  left:0;
  right:0;
  top:100%;
  width:100%;
  margin:0;
  max-height:min(78vh,34rem);
  overflow:hidden;
  box-sizing:border-box;
  display:none;
  background:rgba(255,255,255,0.97);
  backdrop-filter:saturate(180%) blur(18px);
  -webkit-backdrop-filter:saturate(180%) blur(18px);
  border-bottom:1px solid var(--color-divider);
  box-shadow:0 20px 50px rgba(0,0,0,0.12);
  border-radius:0;
  z-index:100;
}
.header-search-dropdown--open .mega-menu__panel{
  display:grid;
  grid-template-columns:40% 60%;
  align-items:stretch;
}
body.search-dropdown-open #container{
  padding-top:300px !important;
  transition:padding-top 0.3s ease;
}
body:not(.search-dropdown-open) #container{
  transition:padding-top 0.3s ease;
}
.header-search-dropdown__aside{
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  padding:0.85rem 1.75rem 1.25rem clamp(1rem, 4vw, 2.5rem);
  border-right:1px solid #d2d2d7;
  background:#fff;
  box-sizing:border-box;
}
.header-search-dropdown__container{
  padding:0.85rem clamp(1rem, 4vw, 2.5rem) 1.25rem 1.75rem;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  box-sizing:border-box;
}
.header-search-dropdown__form fieldset{
  border:none;
  padding:0;
  margin:0;
}
.header-search-dropdown__main{
  margin-bottom:1.5rem;
  width:70%;
  max-width:600px;
  margin-top:2em;
  margin-left:auto;
  margin-right:auto;
}
.header-search-dropdown__input-wrapper{
  position:relative;
  margin-bottom:0;
}
.header-search-dropdown__widget{
  margin-top:2rem;
  padding-top:2rem;
 
}
.header-search-dropdown__input{
  width:100%;
  padding:0.875rem 3rem 0.875rem 2em !important;
  border:1px solid #d2d2d7;
  border-radius:12px;
  font-size:17px;
  font-family:inherit;
  transition:border-color 0.2s;
  background:#fff;
}
.header-search-dropdown__input:focus{
  outline:none;
  border-color:#d2d2d7;
}
.header-search-dropdown__input::placeholder{
  color:#86868b;
}
.header-search-dropdown__search-icon{
  position:absolute;
  left:0.75rem;
  top:50%;
  transform:translateY(-50%);
  color:#86868b;
  pointer-events:none;
}
.header-search-dropdown__clear{
  position:absolute;
  right:1rem;
  top:50%;
  transform:translateY(-50%);
  width:20px;
  height:20px;
  border-radius:50%;
  background:#86868b;
  border:none;
  cursor:pointer;
  display:none;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:14px;
  line-height:1;
  padding:0;
  transition:background 0.2s;
  z-index:10;
}
.header-search-dropdown__clear:hover{
  background:#6e6e73;
}
.header-search-dropdown__input:not(:placeholder-shown) ~ .header-search-dropdown__clear{
  display:flex;
}
.header-search-dropdown__submit{
  display:none;
}
.header-search-dropdown__advanced{
  display:block;
  margin-top:0.75rem;
  text-align:center;
  font-size:14px;
  color:var(--color-secondary);
  text-decoration:none;
}
.header-search-dropdown__advanced:hover{
  color:var(--color-link);
}
.header-search-dropdown__filters{
  display:flex;
  flex-direction:column;
  gap:0.5rem;
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid #d2d2d7;
}
.header-search-dropdown__filter-option{
  display:block;
  position:relative;
}
.header-search-dropdown__filter-option input[type="radio"]{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.header-search-dropdown__filter-option span{
  display:block;
  padding:0.25rem 0;
  font-size:15px;
  color:#86868b;
  background:transparent;
  cursor:pointer;
  transition:color 0.2s;
  user-select:none;
}
.header-search-dropdown__filter-option:hover span{
  color:#6e6e73;
}
.header-search-dropdown__filter-option input[type="radio"]:checked + span{
  color:#1d1d1f;
  font-weight:600;
}
.wai{
  position:absolute;
  left:-10000px;
  width:1px;
  height:1px;
  overflow:hidden;
}
/* Close button — domyślnie ukryty (na desktopie zamyka się przez toggle/outside-click) */
.header-search-dropdown__close{
  display:none;
}

/* MOBILE — wyszukiwarka pełnoekranowa, formularz wyśrodkowany */
@media screen and (max-width:640px){
  #search.header-search-dropdown .mega-menu__panel,
  #search .mega-menu__panel#header-search-field{
    position:fixed !important;
    inset:0 !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100vw !important;
    height:100vh !important;
    max-height:100vh !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:#fff !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    z-index:9999 !important;
    transform:none !important;
  }
  /* Otwarte — wymuszony display flex (nadpisz wszelkie display:none/grid) */
  #search.header-search-dropdown--open .mega-menu__panel,
  #search.header-search-dropdown.header-search-dropdown--open #header-search-field{
    display:flex !important;
    grid-template-columns:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:center !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  /* Logo (klon) na górze panelu wyszukiwarki — wycentrowany */
  .search-dropdown-logo{
    display:flex !important;
    justify-content:center;
    align-items:center;
    width:100%;
    padding:1rem 1rem 0.5rem;
    margin:0 !important;
    box-sizing:border-box;
    flex:0 0 auto;
  }
  .search-dropdown-logo .site-logo{
    display:inline-block;
    line-height:0;
  }
  .search-dropdown-logo .site-logo__img{
    max-height:2.25rem;
    width:auto;
    height:auto;
    display:block;
  }
  /* Lewa kolumna (aside) niewidoczna na mobile */
  .header-search-dropdown__aside{
    display:none;
  }
  .header-search-dropdown__container{
    padding:1.5rem;
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    overflow-y:auto;
  }
  .header-search-dropdown__form{
    width:100%;
    max-width:32rem;
  }
  .header-search-dropdown__main{
    width:100%;
    max-width:none;
    margin:0;
  }
  .header-search-dropdown__input{
    font-size:1.125rem;
    padding:1rem 3rem 1rem 2.5rem !important;
  }
  .header-search-dropdown__filters{
    align-items:center;
    text-align:center;
  }
  .header-search-dropdown__filter-option span{
    font-size:1rem;
    padding:0.5rem 0;
  }
  /* Reset paddingu kontenera narzucanego przez search-dropdown-open na desktopie */
  body.search-dropdown-open #container{
    padding-top:0 !important;
  }
  /* Zablokuj scroll body kiedy otwarte */
  body.search-dropdown-open{
    overflow:hidden;
  }
  /* Close button (X) w prawym górnym rogu */
  .header-search-dropdown__close{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:0.5rem;
    right:0.5rem;
    width:2.75rem;
    height:2.75rem;
    padding:0;
    margin:0;
    border:0;
    background:transparent;
    color:#1d1d1f;
    font-size:2rem;
    line-height:1;
    cursor:pointer;
    z-index:5;
  }
  .header-search-dropdown__close:hover,
  .header-search-dropdown__close:focus-visible{
    opacity:0.6;
    outline:none;
  }
}