/* ==========================================================================
   Aktuelt – blokstile til sider (Om os m.fl.)
   Indlæses både på sitet og i blokeditoren, så siden ser ens ud begge steder.
   ========================================================================== */

/* Tre værdier */
.wp-block-columns.om-values {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
	margin: 64px 0 0;
	padding: 40px 0 64px;
	border-top: 1px solid #d3d7e1;
	border-bottom: 1px solid #d3d7e1;
	max-width: none;
}
.wp-block-columns.om-values > .wp-block-column { margin: 0; flex-basis: auto; }
.wp-block-columns.om-values h3 {
	margin: 0;
	font-family: "Instrument Serif", Georgia, serif;
	font-weight: 400;
	font-size: 30px;
	line-height: 1.2;
	color: #162c6f;
}
.wp-block-columns.om-values p {
	margin: 12px 0 0;
	font-family: "Work Sans", ui-sans-serif, system-ui, sans-serif;
	font-size: 16px;
	line-height: 28px;
	color: #545b69;
}

/* Overskrift før redaktionen */
.wp-block-columns.om-values + h2,
.wp-block-columns.om-values + .wp-block-heading { margin-top: 40px; }

/* Redaktionen */
.wp-block-columns.om-team {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin: 33px 0 0;
	max-width: none;
}
.wp-block-columns.om-team > .wp-block-column {
	margin: 0;
	flex-basis: auto;
	padding: 24px;
	background: #f8f9fc;
}
.wp-block-columns.om-team h3 {
	margin: 0;
	font-family: "Instrument Serif", Georgia, serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.25;
	color: #12161f;
}
.wp-block-columns.om-team p {
	margin: 16px 0 0;
	font-family: "Work Sans", ui-sans-serif, system-ui, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #12161f;
	overflow-wrap: anywhere;
}
.wp-block-columns.om-team h3 + p {
	margin-top: 6px;
	font-size: 11px;
	line-height: 16.5px;
	font-weight: 700;
	text-transform: uppercase;
	color: #162c6f;
}
.wp-block-columns.om-team a { color: inherit; text-decoration: none; }
.wp-block-columns.om-team a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* Tip-boks */
.wp-block-group.om-tip {
	margin: 64px 0 80px;
	padding: 47px 48px 46.5px;
	background: #162c6f;
	color: #fff;
	max-width: none;
}
:where(.wp-block-group.om-tip) > *,
:where(.wp-block-group.om-tip > .wp-block-group__inner-container) > * { margin: 0; max-width: none; }
.wp-block-group.om-tip h2 {
	margin: 0;
	font-family: "Instrument Serif", Georgia, serif;
	font-weight: 400;
	font-size: 36px;
	line-height: 1.1;
	color: #fff;
}
.wp-block-group.om-tip p {
	margin: 14px 0 0;
	max-width: 576px;
	font-family: "Work Sans", ui-sans-serif, system-ui, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: rgba(255, 255, 255, .8);
}
.wp-block-group.om-tip a:not(.wp-block-button__link) { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.wp-block-group.om-tip .wp-block-buttons { margin: 24px 0 0; gap: 12px; }
.wp-block-group.om-tip .wp-block-button { margin: 0; }
.wp-block-group.om-tip .wp-block-button__link,
.wp-block-group.om-tip .wp-block-button.is-style-outline > .wp-block-button__link {
	display: inline-block;
	padding: 12px 19.25px;
	border: 1px solid #fff;
	border-radius: 0;
	background: transparent;
	color: #fff;
	font-family: "Work Sans", ui-sans-serif, system-ui, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	transition: background .15s, color .15s;
}
.wp-block-group.om-tip .wp-block-button__link:hover { background: #fff; color: #162c6f; }
/* Sidste afsnit = lille linje med firmaoplysninger */
.wp-block-group.om-tip p:last-child:not(:first-of-type) {
	margin-top: 31px;
	font-size: 12px;
	line-height: 18px;
	color: rgba(255, 255, 255, .6);
}

@media (max-width: 781px) {
	.wp-block-columns.om-values,
	.wp-block-columns.om-team { grid-template-columns: 1fr; }
	.wp-block-columns.om-values { gap: 32px; padding: 32px 0 40px; margin-top: 48px; }
	.wp-block-columns.om-team { gap: 16px; }
	.wp-block-group.om-tip { padding: 32px 24px; margin-top: 48px; }
	.wp-block-group.om-tip h2 { font-size: 32px; }
}

/* ==========================================================================
   Blokstile
   ========================================================================== */
/* Afsnit → Stil: Manchet */
p.is-style-lead {
	font-family: "Work Sans", ui-sans-serif, system-ui, sans-serif;
	font-size: 20px;
	line-height: 28px;
	color: #545b69;
}
/* Skillelinje → Stil: Fuld bredde (går ud i hele skærmens bredde) */
hr.wp-block-separator.is-style-fullbleed {
	width: 100vw;
	max-width: 100vw !important;
	height: 0;
	margin: 79.5px 0 0 calc(50% - 50vw);
	border: 0;
	border-top: 1px solid #d3d7e1;
	background: none;
	opacity: 1;
}
hr.wp-block-separator.is-style-fullbleed + h2,
hr.wp-block-separator.is-style-fullbleed + .wp-block-heading { margin-top: 56px; }

/* ==========================================================================
   Annoncér-side
   ========================================================================== */
/* Nøgletal */
.wp-block-columns.ad-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	margin: 52.5px 0 0;
	max-width: none;
}
.wp-block-columns.ad-stats > .wp-block-column {
	margin: 0;
	flex-basis: auto;
	padding: 24px;
}
.wp-block-columns.ad-stats > .wp-block-column + .wp-block-column { border-left: 1px solid #d3d7e1; }
.wp-block-columns.ad-stats p {
	margin: 0;
	font-family: "Work Sans", ui-sans-serif, system-ui, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #545b69;
}
.wp-block-columns.ad-stats p:first-child {
	font-family: "Instrument Serif", Georgia, serif;
	font-size: 48px;
	line-height: 1;
	color: #162c6f;
}
.wp-block-columns.ad-stats p + p { margin-top: 8px; }

/* Annonceløsninger (to pr. række – flere lægger sig automatisk nedenunder) */
.wp-block-columns.ad-solutions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	margin: 32.5px 0 0;
	max-width: none;
}
.wp-block-columns.ad-solutions > .wp-block-column {
	margin: 0;
	flex-basis: auto;
	padding: 24px;
	background: #f8f9fc;
	border-top: 4px solid #162c6f;
}
.wp-block-columns.ad-solutions h3 {
	margin: 0;
	font-family: "Instrument Serif", Georgia, serif;
	font-weight: 400;
	font-size: 30px;
	line-height: 1.2;
	color: #12161f;
}
.wp-block-columns.ad-solutions p {
	margin: 12px 0 0;
	font-family: "Work Sans", ui-sans-serif, system-ui, sans-serif;
	font-size: 16px;
	line-height: 28px;
	color: #545b69;
}
/* Sidste afsnit i et kort = prisen */
.wp-block-columns.ad-solutions .wp-block-column > p:last-child:not(:first-of-type) {
	margin-top: 24px;
	font-size: 11px;
	line-height: 16.5px;
	font-weight: 700;
	text-transform: uppercase;
	color: #162c6f;
}
.wp-block-columns.ad-solutions a { color: inherit; }

/* Kontaktboks */
.wp-block-group.ad-cta {
	position: relative;
	margin: 56.5px 0 0;
	padding: 48px 48px 47.5px;
	background: #162c6f;
	color: #fff;
	max-width: none;
}
:where(.wp-block-group.ad-cta) > *,
:where(.wp-block-group.ad-cta > .wp-block-group__inner-container) > * { margin: 0; max-width: none; }
.wp-block-group.ad-cta h2 {
	margin: 0;
	font-family: "Instrument Serif", Georgia, serif;
	font-weight: 400;
	font-size: 36px;
	line-height: 1.1;
	color: #fff;
}
.wp-block-group.ad-cta p {
	margin: 12.5px 0 0;
	max-width: 576px;
	font-family: "Work Sans", ui-sans-serif, system-ui, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: rgba(255, 255, 255, .8);
}
/* Sidste afsnit = kontaktlinjen (e-mail og telefon) */
.wp-block-group.ad-cta p:last-of-type:not(:first-of-type) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 32px;
	margin-top: 24px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}
.wp-block-group.ad-cta a:not(.wp-block-button__link) {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #fff;
	text-decoration: none;
}
.wp-block-group.ad-cta a:not(.wp-block-button__link):hover { text-decoration: underline; text-underline-offset: 3px; }
.wp-block-group.ad-cta a[href^="mailto:"]:not(.wp-block-button__link)::before,
.wp-block-group.ad-cta a[href^="tel:"]:not(.wp-block-button__link)::before {
	content: "";
	flex: none;
	width: 16px;
	height: 16px;
	background: currentColor;
	-webkit-mask: var(--ad-icon) center / 16px 16px no-repeat;
	mask: var(--ad-icon) center / 16px 16px no-repeat;
}
.wp-block-group.ad-cta a[href^="mailto:"] { --ad-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E"); }
.wp-block-group.ad-cta a[href^="tel:"] { --ad-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E"); }
/* Knappen placeres til højre, lodret centreret */
.wp-block-group.ad-cta .wp-block-buttons {
	position: absolute;
	top: 50%;
	right: 48px;
	transform: translateY(-50%);
	margin: 0;
}
.wp-block-group.ad-cta .wp-block-button { margin: 0; }
.wp-block-group.ad-cta .wp-block-button__link {
	display: inline-block;
	padding: 10px 32px;
	border: 0;
	border-radius: 0;
	background: #d7e1f6;
	color: #162c6f;
	font-family: "Work Sans", ui-sans-serif, system-ui, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	transition: background .15s;
}
.wp-block-group.ad-cta .wp-block-button__link:hover { background: #fff; }

@media (max-width: 781px) {
	p.is-style-lead { font-size: 18px; line-height: 27px; }
	hr.wp-block-separator.is-style-fullbleed { margin-top: 48px; }
	hr.wp-block-separator.is-style-fullbleed + h2,
	hr.wp-block-separator.is-style-fullbleed + .wp-block-heading { margin-top: 40px; }
	.wp-block-columns.ad-stats { grid-template-columns: 1fr; margin-top: 32px; }
	.wp-block-columns.ad-stats > .wp-block-column { padding: 16px 0; }
	.wp-block-columns.ad-stats > .wp-block-column + .wp-block-column { border-left: 0; border-top: 1px solid #d3d7e1; }
	.wp-block-columns.ad-stats p:first-child { font-size: 42px; }
	.wp-block-columns.ad-solutions { grid-template-columns: 1fr; gap: 16px; }
	.wp-block-group.ad-cta { padding: 32px 24px; margin-top: 40px; }
	.wp-block-group.ad-cta h2 { font-size: 32px; }
	.wp-block-group.ad-cta .wp-block-buttons { position: static; transform: none; margin-top: 24px; }
}