/**
 * KlikkaCaMobil Theme Footer Styles
 */
footer {
    overflow: hidden;
}

/* Footer Social Icons */
.footer-social-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 15px;
}

.footer-social-icons .wp-block-social-link {
    margin: 0 5px;
}

.footer-social-icons .wp-block-social-link a {
    padding: 0.5em;
}

/* Footer Navigation Menu */
.sticky-footer-menu {
    z-index: 100;
}

.footer-nav-menu {
    margin: 0 !important;
    padding: 0;
}

.footer-nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 0 !important;
    margin: 0 !important;
    
}

.footer-nav-item p {
    margin: 5px 0 0 0;
    color: var(--color-foreground);
    font-weight: var(--font-weight-medium);
    opacity: .7;
}

.footer-icon {
    margin-bottom: 0;
}

.footer-icon img {
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    opacity: .7;
}

.footer-nav-item:hover {
    cursor: pointer;
    background-color: var(--color-gray-100);
}

body .wp-block-columns.footer-nav-menu {
    gap: 0;
}

.footer-nav-item .wp-block-image {
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    margin-bottom: 0 !important;
}

.footer-nav-item:hover .wp-block-image {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.sticky-footer-menu .home-menu .wp-block-image {
    padding: 8px;
    background-color: var(--color-primary);
    border-radius: 50%;
    -webkit-transform: translateY(-1.1rem) scale(1.5);
    -ms-transform: translateY(-1.1rem) scale(1.5);
    transform: translateY(-1.1rem) scale(1.5);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0 auto;
}


.is-dark-theme .sticky-footer-menu .home-menu .wp-block-image img {
    -webkit-filter: brightness(100%) invert(1) hue-rotate(158deg) saturate(1000%);
    filter: brightness(100%) invert(1) hue-rotate(158deg) saturate(1000%);
}

.sticky-footer-menu .home-menu .wp-block-image a {
    line-height: 1;
}

.sticky-footer-menu .home-menu .home-menu-wrapper {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
}

.home-menu p {
    color: var(--color-primary);
    font-weight: var(--font-weight-semibold);
}


body.is-dark-theme .sticky-footer-menu .footer-nav-item:not(.home-menu) .wp-block-image {
    -webkit-filter: brightness(100%) invert(1);
    filter: brightness(100%) invert(1);

}

body.is-dark-theme .footer-nav-item:hover {
    cursor: pointer;
    background-color: var(--color-gray-700);
}

.footer-nav-item.home-menu:hover .wp-block-image {
    -webkit-transform: translateY(-1.1rem) scale(1.7);
    -ms-transform: translateY(-1.1rem) scale(1.7);
    transform: translateY(-1.1rem) scale(1.7);
}

/* Active state for footer navigation */
.footer-nav-item.active p {
    color: var(--color-primary);
}

.footer-nav-item.active .footer-icon img {
    -webkit-filter: hue-rotate(187deg) saturate(98%) brightness(62%) invert(30%) sepia(2%) saturate(1319%) hue-rotate(192deg) brightness(90%);
    filter: hue-rotate(187deg) saturate(98%) brightness(62%) invert(30%) sepia(2%) saturate(1319%) hue-rotate(192deg) brightness(90%);

}

/* New Overides */
.footer-icon img {
    width: 18px !important;
    height: 18px !important;
    object-fit: contain !important;
}

.sticky-footer-menu .home-menu .wp-block-image {
    width: 18px !important;
    height: 18px !important;
    webkit-transform: translateY(-1rem) scale(1.4);
    transform: translateY(-0.5rem) scale(1.4);
}

.footer-nav-item {
    padding: 0 !important;
}