@import '../../shared/css/typography.css';
@import '../../atoms/footer-link/footer-link.css';
@import '../../atoms/footer-button/footer-button.css';
@import '../../atoms/footer-text/footer-text.css';
@import '../../molecules/footer-link-list/footer-link-list.css';
@import '../../molecules/footer-accordion/footer-accordion.css';
@import '../../molecules/footer-contact-panel/footer-contact-panel.css';
@import '../../molecules/footer-legal-links/footer-legal-links.css';
@import '../../molecules/footer-bottom-bar/footer-bottom-bar.css';
@import '../../molecules/footer-logo-placeholder/footer-logo-placeholder.css';

.rooma-site-footer {
	--rooma-footer-color: #ffffff;
	--rooma-footer-bg: #000000;
	--rooma-footer-button-bg: #1c1c1c;
	--rooma-footer-button-bg-hover: #2a2a2a;
	--rooma-footer-border-soft: rgba(255, 255, 255, 0.1);
	--rooma-font-grato: 'Rooma Grato Grotesk', 'Grato Grotesk Variable', 'Grato Grotesk', Arial, sans-serif;

	box-sizing: border-box;
	width: 100%;
	padding: 26px;
	background: var(--rooma-footer-bg);
	color: var(--rooma-footer-color);
	font-family: var(--rooma-font-grato);
}

.rooma-site-footer *,
.rooma-site-footer *::before,
.rooma-site-footer *::after {
	box-sizing: border-box;
}

.rooma-site-footer__inner {
	display: grid;
	gap: 60px;
	width: 100%;
}

.rooma-site-footer__top {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 20px;
	width: 100%;
}

.rooma-site-footer__contacts {
	grid-column: span 2;
}

.rooma-site-footer__bottom {
	display: grid;
	gap: 0px;
	width: 100%;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.rooma-site-footer__logo {
	padding: 38px 0px 54px 0px;
    display: flex;
	justify-content: center;
	width: 100%;
}

.rooma-site-footer__mobile {
	display: none;
}

@media (min-width: 768px) and (max-width: 1200px) {
	.rooma-site-footer__top {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.rooma-site-footer__spacer {
		display: none;
	}

	.rooma-site-footer__contacts {
		grid-column: span 3;
	}
}

@media (max-width: 767px) {
	.rooma-site-footer {
		padding: 0px;
	}

	.rooma-site-footer__inner {
		gap: 24px;
	}

	.rooma-site-footer__desktop,
	.rooma-site-footer__bottom {
		display: none;
	}

	.rooma-site-footer__mobile {
		display: grid;
		gap: 0px;
	}

	.rooma-site-footer__mobile-content {
		display: grid;
		gap: 0px;
		padding: 0 14px;
	}

	.rooma-site-footer__mobile-logo {
		display: flex;
		justify-content: center;
        padding: 60px 0px 50px 0px;
	}

	.rooma-site-footer__mobile > .rooma-footer-text--copyright {
		padding: 24px 0px 24px 0px;
		border-top: 1px solid rgba(255, 255, 255, 0.3);
		text-align: center;
	}
}