.footer-widgets {
background-color: var(--color-gray-900);
color: var(--color-white);
padding: var(--spacing-3xl) 0;
}
.footer-widgets-grid {
gap: var(--spacing-2xl);
}
.footer-column {
min-width: 0;
}
.footer-widgets .widget {
background-color: transparent;
padding: 0;
box-shadow: none;
margin-bottom: var(--spacing-xl);
}
.footer-widgets .widget:last-child {
margin-bottom: 0;
}
.footer-widgets .widget-title {
color: var(--color-white);
font-size: 1.25rem;
margin-bottom: var(--spacing-md);
padding-bottom: var(--spacing-sm);
border-bottom: 2px solid var(--color-primary);
}
.footer-widgets .widget ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-widgets .widget ul li {
padding: 0.5rem 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-widgets .widget ul li:last-child {
border-bottom: none;
}
.footer-widgets .widget ul li a {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 0.5rem;
}
.footer-widgets .widget ul li a:hover {
color: var(--color-primary);
padding-left: 0.5rem;
}
.footer-widgets .widget p {
color: rgba(255, 255, 255, 0.8);
line-height: 1.6;
}
.footer-widgets .widget a {
color: var(--color-primary);
}
.footer-widgets .widget a:hover {
color: var(--color-primary-light);
} .footer-widgets .widget_text,
.footer-widgets .widget_custom_html {
font-size: 0.9375rem;
}
.footer-widgets .widget_nav_menu ul li a::before {
content: "→";
margin-right: 0.5rem;
transition: margin-right 0.3s ease;
}
.footer-widgets .widget_nav_menu ul li a:hover::before {
margin-right: 0.75rem;
} .footer-widgets .contact-info-item {
display: flex;
align-items: flex-start;
gap: var(--spacing-sm);
margin-bottom: var(--spacing-md);
color: rgba(255, 255, 255, 0.8);
}
.footer-widgets .contact-info-item svg {
flex-shrink: 0;
margin-top: 0.25rem;
color: var(--color-primary);
}
.footer-widgets .contact-info-item a {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
transition: color 0.3s ease;
}
.footer-widgets .contact-info-item a:hover {
color: var(--color-primary);
} .footer-bottom {
background-color: var(--color-black);
color: rgba(255, 255, 255, 0.7);
padding: var(--spacing-xl) 0;
}
.footer-bottom-content {
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--spacing-xl);
flex-wrap: wrap;
}
.footer-info {
flex: 1;
min-width: 250px;
} .uix-credit-link {
display: inline-flex;
align-items: center;
gap: 0.875rem;
text-decoration: none;
transition: all 0.3s ease;
}
.uix-credit-link:hover {
opacity: 0.85;
}
.uix-logo-box {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.5rem 1rem;
border: 2px solid var(--color-white);
border-radius: 4px;
font-size: 1.25rem;
font-weight: 700;
letter-spacing: -0.02em;
color: var(--color-white);
transition: all 0.3s ease;
}
.uix-credit-link:hover .uix-logo-box {
background-color: var(--color-white);
color: var(--color-black);
}
.uix-credit-text {
display: flex;
flex-direction: column;
font-size: 0.8125rem;
line-height: 1.4;
color: rgba(255, 255, 255, 0.7);
}
.uix-credit-text span:last-child {
color: var(--color-white);
font-weight: 500;
}
.footer-copyright {
text-align: right;
flex: 1;
min-width: 250px;
}
.footer-copyright p {
margin-bottom: var(--spacing-sm);
font-size: 0.875rem;
}
.footer-copyright a {
color: var(--color-white);
text-decoration: none;
transition: color 0.3s ease;
}
.footer-copyright a:hover {
color: var(--color-primary);
}
.footer-navigation {
margin-top: var(--spacing-sm);
}
.footer-menu {
display: flex;
gap: var(--spacing-md);
list-style: none;
padding: 0;
margin: 0;
justify-content: flex-end;
flex-wrap: wrap;
}
.footer-menu li {
margin: 0;
}
.footer-menu a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
font-size: 0.875rem;
transition: color 0.3s ease;
}
.footer-menu a:hover {
color: var(--color-primary);
}
.footer-menu li:not(:last-child)::after {
content: "|";
margin-left: var(--spacing-md);
color: rgba(255, 255, 255, 0.3);
} .back-to-top {
position: fixed;
bottom: 30px;
right: 30px;
width: 50px;
height: 50px;
background-color: var(--color-primary);
color: var(--color-white);
border: none;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: var(--shadow-lg);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 999;
}
.back-to-top.show {
opacity: 1;
visibility: visible;
}
.back-to-top:hover {
background-color: var(--color-primary-dark);
transform: translateY(-5px);
box-shadow: var(--shadow-xl);
}
.back-to-top:focus {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.back-to-top svg {
width: 24px;
height: 24px;
} input.error,
textarea.error,
select.error {
border-color: #dc2626 !important;
}
.error-message {
display: block;
color: #dc2626;
font-size: 0.875rem;
margin-top: 0.25rem;
} @media (max-width: 1024px) {
.footer-widgets-grid {
grid-template-columns: repeat(2, 1fr);
}
.footer-bottom-content {
flex-direction: column;
text-align: center;
}
.footer-info,
.footer-copyright {
text-align: center;
min-width: 100%;
}
.footer-social {
justify-content: center;
}
.footer-menu {
justify-content: center;
}
}
@media (max-width: 768px) {
.footer-widgets {
padding: var(--spacing-2xl) 0;
}
.footer-widgets-grid {
grid-template-columns: 1fr;
}
.footer-bottom {
padding: var(--spacing-lg) 0;
}
.footer-menu {
flex-direction: column;
gap: var(--spacing-sm);
align-items: center;
}
.footer-menu li:not(:last-child)::after {
display: none;
}
.back-to-top {
bottom: 20px;
right: 20px;
width: 45px;
height: 45px;
}
} @media print {
.site-footer,
.back-to-top {
display: none;
}
}