@charset "UTF-8";
/*!
Theme Name: FlareBlog
Theme URI: http://unfoldwp.com/products/blogvy/
Author: Unfoldwp
Author URI: https://unfoldwp.com/
Description: Flareblog is a child theme of Blogvy WordPress theme. A simple yet elegant theme built for bloggers who want to share their stories with style. Features a responsive design, easy customization, and fast loading times for an enhanced user experience.
Template: blogvy
Requires at least: 5.3
Tested up to: 6.7
Requires PHP: 5.6
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flareblog
Tags: grid-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-colors, custom-background, custom-logo, custom-menu, custom-header, featured-images, footer-widgets, post-formats, threaded-comments, theme-options, translation-ready, wide-blocks, rtl-language-support, blog, news

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Flareblog is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

.blogvy-floating-scroll-top {
    border-radius: 10rem;
}
.blogvy-btn-link.style_4 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 2.4rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0 1px 3px 0,
        rgba(60, 64, 67, 0.15) 0 4px 8px 3px;
    color: #3c4043 !important;
    height: 4rem;
    padding: 2px 1.8rem;
    font-size: 1.3rem;
    letter-spacing: 0.25px;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1),
        opacity 15ms linear 30ms, transform 270ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}
.blogvy-btn-link.style_4 svg {
    fill: #3c4043 !important;
}

.header_style_3 .blogvy-primary-bar-wrapper .site-logo + .site-title,
.header_style_3 .blogvy-primary-bar-wrapper .site-description {
    display: none;
}
@media only screen and (min-width: 1000px) {
    .header_style_3 .blogvy-primary-bar-row .site-branding {
        display: block;
        text-align: center;
    }
    .header_style_3 .blogvy-primary-bar-wrapper .site-logo + .site-title,
    .header_style_3 .blogvy-primary-bar-wrapper .site-description {
        display: block;
    }
}
.header_style_3 .site-branding .site-logo img {
    margin-left: auto;
    margin-right: auto;
}
.blogvy-ticker-slider-nav .swiper-button-prev,
.blogvy-ticker-slider-nav .swiper-button-next {
    border-radius: 3px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Ukrycie domyślnego tekstu "Powered by" */
.site-info, .footer-copyright, .copyright-text {
    visibility: hidden;
    position: relative;
    display: block !important;
}

/* Wariant awaryjny - ukrywa oryginalny tekst za pomocą koloru czcionki */
.site-footer, footer, [class*="copyright"], [class*="footer"] {
    color: transparent !important;
}

/* Przywraca kolor dla linków w stopce (jeśli tam są), żeby nie zniknęły */
.site-footer a, footer a {
    color: inherit !important;
}

/* Wstawia Twój nowy tekst na samym dole */
.site-footer::after, footer::after {
    content: "© 2026 LiteraLab.pl. Wszelkie prawa zastrzeżone.";
    color: #666666 !important; /* Tutaj możesz zmienić kolor napisu (np. #fff jeśli stopka jest ciemna) */
    display: block;
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
}

/* Stylizacja głównego kontenera nowej stopki */
.custom-footer-container {
    background-color: #1a1a1a; /* Ciemne tło */
    color: #ffffff;
    padding: 60px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    font-family: sans-serif;
}

/* Układ kolumn */
.footer-column {
    flex: 1;
    min-width: 250px;
    margin-bottom: 30px;
    padding: 0 15px;
}

/* Nagłówki kolumn */
.footer-column h3 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 25px;
    border-bottom: 2px solid #333;
    padding-bottom: 10px;
}

/* Styl tekstu i logo w pierwszej kolumnie */
.footer-logo {
    font-size: 22px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
    color: #fff;
}

.footer-bio {
    color: #b3b3b3;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Listy linków w kolumnach 2 i 3 */
.footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-column ul li {
    margin-bottom: 12px;
}

.footer-column ul li a {
    color: #b3b3b3;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

/* Efekt najechania myszką na link */
.footer-column ul li a:hover {
    color: #ffffff;
    padding-left: 5px; /* Delikatne przesunięcie w prawo przy najechaniu */
}

/* Ikony społecznościowe */
.footer-socials strong {
    font-size: 13px;
    color: #888;
    display: block;
    margin-bottom: 10px;
}

.social-icons-row {
    display: flex;
    gap: 10px;
}

.social-icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-color: #2a2a2a;
    color: #fff;
    text-align: center;
    line-height: 35px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    transition: background-color 0.3s;
}

.social-icon:hover {
    background-color: #444444;
}

/* RWD - Dostosowanie do urządzeń mobilnych */
@media (max-width: 768px) {
    .custom-footer-container {
        flex-direction: column;
        padding: 40px 20px;
    }
    .footer-column {
        width: 100%;
        margin-bottom: 25px;
        padding: 0;
    }
}

/* Wycięcie starej, górnej części oryginalnej stopki */
.site-footer > .footer-widgets, 
.site-footer > .footer-widgets-container,
.site-footer > div:first-child:not(.site-sub-footer) {
    display: none !important;
}

/* Wariant awaryjny - gdyby powyższe nie zadziałało, ten kod chowa wszystko 
   w stopce oprócz naszej nowej, czarnej sekcji */
.site-footer > *:not(.site-sub-footer) {
    display: none !important;
}