/*
 Theme Name:   Pirlond - Lekki Motyw
 Theme URI:    https://pirlond.pl/
 Description:  Dedykowany motyw potomny GeneratePress dla pirlond.pl.
 Author:       Przemysław Bicki
 Template:     generatepress
 Version:      1.0.0
*/

/* Ukrywa przecinki i wszystkie kategorie poza pierwszą z brzegu */
.tylko-jedna-kategoria a:nth-of-type(n+2) {
    display: none !important;
}
.tylko-jedna-kategoria .gb-term-separator {
    display: none !important;
}
.menu_topek a {
  font-family: Epilogue;
  color:#000;
  font-weight: 500;

}
.menu_topek li {
  margin-left: 20px;
}
/* Wygląd Leada */
.wpis-lead {
    font-size: 1.25em; /* Nieco większa czcionka niż reszta tekstu */
    font-weight: 600; /* Półgruby tekst */
    margin-bottom: 30px;
    margin-top: 20px;
    line-height: 1.6;
}
@media (min-width: 769px) {
    .inside-right-sidebar {
        position: sticky;
        top: 100px;
    }
}
/* Wygładzenie bloku Spisu Treści Rank Math */
#block-31 {
    background: transparent;
}

/* Stylizacja nagłówka Spis Treści */
#block-31 h2 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1f3a61;
    margin-bottom: 15px;
    border-bottom: 2px solid #1f3a61;
    padding-bottom: 10px;
}

/* Usunięcie kropek i wyrównanie listy */
#block-31 nav ul {
    list-style-type: none !important;
    margin-left: 0;
    padding-left: 0;
}

#block-31 nav ul li {
    margin-bottom: 12px;
    line-height: 1.4;
}

/* Stylizacja samych linków */
#block-31 nav ul li a {
    text-decoration: none;
    color: #444; /* Ciemnoszary dla lepszej czytelności */
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

/* Efekt najechania myszką (Hover) */
#block-31 nav ul li a:hover {
    color: #1f3a61;
    padding-left: 5px; /* Delikatne przesunięcie tekstu w prawo */
}
/* Stylizacja kontenera metadanych na dole wpisu */
footer.entry-meta {
    margin-top: 40px;
    margin-bottom: 30px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    font-size: 14px;
}

/* Ukrycie domyślnych ikon/tekstów "Opublikowano w", "Tagi:" jeśli występują */
.cat-links .gp-icon, .tags-links .gp-icon {
    display: none;
}

/* Wspólne style dla pigułek kategorii i tagów */
.cat-links a, .tags-links a {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 6px 14px;
    margin-right: 8px;
    margin-bottom: 10px;
    border-radius: 20px;
    transition: all 0.2s ease-in-out;
}

/* Styl dla KATEGORII - Twój mocny akcent #504bdd */
.cat-links a {
    background-color: rgba(80, 75, 221, 0.08); /* Delikatne fioletowe tło */
    color: #504bdd; /* Fioletowy tekst */
    border: 1px solid rgba(80, 75, 221, 0.2);
}

/* Efekt najechania myszką na kategorię */
.cat-links a:hover {
    background-color: #504bdd;
    color: #ffffff;
    box-shadow: 0 4px 10px rgba(80, 75, 221, 0.25);
}

/* Styl dla TAGÓW - bardziej stonowany, dopasowany do #1f3a61 */
.tags-links a {
    background-color: rgba(31, 58, 97, 0.06); /* Delikatne granatowe tło */
    color: #1f3a61; /* Granatowy tekst */
    border: 1px solid rgba(31, 58, 97, 0.15);
}

/* Efekt najechania myszką na tag */
.tags-links a:hover {
    background-color: #1f3a61;
    color: #ffffff;
    box-shadow: 0 4px 10px rgba(31, 58, 97, 0.25);
}
#nav-below {
  display: none;
}
/* Całkowite, bezwzględne wycięcie przecinków tekstowych */
.cat-links, .tags-links {
    visibility: hidden; /* Ukrywa wszystko, łącznie z przecinkami */
    display: block;
}

.cat-links a, .tags-links a {
    visibility: visible; /* Przywraca widoczność samych pigułek */
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 6px 14px;
    margin-right: 8px;
    margin-bottom: 10px;
    border-radius: 20px;
    transition: all 0.2s ease-in-out;
}
/* Stylizacja tytułów w sekcji Przeczytaj również */
.after-content-related h4 a,
.after-content-related p a {
    text-decoration: none !important;
    color: #111 !important; /* Klasyczna, mocna czerń/ciemny szary dla tytułu */
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    transition: color 0.2s ease-in-out;
}

/* Hover dla powiązanych wpisów - Twój fiolet akcentowy */
.after-content-related h4 a:hover,
.after-content-related p a:hover {
    color: #504bdd !important;
}
/* Wygląd sekcji W skrócie */
.box-w-skrocie {
    background-color: #f7f9fa; /* Delikatne, jasnoszare tło */
    padding: 25px 30px;
    margin-bottom: 40px;
    border-right: 5px solid #504bdd; /* Twój turkusowy detal z kropki */
    border-radius: 4px;
}

.w-skrocie-tytul {
    margin-top: 0;
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
}
.box-w-skrocie li {
  margin-bottom: 10px;
}
.gp-icon, .icon-categories {
  color:#203b65;
  opacity: 1!important;
}
/* Stylizacja tytułów w popularnych wpisach w pasku */
.popular-sidebar .gb-headline a {
    text-decoration: none !important;
    color: #333 !important;
    line-height: 1.3;
    transition: color 0.2s ease-in-out;
}

/* Hover na fiolet akcentowy */
.popular-sidebar .gb-headline a:hover {
    color: #504bdd !important;
}

/* Delikatny efekt po najechaniu na obrazek wpisu w pasku */
.popular-sidebar .gb-image {
    transition: opacity 0.2s ease-in-out;
}
.popular-sidebar .gb-grid-wrapper:hover .gb-image {
    opacity: 0.85;
}
#block-37 {
  margin-bottom: 0
}
#block-48 {
  padding-top: 0
}