/*
 * Footer + phone/tablet quick-contact bar (design A).
 * Colors come from theme.json presets / settings.custom only; text and link
 * colors on navy-deep come from the dark-background rule in theme.json.
 */

/* Footer */
/* As in the design: 12px under each column heading, no gaps between the lines below it. */
.torqtek-footer .wp-block-column > * {
	margin-block: 0;
}

.torqtek-footer .wp-block-column > h3 {
	margin-block-end: 0.75rem;
	font-size: 1rem;
}

.torqtek-footer a:where(:not(.wp-element-button)) {
	text-decoration: none;
}

.torqtek-footer a:where(:not(.wp-element-button)):hover,
.torqtek-footer a:where(:not(.wp-element-button)):focus-visible {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.3em;
}

.torqtek-footer-links {
	padding: 0;
	list-style: none;
}

.torqtek-footer-links li {
	margin-block-end: 0.35rem;
}

.torqtek-footer-legal {
	margin-block-start: 2rem;
	padding-block-start: 1rem;
	border-block-start: 1px solid var(--wp--custom--color--navy-line);
}

/* Columns side by side from 768px, as in the design (core columns switch at 782px). */
@media (min-width: 768px) and (max-width: 781.98px) {
	.wp-block-columns.torqtek-footer-cols {
		flex-wrap: nowrap !important;
	}

	.wp-block-columns.torqtek-footer-cols > .wp-block-column {
		flex-basis: 0 !important;
		flex-grow: 1;
	}
}

/* Quick-contact bar: fixed to the bottom of the screen below 1100px. */
.wp-block-buttons.torqtek-mbar {
	position: fixed;
	inset-inline: 0;
	inset-block-end: 0;
	z-index: 30;
	display: grid;
	grid-template-columns: 1fr 1fr 1.4fr;
	gap: 0.5rem;
	margin: 0;
	padding: 0.5rem;
	border-block-start: 1px solid var(--wp--custom--color--rule);
	background-color: var(--wp--preset--color--surface);
}

.torqtek-mbar .wp-block-button {
	inline-size: auto;
	margin: 0;
}

.torqtek-mbar .wp-block-button__link {
	inline-size: 100%;
	min-block-size: 48px;
	padding: 0.25rem 0.5rem;
	font-size: 0.95rem;
	line-height: 1.1;
	text-align: center;
}

@media (max-width: 1099.98px) {
	/* Room for the bar so it never covers the end of the page. */
	.wp-site-blocks {
		box-sizing: border-box;
		padding-block-end: 4.5rem;
	}
}

@media (min-width: 1100px) {
	.wp-block-buttons.torqtek-mbar {
		display: none;
	}
}

/* In the editor the bar stays in the flow instead of covering the canvas. */
.editor-styles-wrapper .wp-block-buttons.torqtek-mbar {
	position: static;
}