footer.site-info {
    background-color: #1150aa;
}

.inside-header {
    padding: 10px;
    padding-bottom: 10px;
}

#language a {
	color:#0e5db8; 
	justify-content: right;
	display: flex;
	align-items: center;
	gap: 6px;         
}
#language a:hover, .copyright > a:hover, .accessibility > a:hover {
	color:#ff8902;
}
#language img {
	width:30px;
	display:none;
}
@media (max-width: 768px) {
.inside-header {
	      padding-bottom: 24px;
	}
.separate-containers .widget, .separate-containers .site-main>*, .separate-containers .page-header, .widget-area .main-navigation {
		margin-bottom: 1px;
	}
 #language {
	padding-top:10px;
  margin-bottom:-20px;
 }
	#language a {
		 justify-content: center;
	}
	#language img {
		display: flex;
	}
}

.site-header {
    -webkit-box-shadow: inset 0px -8px 15px -12px #ffcc00;
 box-shadow: inset 0px -8px 15px -12px #ffcc00; 
}

.site-info {
    color: #ffffff;
    background-color: #516cb3;
	  border-top:1px solid #fccc03;}

.sidebar .widget .widget-title {
    border-bottom: 1px solid #fccc03;
    padding-bottom: 5px;
		margin-top:-5mm;
	  margin-bottom:4mm;
}


.footer-widgets {
-webkit-box-shadow: inset 0px -8px 15px -12px #ffcc00;
 box-shadow: inset 0px -8px 15px -12px #ffcc00;}

.footer-widgets .widget-title {
    border-bottom: 1px solid #fccc03;
    padding-bottom: 5px;
		margin-top:-5mm;
	  margin-bottom:3mm;
}

/*    KB     */
/* justowanie akapitów */
p {text-align:justify;}

/* main menu - wysok. i odstepy */
.main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .mobile-bar-items a {
	padding-left:16px;padding-right:16px;line-height:50px;
}
.menu-item-has-children .dropdown-menu-toggle {
	padding-right:16px;
}
.site-info{padding:12px 20px 5px 20px;}
.footer-widgets{padding:33px 40px 12px 40px;}
.generate-back-to-top,.generate-back-to-top:visited {
	bottom:48px;
	right:35px;
}

/* Skalowanie do szerokości ekranu*/
/* Zmniejszenie paddingów i marginesów bocznych treści i widgetów na telefon. */
@media (max-width: 768px) { 
  .site-content .inside-article {
     padding-left: 10px;
     padding-right: 10px;
  }
  .separate-containers .site-main,
  .separate-containers .widget {
     margin-left: 5px !important;
     margin-right: 5px !important;
     margin-bottom: 20px;
  }
}	
@media (max-width: 440px) { 
  .site-content .inside-article {
    padding-left: 5px;
    padding-right: 5px;
  }
  .sidebar .widget,
  .inside-left-sidebar .widget,
  .inside-right-sidebar .widget {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}	
@media (min-width: 1440px) {
body .grid-container{max-width:1400px;}
.wp-block-group__inner-container{max-width:1400px;margin-left:auto;margin-right:auto;}
}	
@media (min-width: 1650px) {
body .grid-container{max-width:1600px;}
.wp-block-group__inner-container{max-width:1600px;margin-left:auto;margin-right:auto;}
}	

/* Nagłówki przewodnika, pomocy  */
h3 {color:#0b31c8; margin-bottom:10px;margin-top:30px;}

h5 {margin-bottom:8px;font-size:110%}

/* odstęp po tytule strony */
.entry-header { margin-bottom:-15px;}

/* Czytelnia Online*/
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {background-color: #f3f3f3;}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {background-color: #ffffff; }
.wp-block-table.is-style-stripes td, 
.wp-block-table.is-style-stripes th {   padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; }

table.has-subtle-pale-blue-background-color td { color:#0000d9 }	
thead {color:#fcf0d9;}
td > small {
	color:navy;
	font-size:80%;
}
.tooltipImg {
width :18px;height:18px;margin-bottom:-3px;margin-left:4px;cursor:pointer;}
.tooltipInfo {
color: black;font-size:80%;font-family:  Arial;text-align: justify;margin-top:2px;padding: 5px 8px 0 8px;display:none;}
td.res-link {vertical-align:middle;padding:2px 5px 2px 5px;width:75px;}
img.res-link-img {width: 24px;}
@media (min-width: 800px) {
td.res-title {width:60%}
}
@media (max-width: 500px) {
td.res-cat {font-size:0px;}
}

/* Menu boczne (uwzględnia id custom-html z produkcji [10, 12, 13] i localhost [5,6,7])*/
#text-3, #text-7, #custom_html-10, #custom_html-12, #custom_html-13, #custom_html-5, #custom_html-6, #custom_html-7 {padding: 40px 35px 25px 35px;}
#recent-posts-4 {padding-bottom: 25px}
#nav_menu-6 {padding: 40px 30px 25px 30px;}

@media (max-width: 1440px) {
#recent-posts-4 {padding: 40px 25px 25px 25px;}
#text-3, #text-7, #custom_html-10, #custom_html-12, #custom_html-13, #custom_html-5, #custom_html-6, #custom_html-7 {padding: 40px 25px 25px 25px;}
#nav_menu-6 {padding: 40px 25px 25px 25px;}
}

/* zmniejszony padding akapitów z tłem */
P.has-background {padding: 2mm 3mm 2mm 3mm}

/* zmniejszenie tekstu widgetów */
.widget a, .widget div {font-size:16px; }
#recent-posts-4 > ul > li {padding-bottom: 7px; line-height: 1.25em;}

/* Styl rozwijanego nagłówka (summary) */
details summary {
  cursor: pointer;
  font-weight: 600;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between; /* tekst po lewej, strzałka po prawej */
  padding: 0.3em 0;
}
details summary {
  cursor: pointer;
  font-weight: 600;
  list-style: none;
  display: inline-flex; /* zmiana: inline-flex, żeby dopasować się do długości tekstu */
  align-items: center;
  padding: 0.3em 0;
}
/* usuwa domyślną strzałkę */
details summary::-webkit-details-marker {
  display: none;
}
/* własna strzałka */
details summary::after {
  content: "\25B6";
  transition: transform 0.25s ease;
  font-size: 0.9em;
  margin-left: 0.4em; /* odstęp od tekstu */
  color: #333;
}
/* po rozwinięciu obraca się */
details[open] summary::after {
  transform: rotate(90deg);
}
/* lekki wcięcie dla treści */
details ul  {
  margin-left:1.5em; 
}
@media (min-width: 400px) {
	details ul {
  margin-left:3em; 
}
}
/* mniejszy margines po akapicie poprzedzającym  details summary*/
p:has(+ details > summary) {
  margin-bottom: 1.9mm;
}
/* widget z ikonami bez tła */
#text-4 {
 background: transparent !important; 
 border: none !important;
 margin-top:-25px; margin-bottom:-30px;
}
#text-4 .textwidget a:first-of-type {
    margin-right: 10px;
}
@media (min-width: 1650px) {
    #text-4 .textwidget a:first-of-type {
        margin-right: 50px;
    }
}
@media (max-width: 440px) {
  #text-4 .textwidget a:first-of-type {
    margin-left: 20px;
  }
}
/* poprawka dla listy na skróty - 2 kolumny*/
.na-skroty {display: flex; flex-wrap: wrap; }
.na-skroty .wp-block-column {flex: 1 1 50%; min-width: 0;}
@media (max-width: 600px) {
  .na-skroty .wp-block-column { flex: 1 1 100%;}
}