/**
 * Perspekt Blocks – Visual Overrides v1.6.0
 * Full rewrite: bigger text everywhere, taller sections, correct hero image,
 * quote card repositioned, Dekker cards much taller, CTA double height,
 * team avatars double size.
 */

/* ── 1. POST CHROME ─────────────────────────────────────────── */
.has-perspekt-blocks .breadcrumbs,
.has-perspekt-blocks .breadcrumb,
.has-perspekt-blocks nav.breadcrumb,
.has-perspekt-blocks .rank-math-breadcrumb,
.has-perspekt-blocks .yoast-breadcrumb,
.has-perspekt-blocks h1.entry-title,
.has-perspekt-blocks .entry-header,
.has-perspekt-blocks .page-header,
.has-perspekt-blocks .post-thumbnail { display: none !important; }

/* ── 2. FULL-WIDTH BREAKOUT (same as pwl-shell / plng-shell) ── */
.pk-hero,
.pk-oppdrag,
.pk-dekker,
.pk-folkets,
.pk-prinsipper,
.pk-redaksjon,
.pk-cta-banner,
.pk-tips-bar,
.pk-team {
	position: relative !important;
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	max-width: 100vw !important;
	box-sizing: border-box !important;
}

/* Inner containers max-width */
.pk-hero__inner,
.pk-oppdrag__inner,
.pk-dekker__header,
.pk-dekker__grid,
.pk-dekker__footer-note,
.pk-folkets__top,
.pk-folkets__cards,
.pk-prinsipper__header,
.pk-prinsipper__grid,
.pk-redaksjon__intro,
.pk-cta-banner__inner,
.pk-tips-bar__inner,
.pk-team__header,
.pk-team__grid {
	max-width: 1300px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ══════════════════════════════════════════════════════════════
   3. HERO
   - Flag visible at right by anchoring image to 82% x
   - Quote card: smaller, repositioned top-right over the image
   - Text: much larger
══════════════════════════════════════════════════════════════ */
.pk-hero {
	overflow: hidden !important;
	min-height: clamp(680px, 68vw, 900px) !important;
	padding: clamp(4rem, 6vw, 7rem) clamp(2rem, 5vw, 5rem) !important;
	background:
		linear-gradient(to right,
			#ffffff 0%, #ffffff 44%,
			rgba(255,255,255,0.90) 54%,
			rgba(255,255,255,0.10) 70%,
			rgba(255,255,255,0.00) 82%),
		var(--pk-hero-default-image, none) 82% center / cover no-repeat,
		#f4f2ef !important;
}

.pk-hero__inner {
	position: relative !important; z-index: 2 !important;
	display: grid !important;
	grid-template-columns: minmax(0, 0.56fr) minmax(0, 0.44fr) !important;
	gap: 3rem !important; align-items: flex-start !important;
	max-width: 1300px !important; margin: 0 auto !important;
	min-height: clamp(620px, 62vw, 840px) !important;
	padding-top: 3rem !important;
}

.pk-hero__content { position: relative !important; z-index: 2 !important; }

/* Media-library image */
.pk-hero__media {
	position: absolute !important; inset: 0 !important; z-index: 0 !important;
}
.pk-hero__image {
	width: 100% !important; height: 100% !important;
	object-fit: cover !important;
	object-position: 82% center !important;
	display: block !important; border-radius: 0 !important;
}
.pk-hero__media::after {
	content: '' !important; position: absolute !important; inset: 0 !important;
	background: linear-gradient(to right,
		rgba(255,255,255,1.00) 0%, rgba(255,255,255,1.00) 42%,
		rgba(255,255,255,0.85) 54%, rgba(255,255,255,0.08) 70%,
		rgba(255,255,255,0.00) 82%) !important;
	z-index: 1 !important;
}

/* HEADLINE – match mockup size */
.pk-hero__headline {
	font-size: clamp(3rem, 5vw, 5.5rem) !important;
	font-weight: 800 !important; line-height: 1.03 !important;
	color: #07182d !important; margin: 0 0 2rem !important; max-width: none !important;
}

/* BODY TEXT */
.pk-hero__content p {
	font-size: clamp(1.1rem, 1.4vw, 1.3rem) !important; line-height: 1.72 !important;
	color: #1a2e42 !important; margin-bottom: 1.25rem !important;
	max-width: none !important; font-weight: 500 !important;
}

/* Bullet card – shield icon, larger */
.pk-hero__bullets {
	position: relative !important; list-style: none !important;
	padding: 1.5rem 1.75rem 1.5rem 5.5rem !important;
	margin: 2rem 0 0 !important; max-width: none !important;
	background: rgba(255,255,255,0.94) !important;
	border: 1px solid rgba(17,27,40,0.09) !important;
	border-radius: 8px !important;
	box-shadow: 0 16px 48px rgba(17,27,40,0.08) !important;
}
.pk-hero__bullets::before {
	content: '' !important; position: absolute !important;
	top: 1.5rem !important; left: 1.4rem !important;
	width: 3rem !important; height: 3rem !important;
	border: none !important; border-radius: 0 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c0211e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpolyline points='9 12 11 14 15 10'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important; background-size: contain !important;
}
.pk-hero__bullets li {
	font-size: clamp(1rem, 1.2vw, 1.15rem) !important; line-height: 1.65 !important;
	color: #13243a !important; padding: 0.3rem 0 !important;
}
.pk-hero__bullets li::before { display: none !important; }

/* QUOTE CARD – positioned at top of right column, smaller than content */
.pk-hero__quote {
	position: relative !important; right: auto !important; top: auto !important;
	transform: none !important; z-index: 3 !important;
	width: 88% !important; max-width: 340px !important;
	margin: 0 0 0 auto !important;
	background: rgba(7,24,45,0.90) !important;
	border-radius: 6px !important; padding: 1.75rem !important;
	box-shadow: 0 24px 60px rgba(7,24,45,0.40) !important;
	backdrop-filter: blur(6px) !important;
}
.pk-hero__quote-mark {
	font-size: 2.5rem !important; line-height: 0.8 !important;
	color: #c0211e !important; display: block !important; margin-bottom: 0.65rem !important;
}
.pk-hero__quote p {
	color: #fff !important; font-size: clamp(0.95rem, 1.1vw, 1.05rem) !important;
	font-style: italic !important; font-weight: 700 !important;
	line-height: 1.55 !important; margin: 0 0 0.85rem !important; max-width: none !important;
}
.pk-hero__quote::after { display: none !important; }
.pk-hero__quote cite {
	color: rgba(255,255,255,0.6) !important; font-size: 0.82rem !important; font-style: normal !important;
}

/* ══════════════════════════════════════════════════════════════
   4. OPPDRAG – much taller, much bigger text
══════════════════════════════════════════════════════════════ */
.pk-oppdrag {
	padding-top: clamp(7rem, 12vw, 13rem) !important;
	padding-bottom: clamp(7rem, 12vw, 13rem) !important;
}
.pk-oppdrag__headline {
	font-size: clamp(3rem, 5vw, 5rem) !important;
	font-weight: 800 !important; line-height: 1.06 !important;
}
.pk-oppdrag__left p {
	font-size: clamp(1.1rem, 1.4vw, 1.3rem) !important; line-height: 1.75 !important;
}
.pk-oppdrag__pillars {
	display: grid !important; grid-template-columns: repeat(3, 1fr) !important;
}
.pk-pillar__icon--outline {
	width: 4rem !important; height: 4rem !important; margin-bottom: 1.5rem !important;
}
.pk-pillar__title {
	font-size: clamp(1.3rem, 1.8vw, 1.6rem) !important; font-weight: 800 !important;
	margin-bottom: 0.75rem !important;
}
.pk-pillar__text {
	font-size: clamp(1rem, 1.2vw, 1.15rem) !important; line-height: 1.72 !important;
}

/* ══════════════════════════════════════════════════════════════
   5. DEKKER – taller cards, bigger everything
══════════════════════════════════════════════════════════════ */
.pk-dekker {
	padding-top: clamp(6rem, 10vw, 11rem) !important;
	padding-bottom: clamp(6rem, 10vw, 11rem) !important;
}
.pk-dekker__headline {
	font-size: clamp(2.8rem, 4.5vw, 4.5rem) !important; margin-bottom: 1.5rem !important;
}
.pk-dekker__intro {
	font-size: clamp(1.1rem, 1.4vw, 1.3rem) !important;
	line-height: 1.75 !important; max-width: 860px !important; margin-bottom: 4rem !important;
}
.pk-dekker__icon {
	width: 3.5rem !important; height: 3.5rem !important; margin-bottom: 1.25rem !important;
}
/* Much taller cards */
.pk-dekker__card {
	padding: 3rem 1.5rem !important;
	min-height: 280px !important;
	display: flex !important; flex-direction: column !important; align-items: center !important;
}
.pk-dekker__card-title {
	font-size: clamp(1.1rem, 1.4vw, 1.3rem) !important;
	font-weight: 800 !important; margin-bottom: 0.85rem !important;
}
.pk-dekker__card-text {
	font-size: clamp(0.95rem, 1.1vw, 1.1rem) !important; line-height: 1.7 !important;
}
.pk-dekker__footer-note {
	padding: 2.5rem 2.5rem !important; margin-top: 3.5rem !important;
}
.pk-dekker__footer-note p {
	font-size: clamp(1.05rem, 1.3vw, 1.2rem) !important; line-height: 1.7 !important;
}

/* ══════════════════════════════════════════════════════════════
   6. FOLKETS STEMME
══════════════════════════════════════════════════════════════ */
.pk-folkets {
	padding-top: clamp(6rem, 10vw, 11rem) !important;
	padding-bottom: clamp(6rem, 10vw, 11rem) !important;
}
.pk-folkets__headline {
	font-size: clamp(2.6rem, 4.2vw, 4rem) !important;
}
.pk-folkets__intro {
	font-size: clamp(1.1rem, 1.4vw, 1.3rem) !important; line-height: 1.72 !important;
}
.pk-folkets__card-title {
	font-size: clamp(1.15rem, 1.5vw, 1.35rem) !important; font-weight: 800 !important;
}
.pk-folkets__card-text {
	font-size: clamp(1rem, 1.2vw, 1.15rem) !important; line-height: 1.7 !important;
}
.pk-folkets__card-icon { width: 2.75rem !important; height: 2.75rem !important; }

/* ══════════════════════════════════════════════════════════════
   7. PRINSIPPER
══════════════════════════════════════════════════════════════ */
.pk-prinsipper {
	padding-top: clamp(6rem, 10vw, 11rem) !important;
	padding-bottom: clamp(6rem, 10vw, 11rem) !important;
}
.pk-prinsipper__headline {
	font-size: clamp(2.4rem, 3.8vw, 3.8rem) !important; margin-bottom: 4rem !important;
}
.pk-prinsipper__icon { width: 3.5rem !important; height: 3.5rem !important; margin-bottom: 1.25rem !important; }
.pk-prinsipper__item-title {
	font-size: clamp(1.15rem, 1.5vw, 1.35rem) !important; font-weight: 800 !important;
}
.pk-prinsipper__item-text {
	font-size: clamp(1rem, 1.2vw, 1.15rem) !important; line-height: 1.7 !important;
}

/* ══════════════════════════════════════════════════════════════
   8. REDAKSJON
══════════════════════════════════════════════════════════════ */
.pk-redaksjon {
	padding-top: clamp(6rem, 10vw, 11rem) !important;
	padding-bottom: clamp(6rem, 10vw, 11rem) !important;
}
.pk-redaksjon__headline {
	font-size: clamp(2.4rem, 3.8vw, 3.8rem) !important;
}
.pk-redaksjon__intro-text p {
	font-size: clamp(1.1rem, 1.4vw, 1.3rem) !important; line-height: 1.72 !important;
}
.pk-redaksjon__role-title {
	font-size: clamp(1.15rem, 1.5vw, 1.35rem) !important; font-weight: 800 !important;
}
.pk-redaksjon__role-text {
	font-size: clamp(1rem, 1.2vw, 1.15rem) !important; line-height: 1.7 !important;
}
.pk-redaksjon__role-icon { width: 3rem !important; height: 3rem !important; }

/* ══════════════════════════════════════════════════════════════
   9. CTA BANNER – double the current height, much bigger text
══════════════════════════════════════════════════════════════ */
.pk-cta-banner {
	padding-top: clamp(8rem, 14vw, 16rem) !important;
	padding-bottom: clamp(8rem, 14vw, 16rem) !important;
}
.pk-cta-banner__inner {
	display: grid !important;
	grid-template-columns: 1fr auto !important;
	gap: 5rem !important; align-items: center !important;
}
.pk-cta-banner__headline {
	font-size: clamp(2.6rem, 4.2vw, 4.5rem) !important;
	font-weight: 800 !important; line-height: 1.08 !important; margin-bottom: 1.5rem !important;
}
.pk-cta-banner__body {
	font-size: clamp(1.1rem, 1.4vw, 1.3rem) !important;
	line-height: 1.72 !important; max-width: 600px !important;
}
.pk-cta-banner__actions {
	flex-direction: column !important; gap: 1rem !important;
	align-items: stretch !important; min-width: 220px !important;
}
.pk-cta-banner__actions .pk-btn {
	text-align: center !important; justify-content: center !important;
	padding: 1.1rem 2rem !important; font-size: 1.1rem !important;
}

/* ══════════════════════════════════════════════════════════════
   10. TIPS BAR
══════════════════════════════════════════════════════════════ */
.pk-tips-bar { padding: 2rem clamp(2rem, 5vw, 5rem) !important; }
.pk-tips-bar__label { font-size: 1.2rem !important; font-weight: 700 !important; }
.pk-tips-bar__sub   { font-size: 1.05rem !important; }
.pk-tips-bar__icon  { width: 2.25rem !important; height: 2.25rem !important; }

/* ══════════════════════════════════════════════════════════════
   11. BUTTONS – bigger across all sections
══════════════════════════════════════════════════════════════ */
.pk-btn {
	padding: 0.95rem 2rem !important;
	font-size: 1.05rem !important;
	font-weight: 700 !important;
}

/* ══════════════════════════════════════════════════════════════
   12. EYEBROWS – more prominent
══════════════════════════════════════════════════════════════ */
.pk-eyebrow { font-size: 0.8rem !important; letter-spacing: 0.16em !important; }

/* ══════════════════════════════════════════════════════════════
   13. MOBILE
══════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
	.pk-cta-banner__inner {
		grid-template-columns: 1fr !important; gap: 3rem !important;
	}
}

@media (max-width: 860px) {
	.pk-hero {
		min-height: auto !important;
		background:
			linear-gradient(to bottom,
				rgba(255,255,255,0.00) 30%, rgba(255,255,255,1.00) 72%),
			var(--pk-hero-default-image, none) 75% top / cover no-repeat,
			#f4f2ef !important;
		padding-top: clamp(220px, 42vw, 340px) !important;
	}
	.pk-hero__inner {
		grid-template-columns: 1fr !important; min-height: auto !important; gap: 2rem !important;
	}
	.pk-hero__media {
		position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important;
		height: 58vw !important; min-height: 220px !important;
	}
	.pk-hero__media::after {
		background: linear-gradient(to bottom,
			rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.96) 85%, rgba(255,255,255,1.00) 100%) !important;
	}
	.pk-hero__image { object-position: 75% top !important; }
	.pk-hero__quote { width: 100% !important; max-width: 100% !important; margin: 0 !important; }
	.pk-oppdrag__pillars { grid-template-columns: 1fr !important; }
}

/* v1.7.2: Om Oss cleanup for pages built from the pkp-* pattern.
   This file loads after patterns.css, so keep the hard overrides here too. */
body.has-perspekt-blocks .breadcrumbs,
body.has-perspekt-blocks .breadcrumb,
body.has-perspekt-blocks nav.breadcrumb,
body.has-perspekt-blocks .rank-math-breadcrumb,
body.has-perspekt-blocks .yoast-breadcrumb,
body.has-perspekt-blocks h1.entry-title,
body.has-perspekt-blocks .entry-header,
body.has-perspekt-blocks .page-header,
body.has-perspekt-blocks .post-thumbnail,
body:has(.pkp-page) .breadcrumbs,
body:has(.pkp-page) .breadcrumb,
body:has(.pkp-page) nav.breadcrumb,
body:has(.pkp-page) .rank-math-breadcrumb,
body:has(.pkp-page) .yoast-breadcrumb,
body:has(.pkp-page) h1.entry-title,
body:has(.pkp-page) .entry-header,
body:has(.pkp-page) .page-header,
body:has(.pkp-page) .post-thumbnail {
	display: none !important;
}

.pkp-card-grid--three {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.25rem !important;
}

.pkp-card-grid--three > .wp-block-column {
	background: #fff !important;
	border: 1px solid #e2deda !important;
	border-radius: 6px !important;
	min-height: 210px !important;
	padding: 2rem 1.75rem !important;
	text-align: left !important;
}

.pkp-button-primary .wp-block-button__link {
	background: #c0211e !important;
	border: 2px solid #c0211e !important;
	color: #fff !important;
	border-radius: 4px !important;
	font-weight: 700 !important;
}

.pkp-button-dark .wp-block-button__link {
	background: #111d2c !important;
	border: 2px solid #111d2c !important;
	color: #fff !important;
	border-radius: 4px !important;
	font-weight: 700 !important;
}

.pkp-page .is-style-outline .wp-block-button__link {
	background: transparent !important;
	border: 2px solid rgba(7,24,45,0.22) !important;
	color: #07182d !important;
	border-radius: 4px !important;
	font-weight: 700 !important;
}

.pkp-cta .is-style-outline .wp-block-button__link {
	border-color: rgba(255,255,255,0.55) !important;
	color: #fff !important;
}