/* ==========================================================================
   Just Name IT, ny design: the closing band on every page (F-0083)
   --------------------------------------------------------------------------
   Loaded on every page of the child (inc/sections.php), after the parent's
   sections.css. The closing band ("Kontakta oss", .section-cta) holds its
   text and button in one column and the symbol's two leaves beside them,
   wherever the band is (Director 2026-10-26; F-0081 round 7). The server
   adds the wrapper and the picture (inc/sections.php, closing_band).
   ========================================================================== */

/* As wide as the header's row, so the leaves stand on the right (round 7). */
.section-cta > .ny-closing.ny-closing {
	max-width: var(--wp--style--global--wide-size);
}

.section-cta .ny-closing {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--space-70);
	align-items: center;
}

.section-cta .ny-closing__text > :first-child {
	margin-block-start: 0;
}

.section-cta .ny-closing__art {
	justify-self: center;
	width: min(100%, 26rem);
	margin: 0;
}

.section-cta .ny-closing__art img {
	display: block;
	width: 100%;
	height: auto;
}

@media (min-width: 64em) {

	.section-cta .ny-closing {
		grid-template-columns: 7fr 5fr;
		gap: var(--space-90);
	}

	.section-cta .ny-closing__art {
		width: min(100%, 30rem);
	}
}

/* ---------- A coloured band that closes the page sits on the footer ---------- */
/* F-0092 (Director 2026-10-28: "do we need the extra white space here?"):
   the parent drops main's bottom padding after a closing dark band; the
   new design does the same after a light band (surface, or Kontakt's Våra
   kontor, and from F-0093 a light blue section), so no white strip shows
   between the band and the footer. A page that ends on white content keeps
   the space. */
.wp-site-blocks > .site-main:has(> .wp-block-post-content > .section.section--surface:last-child),
.wp-site-blocks > .site-main:has(> .section.section--surface:last-child),
.wp-site-blocks > .site-main:has(> .wp-block-post-content > .section.is-style-surface:last-child),
.wp-site-blocks > .site-main:has(> .section.is-style-surface:last-child),
.wp-site-blocks > .site-main:has(> .wp-block-post-content > .section.is-style-primary-soft:last-child),
.wp-site-blocks > .site-main:has(> .section.is-style-primary-soft:last-child),
.wp-site-blocks > .site-main:has(> .wp-block-post-content > .section-offices:last-child),
.wp-site-blocks > .site-main:has(> .section-offices:last-child) {
	padding-block-end: 0;
}

/* ---------- The footer on a phone: one centred column ---------- */
/* Director 2026-10-29 (an iPhone 16, 393 px): "sidfoten blir fortfarande avig
   ... kanske bara centrera när det blir så smalt?". Below 30em the footer is
   one column (shell.css); the logo, headings, lines and the bottom links are
   centred there. From 30em the two columns stay left-aligned. */
@media (max-width: 29.99em) {
	.site-footer .footer-grid,
	.site-footer .footer-bottom {
		text-align: center;
	}

	.site-footer .footer-logo img {
		margin-inline: auto;
	}

	.site-footer .footer-bottom {
		justify-content: center;
	}
}

/* ---------- The share row: no empty status line ---------- */
/* Director 2026-10-29 (Jobba hos oss and the news articles): too much air
   around the share row. Its live region ("Länken är kopierad") took a line
   of its own under the buttons even when empty, so the row had about 33 px
   more under the buttons than over them. Empty, it is out of the flow but
   still rendered, so the message is still announced when it is filled. */
.share .share__status:empty {
	position: absolute;
	width: 1px;
	height: 1px;
	min-height: 0;
	overflow: hidden;
	clip-path: inset(50%);
}