/*
Theme Name:     Kadence
Theme URI:      https://www.kadencewp.com/
Template:       kadence
Author:         Kadence WP
Author URI:     https://www.kadencewp.com/
Description:    Motyw Kadence to lekki, ale w pełni funkcjonalny motyw WordPress do tworzenia pięknych, szybko ładujących się stron internetowych, umożliwiający zarządzanie nimi w tak prosty sposób, jak jeszcze nigdy nie było to możliwe. Zawiera łatwy w użyciu konstruktor nagłówków i stopek typu „przeciągnij i upuść”, aby w ciągu kilku minut zbudować dowolny rodzaj nagłówka. Zawiera pełną bibliotekę wspaniałych szablonów początkowych, które można łatwo modyfikować dzięki naszym inteligentnym, globalnym edytorom czcionek i kolorów. Dzięki szerokiej integracji z najpopularniejszymi wtyczkami innych firm możesz szybko tworzyć imponujące witryny e-commerce, witryny z kursami, witryny biznesowe i nie tylko.
Version:        1.3.6
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
/*Button MENU*/
@import url('https://fonts.googleapis.com/css2?family=Reddit+Sans:wght@600&display=swap');

.btn-niebieski {
  font-family: 'Reddit Sans', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: white;
  padding: 12px 24px;
  border: none;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  background: linear-gradient(90deg, #58A1D8 0%, #9BC7E8 100%);
  cursor: pointer;
  transition: background 900ms ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-niebieski:hover {
  background: linear-gradient(90deg, #9BC7E8 0%, #1F3056 100%);
}

/*----------------------------------------------------*/
/*paginacja w blogu*/
.wp-block-kadence-query-pagination .page-numbers.current {
  font-size: 20px !important;
  font-weight: 800 !important;
}

/*----------------------------------------------------*/
/*zoom zdjęciowy po najechaniu*/
.obrazek-kontener {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-top-left-radius: 24px;
  border-bottom-right-radius: 24px;
}

.obrazek-zoom {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
  border-top-left-radius: 24px;
  border-bottom-right-radius: 24px;
}

.obrazek-kontener:hover .obrazek-zoom {
  transform: scale(1.05);             /* powiększenie o 10% */
}

/*----------------------------------------------------*/
/*animacja strzałki - w prawo*/
.button-czytaj-dalej {
  position: relative;
}

.button-czytaj-dalej .kb-svg-icon-wrap svg {
  transition: transform 0.4s ease-in-out;
  stroke-width: 2;
}

/* Hover na całym przycisku przesuwa strzałkę */
.button-czytaj-dalej:hover .kb-svg-icon-wrap svg {
  transform: translateX(10px);
}
/*----------------------------------------------------*/
/*animacja strzałki blog - w prawo*/

.kb-section-has-link .kb-svg-icon-wrap {
  transition: transform 0.3s ease;
  display: inline-block;
}

.kb-section-has-link:hover .kb-svg-icon-wrap {
  transform: translateX(5px);
}

/*----------------------------------------------------*/
/*zmiana koloru nawigacji we wpisach*/
.nav-previous a {
  color: #58A1D8;
}

.nav-previous a svg {
  fill: #58A1D8;
  color: #58A1D8;
}

.nav-previous a:hover {
  color: #3a84c4;
}

.nav-previous a:hover svg {
  fill: #3a84c4;
}

/*obniżenie nawigacji we wpisach*/
.navigation.post-navigation {
  max-width: 900px;
  margin: 0 auto;
	margin-top: 32px/* wyśrodkowanie */
}

/*STOPKA*/
.site-container {
  position: relative;
}

.stopka-realizacja {
  font-size: 11px;
  color: white;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
	margin-right: 25px;
}

.stopka-realizacja a {
  color: white;
  text-decoration: none;
}
/*----------------------------------------------------*/
/*menu przeźroczyste kolorystyka linków*/
.transparent-header .header-navigation .header-menu-container > ul > li.menu-item > a {
  color: #ffffff !important;
  transition: color 0.3s ease !important;
}

.transparent-header .header-navigation .header-menu-container > ul > li.menu-item > a:hover,
.transparent-header .header-navigation .header-menu-container > ul > li.menu-item > a:focus,
.transparent-header .header-navigation .header-menu-container > ul > li.current-menu-item > a,
.transparent-header .header-navigation .header-menu-container > ul > li.current_page_item > a,
.transparent-header .header-navigation .header-menu-container > ul > li.menu-item > a:active {
  color: #9BC7E8 !important;
}

/*----------------------------------------------------*/
/*obniżenie kropczek dla list*/
.kb-svg-icon-wrap.kb-svg-icon-ic_record.kt-svg-icon-list-single {
  margin-top: 7px;
}


/*----------------------------------------------------*/
/*stopka wersja mobile*/
@media (max-width: 650px) {
  .site-footer-row {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
  }

  /* Sekcje stopki jedna pod drugą */
  .site-footer-section {
    width: 100% !important;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Wyrównanie tekstu w elementach */
  .footer-widget-area,
  .footer-html-inner,
  .footer-menu-container {
    text-align: center !important;
  }

  /* Linki w menu stopki (jeśli są inline) → zamień na bloki */
  .footer-menu-container ul.menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    margin: 10px 0;
  }

  .footer-menu-container ul.menu li {
    display: block;
  }
	.kb-imageblock-12_093845-05 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .kb-imageblock-12_093845-05 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
	.stopka-realizacja {
  position: static !important;   /* wyłącza absolute */
  right: auto !important;        /* resetuje wcześniejsze ustawienia */
  top: auto !important;
  transform: none !important;    /* usuwa przesunięcie */
  margin-right: 0 !important;    /* usuwa przesunięcie na prawo */
  font-size: 9px;
  color: white;
  text-align: center;
}

}