/* public/footer/footer.css */


#footer-placeholder {
margin: 50px 0 0 0;
background: #232427;
}

/* Единый переключатель темы для всех страниц с общим футером. */
.footer-theme-switcher {
width: fit-content;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
position: fixed;
right: 8px;
bottom: 8px;
z-index: 2;
}

.theme-btn-cycle {
background-image: url('/img/icon16.png');
background-size: 22px;
background-position: center;
background-repeat: no-repeat;
padding: 17px;
border: 0;
border-radius: 999px;
cursor: pointer;
transition: all 0.3s ease;
}

.footer-theme-button {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ffffff73;
background-color: #000;
}

.theme-btn-cycle:hover {
opacity: 1;
transform: scale(1.05);
}

.theme-btn-cycle[data-theme="dark"] {
background-image: url('/img/icon17.png');
}

.theme-btn-cycle[data-theme="white"] {
background-image: url('/img/icon18.png');
}

.theme-btn-cycle.is-active {
opacity: 1;
}


.footer-logo-all {
display: flex;
gap: 10px;
flex-direction: column;
flex: 0 0 230px;
}

.footer-logo-all a {
color: white;
}

.footer-logo {
font-size: 36px;
color: #fff;
}

.footer-logo-2 {
display: flex;
align-items: center;
justify-content: center;
width: 150px;
height: 60px;
overflow: hidden;
border-radius: 10px;
border: 1px solid #0000001a;
}
.footer-logo-2 img {
width: -webkit-fill-available;
}


.footer1 {
padding: 40px 20px 80px 20px;
margin: auto;
display: flex;
gap: 40px;
justify-content: center;
max-width: 1400px;
flex-wrap: wrap;
}

.footer1 h2 {
background: #00a1b3;
background: #72cb93;
background: hsl(163 63% 47%);
display: flex;
margin: 0;
text-align: center;
padding: 15px 28px;
justify-content: center;
align-items: center;
border-radius: 910px;
font: inherit;
}

.footer2 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(232px, 1fr));
gap: 20px;
}

.footer3 {
display: flex;
flex-direction: column;
flex: 1 1 530px;
min-width: 200px;
}

.footer3 a {
color: #ffffff;
}

.footer3 h2 {
}

.footer3 h3 {
font-weight: 400;
font-size: 13px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.6px;
margin: 0 0 5px 0;
}

.footer4 {
font-size: 13px;
margin: 0px 0 0 0;
}

.footer4 a {
color: #ffffff70;
}

.footer4 a:hover {
color: #8ad7a7;
}

.footer5 {
display: flex;
font-size: 13px;
color: #ffffff70;
height: 76px;
overflow-x: hidden;
scrollbar-color: #00000026 #00000000;
scrollbar-width: thin;
margin: 0 0 20px 0;
text-align: justify;
}

@media (max-width: 840px) {
.footer5 { text-align: left; }
}

.footer-invite-call {
display: flex;
gap: 12px;
align-items: center;
justify-content: center;
width: 230px;
padding: 15px 17px;
box-sizing: border-box;
border: 0;
border-radius: 910px;
background: #2f7cb7;
background: #72cb93;
background: hsl(163 63% 47%);
color: #fff;
font: inherit;
text-decoration: none;
cursor: pointer;
transition: 0.2s ease;
}

.footer-invite-call:hover {
background: #3d8fce;
transform: translateY(-2px);
}

.footer-invite-call:active {
background: #92f9ff;
color: #000000;
transform: translateY(0);
}

.footer-invite-call-icon {
display: flex;
align-items: center;
justify-content: center;
}

.footer-invite-call-icon img {
display: block;
width: 22px;
height: 22px;
object-fit: contain;
animation: footerInviteWiggle 2s ease-in-out infinite;
}

@keyframes footerInviteWiggle {
0% {transform: rotate(0deg);}
10% {transform: rotate(-20deg);}
20% {transform: rotate(20deg);}
30% {transform: rotate(-20deg);}
40% {transform: rotate(0deg);}
100% {transform: rotate(0deg);}
}