/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1731920498
Updated: 2024-11-18 10:01:38

*/
/* .nck-main-nav.sticky {
  position: fixed;
  width: 100%;
  z-index: 9999;
  top: 0;
} */

p, span {
  text-wrap: balance!important;
  max-inline-size: 74ch;
}

div[data-elementor-type="header"] {
  position: sticky!important;
  top: 0;
  z-index: 9999!important;
  transition: transform 0.3s ease-in-out;
}


#post-list {
  gap: 32px;
  display: flex;
  flex-direction: column;
}

.page-id-866 .elementor-loop-container .e-loop-item:last-child div {
  border: none;
}

.more_content {
  max-height: 130px;
  overflow: hidden;
  transition: all 1s ease;
}

.more_button a {
  cursor: pointer;
}

.foreto_contact_form label {
  padding-left: 16px !important;
}

body.contrast {
  /* Podstawowe kolory */
  background-color: black !important;
  color: white !important;
  --e-global-color-text: white !important;
  --e-global-color-primary: white !important;
  --e-global-color-secondary: white !important;
  --n-accordion-title-active-color: white !important;
}

/* Elementy potomne */
/* body.contrast * {
  background-color: black !important;
  color: white !important;
  border-color: white !important;
} */

body.contrast .elementor-location-footer img,
body.contrast .elementor-location-header img {
  filter: brightness(0) invert(1);
}


/* Linki */
body.contrast a,
body.contrast a:hover,
body.contrast a:focus,
body.contrast a:visited {
  color: white !important;
  background-color: transparent !important;
}

/* menu button */
body.contrast .menu-button span {
  background-color: white !important;
}

body.contrast #menu_button {
  border: 1px solid white !important;
}

body.contrast .latest-post-card:hover {
  background-color: #333 !important;
}

body.contrast figcaption {
 color: white !important;
}


body.contrast .latest-post-card span,
body.contrast .latest-post-card p,
body.contrast .latest-post-card .post-date {
  color: white !important;
}

body.contrast .latest-post-card .post-description {
  color: white !important;
}

body.contrast .latest-post-card .post-date-icon svg path {
  fill: white !important;
}

body.contrast form .elementor-field-type-html,
body.contrast form .elementor-field-type-html span,
body.contrast .elementor-icon-list-text span,
body.contrast .elementor-icon-list-item span,
body.contrast post-list .icon-text-wrapper span.icon-text-content,
body.contrast .custom-slide-title,
body.contrast .custom-slide-description > *,
body.contrast .accordion-header > * {
  color: white !important;
}

body.contrast .jet-checkboxes-list__label,
body.contrast .calendar-navigation span {
  color: black !important;
}
/* Przyciski */
body.contrast button,
body.contrast .elementor-button,
body.contrast input[type="button"],
body.contrast input[type="submit"] {
  background-color: black !important;
  color: white !important;
  border: 1px solid white !important;
}

/* Hover states */
body.contrast button:hover,
body.contrast .elementor-button:hover,
body.contrast .foreto_white_bg_desktop:hover,
body.contrast .foreto_white_bg_tablet:hover {
  color: white !important;
}

body.contrast a:hover {
  outline: 1px solid white;
  outline-offset: 2px;
  color: white !important;
}
/* Inputy i pola formularzy */
body.contrast input,
body.contrast textarea,
body.contrast select {
  background-color: black !important;
  color: white !important;
  border-color: white !important;
}

/* SVG i ikony */
body.contrast svg,
body.contrast svg path,
body.contrast i {
  stroke: white !important;
  color: white !important;
}

/* Elementy Elementora */
body.contrast .elementor-widget-container,
body.contrast .elementor-background-overlay,
body.contrast .elementor-column-wrap {
  background-color: black !important;
}

/* Menu i nawigacja */
body.contrast .foreto_menu_container,
body.contrast .elementor-nav-menu,
body.contrast .elementor-menu-toggle {
  background-color: black !important;
}

/* Karty i boksy */
body.contrast .elementor-card,
body.contrast .elementor-widget-wrap,
body.contrast .elementor-element {
  background-color: black !important;
}

/* Styling for the button */
/* Styling for the button container */
.menu-button {
  display: inline-block;
  cursor: pointer;
  width: 23px; /* Button width */
  height: 8px; /* Max height */
  position: relative;
  transition: transform 0.3s ease;
}

/* Styling for the lines */
.menu-button span {
  display: block;
  width: 23px; /* Line width */
  height: 2px; /* Line height */
  background-color: black; /* Line color */
  position: absolute;
  left: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border-radius: 1px; /* Optional: rounded ends */
}

/* First line (top) */
.menu-button span:nth-child(1) {
  top: 0; /* Position at the top */
}

/* Second line (bottom) */
.menu-button span:nth-child(2) {
  bottom: 0; /* Position at the bottom */
}

/* Open state: Transform to 'X' */
.menu-button.open span:nth-child(1) {
  transform: rotate(45deg);
  top: 3px; /* Center it */
}

.menu-button.open span:nth-child(2) {
  transform: rotate(-45deg);
  bottom: 3px; /* Center it */
}

.w-fit {
  width: fit-content !important;
}

.jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control.active-tab {
  border-radius: 0px 0px 0px 0px;
  width: fit-content;
}

.foreto_items_grid .page-numbers {
  aspect-ratio: 1/1;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
  margin: 0px !important;
}
.foreto_items_grid .page-numbers.current {
  background-color: #dbdee3;
}
.foreto_items_grid .page-numbers:hover {
  background-color: #dbdee3;
}
.foreto_items_grid .elementor-pagination {
  display: flex;
  gap: 2px;
  align-items: center;
  justify-content: center;
}

.clickable-day.active div {
  background-color: #0073aa; /* Highlight color */
  color: #ffffff; /* Text color */
  font-weight: bold;
  cursor: pointer;
}

.clickable-day:hover div {
  background-color: #005a8c; /* Hover effect for clickable days */
  color: #ffffff;
}

.jet-search-filter__input-wrapper:after {
  border-radius: 100%;
  width: 20px;
  height: 20px;
  background-color: white;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGiSURBVHgBrZNNTsJQEMdnXkv8WOHOZU0kBGMiNxAWJqBCqqJb4QQcAVy5RE+AbP2IVYmy5Ai4MIaERI7QhYks2jdOKZjWgoDhv2nfy+T3Zv4zAzAn4e+LhK6Hl6VaJMA8AGmDaxOJDElYa9Rvm6NAwnvYy56cLkn1QxIkSFKBhLX2JawVFJiUCMjfajqTq/yZUXr/SAcOJAkH415N6bqGUr1Hwtbz000hkJETAEJUgLMYB3HUMIzugrCShJBIcfYBEFpKmVA2X+p3BkyQYRimUzYClQMgLmkLbKzBlHKzpvCOfhz3gwDivU+rBbOpq9gQAM0uAtN7HILMUDikwSxC1ICo6wMRwIMiSZ+W0e8ye+TtsJuRhCseqKIbMEUy/S6Tr8N90KALNWfYJsF2s7kSz9w2oH3mvVeGP532eyMSjcWQ1PP16KbZab+9gq+cXCIS2ajyLjgWrAKpLW9MYGlTmcM8olJyPGDz3JFwjOUze3nZE9bFoi10Xrwqgcg3Hq9rI0E/JfCwkSU19oKBottTrVaTp9r/oB/2bzmwdDZHME99AxR4r5wfb806AAAAAElFTkSuQmCC);
  position: absolute;
  background-repeat: no-repeat;
  content: "";
  background-position: center;
  left: 0;
  top: 50%;
  display: block;
  transform: translate(10px, -50%);
}
.jet-search-filter__input-clear:after {
  border-radius: 100%;
  width: 20px;
  height: 20px;
  background-color: white;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADJSURBVHgBfZE7DsIwDIbjhANwCAQMHIKxiIJ4iZVyMjIi8VYr0WPAgHioA9yAE9TkX1BJEzwl9vdb9m8KwkmbBFePyWYv/kQnHA9Y0FsCFpJ2QX8688Fd1AwDVmWP661Wb76IhK41Ws/sfjnbcC5yzUzzNFkvFZJGdHKJfuB4pZGjYregN4qI5IKFjNDJhkuCoghvG0ZIW6Cowt8PEZfqvgXNQAeXEcrphhnDZ4TyueFzj3BBHMW1YMmInIcS58bDByPSeKvBgP0AuyqU+cbonXsAAAAASUVORK5CYII=);
  position: absolute;
  background-repeat: no-repeat;
  content: "";
  background-position: center;
  left: 50%;
  top: 50%;
  display: block;
  transform: translate(-50%, -50%);
}
.wystawy_search_input {
  max-width: 292px !important;
  width: 100% !important;
  opacity: 0;
  transition: opacity 0.3s ease; /* Adjust duration as needed */
}
#wystawy_search_trigger {
  cursor: pointer;
}
.elementor-widget-jet-smart-filters-select {
  max-width: 362px !important;
}
.full_select {
  width: 100% !important;
  max-width: 362px !important;
}

#elementor-popup-modal-362 .dialog-widget-content,
#elementor-popup-modal-540 .dialog-widget-content {
  bottom: 0px !important;
}
.foreto_full_rounded a {
  border-radius: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.elementor-widget-jet-smart-filters-select {
  max-width: 150px !important;
  width: 100% !important;
}
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-position: calc(100% - 5px);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAXklEQVQ4jWNgGAUjE6gBsToR6tShagmCw0D8CYit8aixhqo5TIyBVlDFuAy1RpK3IsZAmKEfgfgLEDtgsQwkbk+sYbgMpcgwGED2Hr5gINtQig2DAXUG4pLSKBgRAAB/OBmP8OpcnAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
}


.jet-filter-items-dropdown__label:after {
  content: "" !important;
  width: 20px !important;
  height: 20px !important;
  border: none !important;
  background-position: center;  /* zmienione z calc(100% - 5px) na center */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAXklEQVQ4jWNgGAUjE6gBsToR6tShagmCw0D8CYit8aixhqo5TIyBVlDFuAy1RpK3IsZAmKEfgfgLEDtgsQwkbk+sYbgMpcgwGED2Hr5gINtQig2DAXUG4pLSKBgRAAB/OBmP8OpcnAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  transform-origin: center center;  /* dodane center center */
  position: absolute;  /* dodane */
  right: 5px;  /* dodane */
  top: 50%;  /* dodane */
  transform: translateY(-50%);  /* dodane */
}

.jet-dropdown-open .jet-filter-items-dropdown__label:after {
  transform: translateY(-50%) rotate(180deg);  /* dodane translateY do zachowania centrowania */
}


.elementor-widget-theme-post-featured-image a {
  width: 100%;
}
.foreto_logo_svg svg {
  height: fit-content !important;
}
.foreto_white_bg_desktop:hover {
  background: white;
}
.foreto_white_bg_tablet:hover {
  background: white;
}
.foreto_fit_container {
  width: fit-content !important;
}

.foreto_hero_carousel img {
  height: 660px;
  object-fit: cover;
}

.foreto_hero_carousel .elementor-swiper-button-prev {
  left: unset !important;
  right: 80px;
  background: #151618;
  padding: 10px;
  border-radius: 100%;
  bottom: 25px;
  top: unset !important;
}

.foreto_hero_carousel .elementor-swiper-button-next {
  right: 25px !important;
  background: #151618;
  padding: 10px;
  border-radius: 100%;
  bottom: 25px;
  top: unset !important;
}

.foreto_scroll_to_top a {
  width: 40px !important;
  height: 40px !important;
  opacity: 0;
}
.foreto_hero_carousel img {
  object-fit: cover;
  width: 100% !important;
}

.single-wystawa .wp-block-heading,
.single-post .wp-block-heading {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
}

.single-wystawa .elementor-widget-theme-post-content p,
.single-post .elementor-widget-theme-post-content p {
  font-family: "Open Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem;
}

.single-wystawa .wp-block-separator,
.single-post .wp-block-separator {
  border-top: 1px solid #dbdee3;
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.wp-block-audio {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dbdee3;
}
audio::-webkit-media-controls-panel {
  background: #dbdee3;
}
.wp-block-audio audio {
  width: 100%;
}
.single-wystawa .wp-block-group p,
.single-post .wp-block-group p {
  font-family: "Open Sans";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
}
.single-wystawa .wp-block-group,
.single-post .wp-block-group {
  margin-top: 30px;
}

.single-wystawa .wp-block-group.wp-container-core-group-is-layout-1,
.single-post .wp-block-group.wp-container-core-group-is-layout-1 {
  margin-top: 0px;
}

.single-wystawa .wp-block-file,
.single-post .wp-block-file {
  border: 1px solid #c3c6cb;
  padding: 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s ease;
}
.single-wystawa .wp-block-file:hover,
.single-post .wp-block-file:hover {
  background-color: white;
}
.single-wystawa .wp-block-file:before,
.single-post .wp-block-file:before {
  background-image: url("/wp-content/uploads/2024/11/file.png");
  position: absolute;
  left: 16px;
  top: 50%;
  content: "";
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(-50%);
  background-size: contain;
}

.single-wystawa .wp-block-file a:first-child,
.single-post .wp-block-file a:first-child {
  margin-left: 56px;
}
.single-wystawa .wp-block-file a,
.single-wystawa .wp-block-file a:hover,
.single-post .wp-block-file a,
.single-post .wp-block-file a:hover {
  color: var(--e-global-color-text);
  font-family: "Open Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem;
}

.single-wystawa .wp-block-file .wp-element-button,
.single-wystawa .wp-block-file .wp-element-button:hover,
.single-post .wp-block-file .wp-element-button,
.single-post .wp-block-file .wp-element-button:hover {
  background-color: var(--e-global-color-accent);
  color: var(--e-global-color-a3813ea);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-style: normal;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.wystawa_galeria .elementor-swiper-button-next {
  top: -36px !important;
}
.wystawa_galeria .elementor-swiper-button-prev {
  top: -36px !important;
  right: 65px !important;
  left: unset !important;
}

.wystawa_galeria .elementor-swiper-button {
  transition: 0.3s ease;
  border-radius: 1000px 1000px 1000px 1000px;
  padding: 6px 6px 6px 6px;
}
.wystawa_galeria .elementor-swiper-button:hover {
  background-color: #dbdee3;
}

.wystawa_galeria .swiper-image-stretch .swiper-slide .swiper-slide-image {
  width: 100%;
  height: 406px;
  object-fit: cover;
}

@media only screen and (min-width: 1025px) {
  .foreto_sticky_container {
    position: relative;
  }

  .foreto_sticky_image {
    position: sticky !important;
    top: 40px !important;
    height: fit-content !important;
  }
}

.foreto_menu_container {
  top: 124px;
  position: absolute !important;
  height: calc(100vh - 124px) !important;
  opacity: 0;
  transition: all 0.3s ease !important;
  pointer-events: none !important;
}

.foreto_menu_container.show {
  opacity: 100;
  pointer-events: all !important;
}

.foreto_menu_container.show::after {
  position: absolute;
  top: 0px;
  content: "";
  height: 1px;
  width: calc(100vw - 80px);
  max-width: 1440px;
  background: #DBDEE3;
  left: 50%;
  transform: translateX(-50%);
}


.foreto_menu_container > div:first-child {
  overflow-y: auto !important;
}

@media only screen and (max-width: 1024px) {
  .foreto_menu_container {
    top: 114px;
    height: calc(100vh - 114px) !important;
  }
}

@media only screen and (max-width: 768px) {
  .foreto_menu_container {
    top: 188px;
    height:  auto!important;
    max-height: calc(100vh - 188px) !important;
    opacity: 0;
    transition: all 0.3s ease !important;
    z-index: 100 !important;
  }

  .foreto_menu_container.show::after {
    width: calc(100vw - 40px);
  }

  .foreto_menu_container a {
    text-align: right !important;
  }
}

@media only screen and (max-width: 768px) {

  .w-fit-mobile {
    width: fit-content !important;
  }
  .foreto_hero_carousel .elementor-swiper-button-prev,
  .foreto_hero_carousel .elementor-swiper-button-next {
    display: none !important;
  }
  .foreto_full_rounded a {
    border-radius: 100%;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 37px;
    width: 37px;
  }
}

.calendar-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  padding-bottom: 20px;
  border-bottom: 1px solid #494e54;
}

.calendar-navigation button {
  background-color: transparent !important;
  border: none !important;
  font-size: 1.25rem !important;
  cursor: pointer !important;
  padding: 3px !important;
  color: #000 !important;
  height: 1.875rem !important;
  width: 1.875rem !important;
}

.calendar-navigation span {
  text-align: center;
  font-family: Outfit;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

#wp-calendar {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  table-layout: fixed;
}

#wp-calendar th {
  color: #0a0b0c;
  padding: 10px;
  font-size: 1rem;
  font-weight: normal;
}

#wp-calendar td {
  padding: 10px;
  color: #0a0b0c;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

#wp-calendar td.empty {
  background-color: transparent;
  cursor: default;
}

#wp-calendar td.clickable-day div {
  border-radius: 100%;
  width: 42px !important;
  height: 42px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

#wp-calendar td.clickable-day:hover div {
  background-color: #0a0a0a;
  color: #fff;
}

#wp-calendar td.clickable-day.active div {
  background-color: #0a0a0a;
  color: #fff;
}

#wp-calendar tbody tr td {
  vertical-align: middle;
  text-align: -webkit-center;
}

#wp-calendar tbody tr td:not(.empty) {
  font-size: 1rem;
}

#wp-calendar {
  border: none !important; /* Usuń główną ramkę tabeli */
}

#wp-calendar th,
#wp-calendar td {
  border: none !important; /* Usuń ramki komórek */
  width: 42px !important; /* Szerokość komórki */
  height: 42px !important; /* Wysokość komórki, równa szerokości */
  aspect-ratio: 1/1 !important;
  text-align: center; /* Wyrównaj tekst do środka */
  vertical-align: middle; /* Wyśrodkuj tekst w pionie */
  padding: 0 !important;
}

#wp-calendar table tbody > tr:nth-child(odd) > td,
#wp-calendar table tbody > tr:nth-child(odd) > th {
  background-color: transparent !important;
}

table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th,
table tbody tr:hover td {
  background-color: transparent;
}

.shortcode_calendar_container .elementor-shortcode {
  width: 100% !important;
  min-width: 300px !important;
  background-color: #dbdee3;
  padding: 20px;
}

.shortcode_calendar_container {
  min-width: 300px !important;
}

@media only screen and (max-width: 768px) {

 
  #navigation-container.search-active .elementor-widget-polylang-language-switcher,
  #navigation-container.search-active .menu-modal-open-button {
    display: none !important;
  }

  #navigation-container.search-active .elementor-widget-search-icon .elementor-widget-container {
   margin: 0 !important;
  }

 

}




/* #search */

/* #search */
.foreto-search {
  position: relative;
}

.foreto-search__container {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

/* Animacje */
@keyframes wrapperExpand {
  0% {
      width: var(--button-size, 44px);
      margin-left: auto;
  }
  30% {
      width: var(--button-size, 44px);
      margin-left: auto;
  }
  100% {
      width: var(--active-width, 100%);
      margin-left: 0;
  }
}

@keyframes wrapperCollapse {
  0% {
      width: var(--active-width, 100%);
      margin-left: 0;
  }
  70% {
      width: var(--button-size, 44px);
      margin-left: auto;
  }
  100% {
      width: var(--button-size, 44px);
      margin-left: auto;
  }
}

@keyframes inputShow {
  0% {
      width: 0;
      opacity: 0;
      visibility: hidden;
      padding: 0;
      transform: translateX(20px);
  }
  50% {
      width: 220px;
      opacity: 0;
      visibility: visible;
      padding: 0;
      transform: translateX(10px);
  }
  100% {
      width: 220px;
      opacity: 1;
      visibility: visible;
      padding: 0 10px;
      transform: translateX(0);
  }
}

/* Animacja inputShow dla urządzeń mobilnych */
@media only screen and (max-width: 768px) {
  @keyframes inputShow {
    0% {
        width: 0;
        opacity: 0;
        visibility: hidden;
        padding: 0;
        transform: translateX(20px);
    }
    50% {
        width: 100%;
        opacity: 0;
        visibility: visible;
        padding: 0;
        transform: translateX(10px);
    }
    100% {
        width: 100%;
        opacity: 1;
        visibility: visible;
        padding: 0 10px;
        transform: translateX(0);
    }
  }
}

@keyframes clearButtonShow {
  0% {
      opacity: 0;
      visibility: hidden;
  }
  100% {
      opacity: 1;
      visibility: visible;
  }
}

/* Komponenty */
.foreto-search__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
  height: var(--button-size, 44px);
  cursor: pointer;
  will-change: width;
  animation: none;
  margin-left: auto;
  transform-origin: right center;
}

.foreto-search__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  user-select: none;
}

.foreto-search__wrapper input[type="text"].foreto-search__input,
.foreto-search__wrapper input[type="search"].foreto-search__input {
  width: 0;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none !important;
  background: none;
  opacity: 0;
  visibility: hidden;
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border-radius: 0 !important;
  pointer-events: none;
}

.foreto-search__clear {
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}

/* Stany aktywne */
.foreto-search__wrapper.active {
  animation-name: wrapperExpand;
  animation-duration: 0.4s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: forwards;
  animation-play-state: running;
}

.foreto-search__wrapper.active input[type="text"].foreto-search__input,
.foreto-search__wrapper.active input[type="search"].foreto-search__input {
  animation: inputShow 0.4s ease forwards;
  pointer-events: all;
  animation-delay: 0.2s;
}

.foreto-search__wrapper.active .foreto-search__clear {
  display: flex;
  animation: clearButtonShow 0.3s ease forwards;
  animation-delay: 0.4s;
}

/* Stany nieaktywne */
.foreto-search__wrapper.closing .foreto-search__input {
  animation: inputShow 0.3s ease reverse forwards;
}

.foreto-search__wrapper.closing .foreto-search__clear {
  animation: clearButtonShow 0.2s ease reverse forwards;
}

/* Kontener wyników */
.foreto-search__results {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  right: 0;
  max-height: 300px;
  display: none;
  z-index: 1001;
  overflow: hidden;
}

.foreto-search__results-inner {
  max-height: inherit;
  overflow-y: auto;
  overflow-x: hidden;
}

.foreto-search__result-item {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.foreto-search__result-item--empty {
  border-bottom: none;
  padding: 8px 8px;
  justify-content: center;
  align-items: center;
}

.foreto-search__result-item:last-child {
  border-bottom: none;
}

.foreto-search__result-link {
  display: block;
}

.foreto-search__result-content {
  display: flex;
  flex-direction: column;
}

.foreto-search__result-content h3 {
  margin: 0;
}

/* Stany specjalne */
.foreto-search__wrapper.animating:hover {
  background: none !important;
}

.reset-calendar-button {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.reset-calendar-button:hover {
  background-color: #0056b3;
}

.post-list-loader {
  display: none;
  text-align: center;
  padding: 20px;
}

.spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


#accessibility-controls {
  transition: all 0.3s ease;
}

.accessibility-controls-open {
  overflow: unset !important;
  max-width: unset !important;
  opacity: 1 !important;
  visibility: visible !important;
  padding: 0 24px !important;
}