/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.0.1734358315
Updated: 2024-12-16 15:11:55

*/

/* Tytuł strony w nagłówku */
.nazwa-bip{
    font-style: normal;
    font-weight: 500;
    font-size: var(--wp--preset--font-size--large);
    line-height: 1.4;
}

/* Pole wyszukiwania */
.wp-block-search__button {
    width: 50px; 
    font-size: 14px; 
    padding: 8px 12px; 
    display: inline-block; /* Przywraca domyślne zachowanie */
    cursor: pointer;     /* Zmiana kursora na wskazujący */
}

.wp-block-search__button:hover {
    background-color: var(--wp--preset--color--accent-2); /* Zmienia tło przycisku na kolor zdefiniowany w zmiennej */
    /* color: var(--wp--preset--color--accent-2); Zmienia kolor tekstu na ten sam kolor co tło przycisku */
}

/* Dla ikony w przycisku wyszukiwania */
.wp-block-search__button svg {
    transition: fill 0.3s, transform 0.3s ease-in-out; /* Płynne przejście dla koloru i transformacji */
}

.wp-block-search__button:hover svg {
    /* fill: var(--wp--preset--color--accent-2); Zmienia kolor ikony na ten sam kolor co tło przycisku */
    transform: scale(1.2); /* Powiększa ikonę o 20% przy hover */
}

@media (max-width: 768px) {
    .wp-block-search {
        width: 100%;
        box-sizing: border-box;
    }

    .wp-block-search__input {
        width: calc(100% - 20px); /* Ustawia szerokość pola wyszukiwania */
        box-sizing: border-box;
    }

    .wp-block-search__button {
        width: 50px; 
        font-size: 14px; 
        padding: 8px 12px; 
        display: inline-block; /* Przywraca domyślne zachowanie */
    }
}

/* Przycisk powrotu na górę */
#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    visibility: hidden;
}

#back-to-top a {
    background-color: var(--wp--preset--color--accent-2);
    color: var(--wp--preset--color--base);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    font-size: 20px;
    font-weight: bold;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease 0.5s, transform 0.3s ease, visibility 0.5s ease 0.5s;
}

#back-to-top a.visible {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

#back-to-top a:hover {
    background-color: var(--wp--preset--color--accent-2);
    transform: scale(1.1);
}

/* Stylowanie płynnego przewijania */
html {
    scroll-behavior: smooth;
}

/* Ostatnio dodane */

/* Stylowanie listy ostatnich treści */
.recent-content ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.recent-content li {
    margin-bottom: 5px;
    font-size: var(--wp--preset--font-size--medium);
}

.recent-content a {
    color: var(--wp--preset--color--accent-2);
    text-decoration: none;
    font-weight: bold;
    margin-right: 0; /* Usunięcie dodatkowych odstępów */
}

.recent-content a:hover {
    text-decoration: underline;
    color: var(--wp--preset--color--accent-2);
}

/* Stylowanie kategorii */
.recent-content .post-category {
    font-size: var(--wp--preset--font-size--medium);
    color: var(--wp--preset--color--contrast); /* Kolor tekstu */
    font-style: italic;
    margin-right: 0; /* Usunięcie dodatkowego odstępu */
}

/* Stylowanie daty i godziny */
.recent-content .post-date {
    font-size: var(--wp--preset--font-size--medium); /* Mniejsza czcionka */
    color: var(--wp--preset--color--contrast); /* Kolor tekstu */
    margin-right: 0; /* Usunięcie dodatkowego odstępu */
    display: inline-block;
}

/* Stylowanie listy najczęściej odwiedzanych stron */
.most-visited-pages ul {
    list-style: none ; /* Usuwa punkty z listy */
    padding: 0 ;
    margin: 0 ;
}

.most-visited-pages li {
    margin-bottom: 5px ; /* Zmniejszona odległość między wierszami */
    font-size: var(--wp--preset--font-size--medium); /* Standardowa wielkość czcionki */
}

.most-visited-pages a {
    color: var(--wp--preset--color--accent-2) ;
    text-decoration: none ;
    font-weight: bold ;
    margin-right: 0 ; /* Usunięcie dodatkowych odstępów */
}

.most-visited-pages a:hover {
    text-decoration: underline ;
    color: var(--wp--preset--color--accent-2) ;
}

/* Stylowanie liczby odwiedzin */
.most-visited-pages .post-views {
    font-size: var(--wp--preset--font-size--medium) ; /* Mniejsza czcionka */
    color: var(--wp--preset--color--contrast) ; /* Kolor tekstu */
    font-style: italic ;
    margin-left: 5px ; /* Odstęp po nazwie strony */
}

/* Dodatkowe ustawienia, które powinny usunąć punkty */
.most-visited-pages ul li {
    list-style: none ;
}

/* Metryczka */
#metryczka {
    margin-top: 3rem;
}

#metryczka ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#metryczka ul li {
    margin-bottom: 0.5rem;
    font-size: var(--wp--preset--font-size--medium);
    line-height: 1.5;
}

#metryczka ul li strong {
    font-weight: 600;
}

/* Dziennik zmian */
#dziennik-zmian {
    margin-top: 2rem;
}

#dziennik-zmian span {
        
    font-size: var(--wp--preset--font-size--large);
    color: var(--wp--preset--color--contrast);
    font-weight: 500;
    }

#dziennik-zmian table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--wp--preset--font-size--medium);    
}

#dziennik-zmian table thead {
    background-color: var(--wp--preset--color--accent-5);
}

#dziennik-zmian table th, 
#dziennik-zmian table td {
    border: 1px solid var(--wp--preset--color--accent-5);
    padding: 0.8rem;
    text-align: left;
}

#dziennik-zmian table th {
    font-weight: bold;
}

#dziennik-zmian table tbody tr:nth-child(even) {
    background-color: var(--wp--preset--color--accent-3);
}

#dziennik-zmian table tbody tr:hover {
    background-color: var(--wp--preset--color--accent-5);
}

#dziennik-zmian table td {
    font-size: var(--wp--preset--font-size--medium);
}
/* Rozwijanie i zwijanie metryczki */
#metryczka-content, #dziennik-zmian {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
  }

#metryczka h2 {
    display: inline-block;
    margin-right: 10px;
}

#metryczka .toggle-btn {
    display: flex;
    align-items: center;
    gap: 0.5em; /* odstęp między napisem a ikoną */
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: var(--wp--preset--font-size--large);
    color: var(--wp--preset--color--contrast);
  }

#metryczka .fa-chevron-up, #metryczka .fa-chevron-down {
    font-size: 20px;
    transition: transform 0.3s ease;
} 

/* Widok Artykuł BIP */
.zalaczniki ul {
    list-style-type: decimal;
}

/* Stylizacja listy podkategorii */
.subcategory-list {
    list-style-type: none; /* Usunięcie kropek obok elementów listy */
    margin: 0;
    padding: 0;
}

.subcategory-item {
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--wp--preset--color--accent-5); /* Szara linia oddzielająca elementy */
}

.subcategory-item:last-child {
    border-bottom: none; /* Usunięcie linii dla ostatniego elementu */
}

.subcategory-item a {
    text-decoration: none;
    color: var(--wp--preset--color--contrast);    
}

.subcategory-item a:hover {
    color: var(--wp--preset--color--accent-2); /* Kolor przy najechaniu */
}

/* Załączniki z metryczką pliku START */
.ukryte {
	display: none;
}

.zalaczniki-naglowek {        
    font-size: var(--wp--preset--font-size--large);
    color: var(--wp--preset--color--contrast);
    font-weight: 500;
}

.zalaczniki-lista {
	list-style-type: decimal;
	padding-left: 1.5em;
}

.zalacznik-item {
	margin-bottom: 1em;
}

.toggle-details {
	font-size: var(--wp--preset--font-size--medium);
	cursor: pointer;
}
/* Załączniki z metryczką pliku KONIEC */