/*
Theme name: Motyw_Dedykowany
Author: Admin
Version: 1.0
Description: Motyw jest tworzony wg. nowych wytycznych Wordpress, na bazie jego motywów blokowych co gwarantuje pełną kompatybilność oraz bezpieczeństwo. Oferuje minimalistyczny styl z przewagą bieli i kolorów zielonych - pasujących do tematyki bloga. Jest prosty i nastawiony na to, by nie rzucać się w oczy, a jedynie prezentować treść w jaknajbardziej przejrzysty sposób.
*/

/*
Styl lików dla całej witryny. Linki bez podkreślenia.
*/
a {
   text-decoration: none;
   color: #439c59;
}
a:hover {
    text-decoration: none;
    color: #439c59db;
}

/*
Styl spisu treści w każdym z artykułów.
*/
.spis-tresci {
    background-color: #439c7ecc;
    padding-bottom: 5px;
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 5px;
}


.spis-tresci a:hover {
    
    color:#429b7d;
    
}


/*
Ustawienie koloru i zachowania buttona po najechaniu na niego kursorem. 
*/
.wp-block-button :hover {


   transform: scale(1.1);
    
}

.wp-block-button a:hover {


  color: white;
    
}


/*
Ustawienie styli menu rozwijanego na urzadzeniach mobilnych.
*/
.wp-block-navigation__responsive-container.is-menu-open  {
    
    background-color: rgb(226, 247, 222)!important;
    opacity: 90% !important;
    height: 300px;

}

/*
Ustawienie styli nawigacji-menu. Animowane podkreślenie po najechaniu.
*/
.wp-block-navigation-link {

    color:#156109;
}

.wp-block-navigation-link:hover {

    color:#20930e;
}

.wp-block-navigation-link:hover::after {
  width:100%;
}
.wp-block-navigation-link:after {
  position: absolute;
  content: "";
  margin: 0 auto;
  width: 0;
  height: 2px;
  transition: all .3s ease;
  right: 0;
  left: 0;
  pointer-events: none;
  background-color:#4db312;
  bottom: 0;
  display: flex;
}  

/*
Ustawienia koloru najechania na link następna - poprzednia w odnośnikach paginacji.
*/

.wp-block-query-pagination :hover {

    color:#24a011 !important;

}

/*
Ustawienia efektu najechania na obrazki artykułów w spisach i polecanych.
Po najechaniu stają się nieco jaśniejsze.
*/
.wp-block-post :hover {

    opacity: 97% !important;
    
}

/*
Ustawienia koloru odnośników-tytułów postów na stronach katagorii-archiwach.
*/
.archiwum-post-title a:hover {

    color: #439c59db !important;

}

/*
Styl pływającego przycisku powortu do spisu treści (ten ze strzałką do góry).
*/
#back-to-top {
    position: fixed;
    bottom: 11px;
    right: 15px;
    width: 50px;
    height: 50px;
    background-color: #5cc478d1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1000;  /* Ensure it stays on top */
}

#back-to-top svg {
    fill: white;
    width: 24px;
    height: 24px;
}

#back-to-top.visible {
    opacity: 1;
    visibility: visible;
}

#back-to-top:hover {
    background-color: #5cc478d1;
}