.elementor-386 .elementor-element.elementor-element-ea81c45{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-386 .elementor-element.elementor-element-eb41168{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-386 .elementor-element.elementor-element-eb41168 img{width:220px;}/* Start custom CSS for html, class: .elementor-element-3df04d1 *//* --- GŁÓWNY KONTENER TELEFONU W STOPCE --- */
.mx-footer-phone-block {
    display: flex;
    align-items: center;
    gap: 15px;
    font-family: inherit;
}

/* Kółko wokół słuchawki dostosowane do ciemnego tła */
.mx-phone-circle-ft {
    width: 55px;
    height: 55px;
    border: 1px solid rgba(255, 255, 255, 0.2); /* Delikatna, półprzezroczysta biała ramka */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}

/* Kontener na teksty */
.mx-phone-details-ft {
    display: flex;
    flex-direction: column;
}

/* Napis "ZADZWOŃ DO NAS" */
.mx-phone-label-ft {
    font-size: 14px;
    font-weight: 800;
    color: #ffffff; /* BIAŁY KOLOR */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1;
    margin-bottom: 5px;
}

/* Główny numer telefonu */
.mx-phone-number-ft {
    font-size: 30px;
    font-weight: 800;
    color: #e01c24; /* Firmowy czerwony świetnie wygląda na ciemnym tle! */
    text-decoration: none;
    line-height: 1;
    letter-spacing: -0.5px;
    transition: opacity 0.3s ease;
}

.mx-phone-number-ft:hover {
    opacity: 0.8;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb8c4c0 *//* Kontener całej listy (Odstępy między linkami) */
.mx-footer-links-list {
    display: flex;
    flex-direction: column;
    gap: 15px; /* Pionowy odstęp między linkami */
    font-family: inherit;
}

/* Styl pojedynczego linku */
.mx-footer-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #e0e0e0; /* Jasnoszary/Białawy kolor tekstu na start */
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s ease;
    width: 100%;
    word-break: break-word; /* Wymusza poprawne łamanie długich tekstów na mobile */
}

/* Styl ukośnej strzałki */
.mx-footer-link svg {
    width: 16px;
    height: 16px;
    color: #777777; /* Ciemnoszara strzałka na start */
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.3s ease;
    flex-shrink: 0; /* Zabezpiecza ikonę przed zgnieceniem przy długim tekście */
}

/* MAGIA: Zmiany po najechaniu myszką (Hover) */
.mx-footer-link:hover {
    color: #ffffff; /* Tekst robi się idealnie biały */
}

.mx-footer-link:hover svg {
    color: #ed1c24; /* Strzałka staje się firmowo czerwona */
    transform: translate(5px, -5px); /* Ucieka w prawy-górny róg! */
}/* End custom CSS */