/**
 * Style dla footera
 */

/* Wyrównaj zawartość footera do środka (jak przycisk scroll to top) */
#footer .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
}

#footer .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
}

#footer .col-xs-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Wyrównaj footer w pionie do środka */
#footer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 245px !important;
    position: relative;
    z-index: 2;
}

#footer #scroll-top {
    z-index: 9999;
    position: relative;
}

.footer-content {
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: visible !important;
}

.footer-widgets-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px !important; /* Zwiększony gap, żeby było więcej miejsca między elementami */
    flex-wrap: wrap;
    margin: 30px auto 20px auto !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Ustaw jednakowe szerokości dla wszystkich elementów, aby wyśrodkować */
.footer-widget-area {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

.footer-widget-area-left {
    text-align: right;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    min-width: 180px !important; /* Zwiększona minimalna szerokość, żeby tekst się nie zawijał */
    flex-shrink: 0 !important; /* Zapobiega zmniejszaniu kontenera */
}

.footer-widget-area-right {
    text-align: left;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    min-width: 180px !important; /* Zwiększona minimalna szerokość, żeby tekst się nie zawijał */
    flex-shrink: 0 !important; /* Zapobiega zmniejszaniu kontenera */
}

.footer-social-center {
    flex: 1 1 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
    align-self: center !important;
}

/* Wyśrodkuj ikony social media i wyrównaj w pionie z linkami */
.footer-social-center .share {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    text-align: center !important;
    padding: 0 !important;
}

.footer-social-center .share a {
    margin: 0 10px !important;
}

/* Usuń margin-top z ikon social media, aby były wyrównane z linkami */
.footer-social-center .share .awe-icon,
#footer .footer-social-center .share .awe-icon,
.footer .footer-social-center .share .awe-icon {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

/* Wewnętrzne kontenery widgetów - wyśrodkowanie zawartości */
.footer-widget-area-left .footer-widget,
.footer-widget-area-right .footer-widget {
    width: auto !important;
    max-width: 100% !important;
    min-width: fit-content !important; /* Zapobiega zawijaniu tekstu */
}

/* Zapobiegnij zawijaniu tekstu w linkach */
.footer-widget a {
    white-space: nowrap !important;
}

.footer-widget {
    margin-bottom: 15px;
}

.footer-widget .widget-title {
    color: #fff;
    font-size: 1.4em;
    font-weight: 400;
    margin-bottom: 15px;
}

.footer-widget,
.footer-widget p,
.footer-widget a,
.footer-widget li {
    color: #999;
    font-size: 1.3em;
}

/* Zmniejsz odstępy między linkami w footerze */
.footer-widget ul li {
    line-height: 6px !important;
    padding: 6px 0 !important;
    margin: 0 !important;
}

/* Style linków w footerze - zielony wyjściowy, biały hover/active */
.footer-widget a {
    color: #078521 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    transition: color 0.3s ease;
    line-height: 6px !important;
    padding: 6px 0 !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
}

.footer-widget a:hover,
.footer-widget a:active,
.footer-widget a:focus {
    color: #fff !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Usuń wszystkie linie między linkami - wszystkie możliwe warianty */
.footer-widget ul,
.footer-widget ul li,
.footer-widget ul li a,
.footer-widget li,
.footer-widget li a,
#footer ul,
#footer ul li,
#footer ul li a,
#footer li,
#footer li a,
.footer ul,
.footer ul li,
.footer ul li a,
.footer li,
.footer li a,
#footer .widget ul,
#footer .widget ul li,
#footer .widget ul li a,
#footer .widget li,
#footer .widget li a,
.footer .widget ul,
.footer .widget ul li,
.footer .widget ul li a,
.footer .widget li,
.footer .widget li a,
#footer .menu,
#footer .menu li,
#footer .menu li a,
.footer .menu,
.footer .menu li,
.footer .menu li a {
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Usuń linie z pseudo-elementów */
.footer-widget ul li::before,
.footer-widget ul li::after,
.footer-widget li::before,
.footer-widget li::after,
#footer ul li::before,
#footer ul li::after,
#footer li::before,
#footer li::after,
#footer .widget ul li::before,
#footer .widget ul li::after,
#footer .widget li::before,
#footer .widget li::after,
.footer .widget ul li::before,
.footer .widget ul li::after,
.footer .widget li::before,
.footer .widget li::after,
#footer .menu li::before,
#footer .menu li::after,
.footer .menu li::before,
.footer .menu li::after {
    display: none !important;
    content: none !important;
}

/* Style dla linków w .site-info (copyright) - rozmiar <small> */
.site-info {
    font-size: 0.875em !important; /* Rozmiar <small> */
}

.site-info a {
    color: #078521 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    transition: color 0.3s ease;
    font-size: inherit !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
}

.site-info a:hover,
.site-info a:active,
.site-info a:focus {
    color: #fff !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

@media (max-width: 768px) {
    #footer {
        overflow: visible !important;
    }

    #footer #scroll-top {
        top: -25px;
        margin-top: 0;
        z-index: 99999;
        position: absolute;
        left: 0;
        right: 0;
    }

    .footer-widgets-container {
        flex-direction: column;
        gap: 20px;
        align-items: center;
        margin-top: 60px !important;
    }
    
    .footer-widget-area-left,
    .footer-widget-area-right {
        text-align: center;
        max-width: 100%;
        width: 100%;
    }

    .footer-widget-area-left {
        order: 1;
    }

    .footer-widget-area-right {
        order: 2;
    }

    .footer-social-center {
        order: 3;
    }

    .footer-widget-area-left .footer-widget,
    .footer-widget-area-right .footer-widget {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }
    
    .site-info {
        padding-bottom: 10px !important;
        margin-top: 25px !important;
    }
}