.mgd-footer {
padding-top: var(--wp--preset--spacing--60); padding-bottom: calc(1.75rem + env(safe-area-inset-bottom, 0px));
background: var(--wp--preset--color--contrast);
color: #f6f1ea;
}
.mgd-footer__inner {
width: 100%; max-width: 110rem;
margin-inline: auto;
padding-inline: clamp(1.25rem, 5.56vw, 5rem);
}
.mgd-footer__gora {
display: grid;
grid-template-columns: minmax(0, 1.7fr) repeat(3, minmax(0, 1fr));
gap: clamp(2rem, 4vw, 4rem);
padding-bottom: clamp(2.5rem, 5vw, 4.5rem);
}  .mgd-footer__logo {
display: inline-block;
line-height: 0;
color: #f6f1ea;
transition: opacity 0.3s ease;
}
.mgd-footer__logo svg {
display: block;
width: clamp(8.5rem, 11vw, 10.5rem);
height: auto;
}
.mgd-footer__opis {
max-width: 24rem;
margin: 1rem 0 0;
font-size: var(--wp--preset--font-size--sm);
line-height: 1.75;
color: rgba(246, 241, 234, 0.62);
}
.mgd-footer__sociale {
display: flex;
gap: 0.6rem;
margin: 1.5rem 0 0;
padding: 0;
list-style: none;
}
.mgd-footer__social {
display: grid;
place-items: center;
width: 2.75rem;
height: 2.75rem;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
color: #fff;
transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.mgd-footer__social svg {
width: 1.05rem;
height: 1.05rem;
} .mgd-footer__etykieta {
margin: 0 0 1.1rem;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 400;
line-height: 1.3;
letter-spacing: 0.2em;
text-transform: uppercase;
color: rgba(246, 241, 234, 0.6);
}
.mgd-footer__lista {
display: grid;
gap: 0.1rem;
margin: 0;
padding: 0;
list-style: none;
} .mgd-footer__link {
display: inline-flex;
align-items: center;
gap: 0.6rem;
padding-block: 0.4rem;
font-size: var(--wp--preset--font-size--md);
text-decoration: none;
color: rgba(246, 241, 234, 0.86);
transition: color 0.3s ease;
}
.mgd-footer__link svg {
width: 1rem;
height: 1rem;
transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.mgd-footer__link--strzalka {
margin-top: 0.6rem;
font-size: var(--wp--preset--font-size--sm);
color: #f6f1ea;
}
.mgd-footer__adres {
font-size: var(--wp--preset--font-size--md);
font-style: normal;
line-height: 1.7;
color: rgba(246, 241, 234, 0.86);
}
.mgd-footer__lista--telefony {
gap: 1rem;
}
.mgd-footer__podpis {
display: block;
font-size: var(--wp--preset--font-size--xs);
color: rgba(246, 241, 234, 0.55);
}
.mgd-footer__numer {
display: inline-block;
padding-block: 0.2rem;
font-size: var(--wp--preset--font-size--lg);
letter-spacing: 0.02em;
text-decoration: none;
color: #fff;
transition: color 0.3s ease;
} .mgd-footer__numer--email {
font-size: var(--wp--preset--font-size--md);
letter-spacing: 0;
overflow-wrap: anywhere;
} .mgd-footer__dol {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.5rem 2rem;
padding-top: 1.5rem;
border-top: 1px solid rgba(255, 255, 255, 0.12);
font-size: var(--wp--preset--font-size--xs);
color: rgba(246, 241, 234, 0.55);
}
.mgd-footer__dol p {
margin: 0;
}
.mgd-footer__dol .mgd-footer__link {
font-size: inherit;
color: rgba(246, 241, 234, 0.72);
} .mgd-footer__autor a {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 0 0.4em;
min-height: 2.75rem;
font-weight: 600;
text-decoration: none;
color: rgba(246, 241, 234, 0.86);
}
.mgd-footer__autor-opis {
font-weight: 400;
color: rgba(246, 241, 234, 0.55);
transition: color 0.35s ease;
}
.mgd-footer a:focus-visible {
outline: 2px solid var(--wp--preset--color--accent-light);
outline-offset: 3px;
}
@media (hover: hover) {
.mgd-footer__link:hover,
.mgd-footer__numer:hover {
color: var(--wp--preset--color--accent-light);
}
.mgd-footer__logo:hover {
opacity: 0.85;
}
.mgd-footer__link--strzalka:hover {
color: #fff;
}
.mgd-footer__link:hover svg {
transform: translateX(0.25rem);
}
.mgd-footer__autor a:hover .mgd-footer__autor-opis {
color: rgba(246, 241, 234, 0.86);
}
.mgd-footer__social:hover {
border-color: var(--wp--preset--color--accent-light);
background: var(--wp--preset--color--accent-light);
color: #fff;
}
} @media (max-width: 61.9375rem) {
.mgd-footer__gora {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.mgd-footer__marka {
grid-column: 1 / -1;
}
} @media (max-width: 47.9375rem) {
.mgd-footer__gora {
grid-template-columns: repeat(2, minmax(0, 1fr));
} .mgd-footer__kolumna:last-child {
grid-column: 1 / -1;
}
.mgd-footer__dol {
flex-direction: column;
align-items: flex-start;
} .mgd-footer__autor {
margin-block: 0.25rem 0.5rem;
line-height: 1.5;
}
.mgd-footer__autor a {
display: inline;
min-height: 0;
}
.mgd-footer__autor-opis {
display: block;
font-size: 0.6875rem;
}
}