/*
Theme Name: PCKraft
Theme URI: https://www.pckraft.se/
Author: PCKraft Data AB
Description: Eget blocktema för PCKraft Data. Ljust och rent, marinblått och teal, Poppins och Inter med lokala typsnittsfiler.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pckraft
*/

/* ---------- Grund ---------- */
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }
:focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 3px; border-radius: 4px; }
/* Ta bort WordPress standardavstånd mellan sidhuvud, innehåll och sidfot */
.wp-site-blocks > main,
.wp-site-blocks > footer,
.wp-block-post-content > :is(.pk-section, .pk-hero, .pk-page-hero, .pk-partners, .pk-band-wrap),
main > :is(.pk-section, .pk-page-hero, .pk-article) { margin-block-start: 0; }

/* ---------- Sidhuvud ---------- */
.pk-header-wrap { position: sticky; top: 0; z-index: 50; }
.admin-bar .pk-header-wrap { top: 32px; }
@media (max-width: 782px) { .admin-bar .pk-header-wrap { top: 46px; } }
/* Bakgrund och oskärpa ligger i ett eget lager. Annars stängs mobilmenyn in i sidhuvudet. */
.pk-header { position: relative; border-bottom: 1px solid var(--wp--preset--color--line); }
.pk-header::before {
	content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background: color-mix(in srgb, var(--wp--preset--color--base) 94%, transparent);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
.pk-header .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--base); padding: 24px clamp(16px, 4vw, 32px); }
.pk-header .is-menu-open .wp-block-navigation__container { gap: 4px !important; }
.pk-header .is-menu-open .wp-block-navigation-item { font-family: var(--wp--preset--font-family--poppins); font-size: 1.35rem; font-weight: 600; }
.pk-header .is-menu-open .wp-block-navigation-item a { color: var(--wp--preset--color--ink); padding: 8px 0; }
.pk-header .is-menu-open .pk-nav-extra { display: list-item !important; }
.pk-header > .wp-block-group { min-height: 72px; }
.pk-logo { margin: 0; flex-shrink: 0; }
.pk-logo img { height: 38px; width: auto; display: block; }
.pk-header .wp-block-navigation { font-size: .95rem; font-weight: 500; }
.pk-header .wp-block-navigation a:hover { color: var(--wp--preset--color--accent); }
.pk-header .wp-block-navigation__container { flex-wrap: nowrap; white-space: nowrap; }
.pk-header .wp-block-button__link { white-space: nowrap; }
@media (max-width: 1080px) {
	.pk-header .wp-block-navigation, .pk-header .wp-block-navigation__container { gap: 20px; }
	.pk-header .pk-header-cta { display: none; }
}
@media (min-width: 601px) and (max-width: 860px) {
	.pk-header .pk-nav-extra { display: none; }
}
@media (max-width: 600px) {
	.pk-logo img { height: 30px; }
	.pk-header .pk-header-cta { display: none; }
}

/* ---------- Gemensamt ---------- */
.pk-section { padding-top: clamp(56px, 8vw, 96px); padding-bottom: clamp(56px, 8vw, 96px); }
.pk-eyebrow {
	font-size: .78rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
	color: var(--wp--preset--color--accent); margin: 0;
}
.pk-lead { font-size: 1.125rem; color: var(--wp--preset--color--muted); max-width: 60ch; }
.pk-section-head { max-width: 720px; margin-bottom: 2.5rem; }
.pk-section-head > * + * { margin-top: .75rem; }

/* ---------- Hero ---------- */
.pk-hero { padding-top: clamp(48px, 7vw, 88px); padding-bottom: clamp(48px, 7vw, 88px); }
.pk-badge {
	display: inline-flex; align-items: center; gap: 8px;
	font-size: .85rem; font-weight: 500; color: var(--wp--preset--color--ink);
	background: #fff; border: 1px solid var(--wp--preset--color--line);
	padding: 6px 14px; border-radius: 999px; margin: 0 0 1.25rem;
}
.pk-badge::before, .pk-status-list li::before {
	content: ""; width: 8px; height: 8px; border-radius: 50%; flex: none;
	background: var(--wp--preset--color--accent);
	box-shadow: 0 0 0 3px rgba(15, 110, 86, .22);
}
.pk-phone { font-size: .9rem; color: var(--wp--preset--color--muted); }
.pk-phone strong { color: var(--wp--preset--color--ink); font-variant-numeric: tabular-nums; }

.pk-status {
	background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: 14px;
	box-shadow: 0 18px 40px -24px rgba(4, 44, 83, .35); overflow: hidden;
}
.pk-status-top { padding: 14px 18px; border-bottom: 1px solid var(--wp--preset--color--line); }
.pk-status-top p { margin: 0; font-size: .8rem; color: var(--wp--preset--color--muted); }
.pk-status-top p:first-child { font-family: var(--wp--preset--font-family--poppins); font-weight: 600; font-size: .9rem; color: var(--wp--preset--color--ink); }
ul.pk-status-list { list-style: none; margin: 0; padding: 6px 0; }
.pk-status-list li { display: flex; align-items: center; gap: 12px; padding: 11px 18px; font-size: .92rem; }
.pk-status-list li + li { border-top: 1px dashed var(--wp--preset--color--line); }
.pk-status-list li code {
	margin-left: auto; background: none; padding: 0; white-space: nowrap;
	font-size: .78rem; color: var(--wp--preset--color--muted); font-variant-numeric: tabular-nums;
}
.pk-status-foot { margin: 0; padding: 12px 18px; background: var(--wp--preset--color--surface); font-size: .78rem; color: var(--wp--preset--color--muted); }

/* ---------- Kort (tjänster, steg) ---------- */
.pk-card {
	background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: 12px;
	padding: 26px; height: 100%; display: flex; flex-direction: column; gap: .75rem;
	transition: border-color .15s, transform .15s;
}
.pk-card:hover { border-color: var(--wp--preset--color--accent); transform: translateY(-2px); }
.pk-card > * { margin: 0 !important; }
.pk-card p { color: var(--wp--preset--color--muted); font-size: .95rem; }
.pk-card .pk-more { margin-top: auto !important; font-size: .88rem; font-weight: 600; }
.pk-card .pk-more a { text-decoration: none; }
.pk-icon { margin: 0; }
.pk-icon img { width: 42px; height: 42px; display: block; }

.pk-step { background: #fff; border-radius: 12px; padding: 28px; height: 100%; }
.pk-step > * { margin: 0 !important; }
.pk-step > * + * { margin-top: .75rem !important; }
.pk-step-n { font-family: var(--wp--preset--font-family--poppins); font-weight: 700; font-size: .85rem; letter-spacing: .08em; color: var(--wp--preset--color--accent); }
.pk-step p:not(.pk-step-n) { color: var(--wp--preset--color--muted); font-size: .95rem; }

/* ---------- Om oss ---------- */
.pk-fact { gap: 14px; }
.pk-fact .pk-icon img { width: 34px; height: 34px; }
.pk-fact p { margin: 0; color: var(--wp--preset--color--muted); font-size: .95rem; }
.pk-fact p strong { display: block; color: var(--wp--preset--color--ink); font-weight: 600; }
ul.pk-chips { list-style: none; padding: 0; margin: 1.25rem 0 0; display: flex; flex-wrap: wrap; gap: 10px; }
.pk-chips li {
	font-family: var(--wp--preset--font-family--poppins); font-weight: 500; font-size: .9rem;
	color: var(--wp--preset--color--ink); background: #fff;
	border: 1px solid var(--wp--preset--color--line); border-radius: 8px; padding: 8px 14px;
}

/* ---------- Mörka band (kontakt, sidfot) ---------- */
.has-ink-background-color, .has-ink-deep-background-color, .has-surface-fade-gradient-background { color: #DCE6F0; }
.has-ink-background-color :where(h1, h2, h3, h4),
.has-ink-deep-background-color :where(h1, h2, h3, h4),
.has-surface-fade-gradient-background :where(h1, h2, h3, h4) { color: #fff; }
.has-ink-background-color .pk-eyebrow, .has-surface-fade-gradient-background .pk-eyebrow { color: var(--wp--preset--color--accent-light); }
.has-ink-background-color .pk-lead { color: #9FB3C8; }
.has-surface-fade-gradient-background .pk-lead { color: #B4C4D6; }
.has-ink-background-color .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.has-surface-fade-gradient-background .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background: var(--wp--preset--color--accent-light); color: #06231B;
}
.has-ink-background-color .is-style-outline .wp-block-button__link,
.has-surface-fade-gradient-background .is-style-outline .wp-block-button__link {
	color: #fff; background: transparent; border-color: rgba(255, 255, 255, .3);
}
.has-ink-background-color .is-style-outline .wp-block-button__link:hover,
.has-surface-fade-gradient-background .is-style-outline .wp-block-button__link:hover { border-color: var(--wp--preset--color--accent-light); }

.pk-cc {
	border: 1px solid rgba(255, 255, 255, .12); border-radius: 10px;
	background: rgba(255, 255, 255, .04); padding: 16px 18px;
}
.pk-cc p { margin: 0; }
.pk-cc .pk-cc-note { margin-top: 4px; font-size: .82rem; color: #9FB3C8; }
.pk-cc .pk-cc-note a { color: #DCE6F0; }
.pk-cc .pk-cc-note a:hover { color: #fff; }
.pk-cc p:first-child { font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; color: #9FB3C8; }
.pk-cc p:nth-child(2) { color: #fff; font-weight: 500; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }

.pk-footer { font-size: .9rem; color: #9FB3C8; }
.pk-footer a { color: #DCE6F0; text-decoration: none; }
.pk-footer a:hover { color: #fff; text-decoration: underline; }
.pk-footer h3 { font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: #fff; margin-bottom: .75rem; }
.pk-footer ul { list-style: none; padding: 0; margin: 0; }
.pk-footer li + li { margin-top: .35rem; }
.pk-footer-bottom { border-top: 1px solid rgba(255, 255, 255, .1); font-size: .82rem; }
.pk-footer-logo img { height: 34px; width: auto; }

/* ---------- Knappar ---------- */
.wp-block-button__link { transition: transform .15s, background .15s; }
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { transform: translateY(-1px); }
.is-style-outline .wp-block-button__link { background: #fff; }

/* ---------- Blogg ---------- */
.pk-post-card { border: 1px solid var(--wp--preset--color--line); border-radius: 12px; overflow: hidden; height: 100%; background: #fff; }
.pk-post-card .wp-block-post-featured-image { margin: 0; }
.pk-post-card .pk-post-body { padding: 20px 22px 24px; }
.pk-post-card .wp-block-post-title a { text-decoration: none; }

/* ---------- Undersidor ---------- */
.pk-page-hero { padding-top: clamp(48px, 7vw, 88px); padding-bottom: clamp(40px, 6vw, 72px); }
.pk-page-hero .alignwide > * { margin-block: 0; }
.pk-page-hero .alignwide h1 { margin-top: .75rem !important; max-width: 20ch; }
.pk-page-hero .pk-lead { margin-top: 1.25rem !important; }
.pk-page-hero .wp-block-buttons { margin-top: 2rem !important; }
.pk-muted { color: var(--wp--preset--color--muted); font-size: .95rem; }
.pk-section:not(.has-background) .pk-step { border: 1px solid var(--wp--preset--color--line); }

ul.pk-check { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.pk-check li {
	position: relative; padding: 14px 18px 14px 50px; background: #fff;
	border: 1px solid var(--wp--preset--color--line); border-radius: 10px;
	color: var(--wp--preset--color--ink); font-weight: 500;
}
.pk-check li::before {
	content: ""; position: absolute; left: 16px; top: 50%; width: 22px; height: 22px; margin-top: -11px;
	border-radius: 50%; background: var(--wp--preset--color--accent)
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 14px no-repeat;
}

.pk-faq { display: grid; gap: 10px; }
.pk-faq > * { margin: 0 !important; }
.pk-faq .wp-block-details {
	border: 1px solid var(--wp--preset--color--line); border-radius: 10px; background: #fff; padding: 0;
}
.pk-faq summary {
	cursor: pointer; list-style: none; padding: 16px 48px 16px 18px; position: relative;
	font-family: var(--wp--preset--font-family--poppins); font-weight: 600; color: var(--wp--preset--color--ink);
}
.pk-faq summary::-webkit-details-marker { display: none; }
.pk-faq summary::after {
	content: "+"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%);
	font-size: 1.4rem; font-weight: 500; color: var(--wp--preset--color--accent); line-height: 1;
}
.pk-faq details[open] summary::after { content: "–"; }
.pk-faq details p { margin: 0; padding: 0 18px 18px; color: var(--wp--preset--color--muted); font-size: .95rem; }

/* ---------- Kontaktsidan ---------- */
.pk-info { border: 1px solid var(--wp--preset--color--line); border-radius: 12px; overflow: hidden; gap: 0; }
.pk-info > p { margin: 0 !important; padding: 14px 20px; }
.pk-info > p + p { border-top: 1px solid var(--wp--preset--color--line); }
.pk-info span {
	display: block; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase;
	color: var(--wp--preset--color--muted); margin-bottom: 2px;
}
.pk-info a { color: var(--wp--preset--color--ink); font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.pk-info a:hover { color: var(--wp--preset--color--accent); }
.pk-info small a { font-weight: 500; text-decoration: underline; }
.pk-info small { display: block; margin-top: 6px; font-size: .85rem; line-height: 1.5; color: var(--wp--preset--color--muted); }
.pk-remote { margin-top: 20px; background: var(--wp--preset--color--surface); border-radius: 12px; padding: 22px; }
.pk-remote > * { margin: 0 !important; }
.pk-remote > * + * { margin-top: .75rem !important; }
.pk-remote p { color: var(--wp--preset--color--muted); font-size: .95rem; }

.pk-form { display: grid; gap: 18px; margin-top: 1.5rem; }
.pk-form p { margin: 0; }
.pk-form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 18px; }
.pk-field label { display: block; font-weight: 600; font-size: .9rem; color: var(--wp--preset--color--ink); margin-bottom: 6px; }
.pk-field input[type="text"], .pk-field input[type="email"], .pk-field input[type="tel"], .pk-field textarea {
	width: 100%; box-sizing: border-box; font: inherit; color: var(--wp--preset--color--text);
	background: #fff; border: 1px solid #CFCBBF; border-radius: 8px; padding: 11px 14px;
	transition: border-color .15s, box-shadow .15s;
}
.pk-field textarea { resize: vertical; min-height: 9rem; }
.pk-field input:focus, .pk-field textarea:focus {
	outline: none; border-color: var(--wp--preset--color--accent); box-shadow: 0 0 0 3px rgba(15, 110, 86, .18);
}
.pk-field [aria-invalid="true"] { border-color: #B42318; }
.pk-field-error { display: block; color: #B42318; font-size: .85rem; margin-top: 6px; }
.pk-field-check { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; align-items: start; }
.pk-field-check input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--wp--preset--color--accent); }
.pk-field-check label { font-weight: 400; color: var(--wp--preset--color--muted); margin: 0; font-size: .9rem; }
.pk-field-check .pk-field-error { grid-column: 2; margin: 0; }
.pk-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.pk-form button { border: 0; cursor: pointer; }
.pk-form-alert { background: #FEF3F2; border: 1px solid #FECDCA; color: #912018; border-radius: 8px; padding: 12px 16px; }
.pk-form-done { margin-top: 1.5rem; background: #ECF7F3; border: 1px solid #B5E0D1; border-radius: 12px; padding: 22px 24px; }
.pk-form-done p { margin: 0; }
.pk-form-done p + p { margin-top: .5rem; color: var(--wp--preset--color--muted); }

/* ---------- Löptext (policy, artiklar) ---------- */
.pk-prose h2 { font-size: 1.35rem; margin-top: 2.5rem; margin-bottom: .5rem; }
.pk-prose h3 { margin-top: 2rem; margin-bottom: .5rem; }
.pk-prose :where(p, li) { font-size: 1.0625rem; line-height: 1.7; }
.pk-prose .wp-block-image img { border-radius: 10px; }
.pk-prose h2:first-child { margin-top: 0; }
.pk-prose h2 + p { margin-top: 0; }

/* ---------- Artiklar ---------- */
.pk-post-hero > * { margin-block: 0; }
.pk-post-hero .wp-block-post-title { margin-top: .75rem; }
.pk-post-hero .pk-eyebrow a { color: inherit; text-decoration: none; }
.pk-post-hero .pk-post-date { margin-top: 1rem; color: var(--wp--preset--color--muted); }
.pk-article { padding-top: clamp(24px, 4vw, 40px); padding-bottom: clamp(56px, 8vw, 96px); }
.pk-article .wp-block-post-featured-image { margin-bottom: 2.5rem; }
.pk-post-cta { margin-top: 3rem !important; background: var(--wp--preset--color--surface); border-radius: 12px; padding: 26px 28px; }
.pk-post-cta > * { margin: 0 !important; }
.pk-post-cta > * + * { margin-top: .75rem !important; }
.pk-post-cta .wp-block-buttons { margin-top: 1.25rem !important; }
.pk-post-nav { margin-top: 2rem !important; padding-top: 1.5rem; border-top: 1px solid var(--wp--preset--color--line); font-size: .92rem; gap: 1rem; }
.pk-post-nav a { text-decoration: none; font-weight: 600; }
.pk-post-card .wp-block-post-excerpt__more-link { font-weight: 600; font-size: .88rem; text-decoration: none; }
.pk-post-card .wp-block-post-excerpt { color: var(--wp--preset--color--muted); font-size: .95rem; }
.pk-post-card .wp-block-post-featured-image img { transition: transform .3s; }
.pk-post-card:hover .wp-block-post-featured-image img { transform: scale(1.03); }
.wp-block-query-pagination { margin-top: 2.5rem; gap: .5rem; font-weight: 600; }
.wp-block-query-pagination a { text-decoration: none; }
.wp-block-query-pagination .page-numbers { padding: 6px 12px; border-radius: 8px; }
.wp-block-query-pagination .page-numbers.current { background: var(--wp--preset--color--ink); color: #fff; }

/* ---------- Sök ---------- */
.wp-block-search__inside-wrapper { max-width: 32rem; gap: 8px; }
.wp-block-search__input { border: 1px solid #CFCBBF; border-radius: 8px; padding: 11px 14px; font: inherit; }
.wp-block-search__button { margin: 0; border: 0; }
.pk-page-hero .wp-block-search { margin-top: 1.5rem !important; }
.pk-head-row { max-width: none; gap: 1rem; }
.pk-head-row > * { margin: 0 !important; }
.pk-head-row .pk-more a { font-weight: 600; text-decoration: none; }

/* ---------- Bild i undersidornas sidhuvud ---------- */
.pk-page-hero .wp-block-column > * { margin-block: 0; }
.pk-hero-photo { margin: 0; }
.pk-hero-photo img {
	display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover;
	border-radius: 14px; box-shadow: 0 18px 40px -24px rgba(4, 44, 83, .45);
}
@media (max-width: 781px) {
	.pk-hero-photo img { aspect-ratio: 16 / 9; }
}

/* ---------- Systerbolag ---------- */
.pk-stats { background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: 14px; overflow: hidden; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
.pk-stats > * { margin: 0 !important; }
.pk-stats-title, .pk-stats-foot { grid-column: 1 / -1; padding: 14px 20px; font-size: .85rem; }
.pk-stats-title { font-family: var(--wp--preset--font-family--poppins); font-weight: 600; color: var(--wp--preset--color--ink); border-bottom: 1px solid var(--wp--preset--color--line); }
.pk-stats-foot { background: var(--wp--preset--color--surface); color: var(--wp--preset--color--muted); font-size: .8rem; }
.pk-stat { padding: 22px 10px; text-align: center; font-size: .82rem; color: var(--wp--preset--color--muted); line-height: 1.35; }
.pk-stat + .pk-stat { border-left: 1px solid var(--wp--preset--color--line); }
.pk-stat strong { display: block; font-family: var(--wp--preset--font-family--poppins); font-size: clamp(1.25rem, 2.6vw, 1.75rem); font-weight: 700; color: var(--wp--preset--color--accent); margin-bottom: 4px; white-space: nowrap; }

/* ---------- Mörk hero ---------- */
.pk-hero, .pk-page-hero { position: relative; overflow: hidden; }
.pk-hero::before, .pk-page-hero::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 420'%3E%3Cg fill='none' stroke='%233DB38F' stroke-width='1.4' stroke-opacity='.35'%3E%3Cpath d='M60 330L210 190L360 290L520 120L610 260M210 190L300 60L520 120M360 290L430 400M300 60L150 40'/%3E%3C/g%3E%3Cg fill='%233DB38F'%3E%3Ccircle cx='60' cy='330' r='6' fill-opacity='.35'/%3E%3Ccircle cx='210' cy='190' r='8' fill-opacity='.5'/%3E%3Ccircle cx='360' cy='290' r='6' fill-opacity='.35'/%3E%3Ccircle cx='520' cy='120' r='9' fill-opacity='.55'/%3E%3Ccircle cx='610' cy='260' r='5' fill-opacity='.3'/%3E%3Ccircle cx='300' cy='60' r='5' fill-opacity='.35'/%3E%3Ccircle cx='430' cy='400' r='5' fill-opacity='.3'/%3E%3Ccircle cx='150' cy='40' r='4' fill-opacity='.3'/%3E%3C/g%3E%3C/svg%3E") right -60px top -70px / min(720px, 64%) auto no-repeat;
	opacity: .7;
}
@media (max-width: 781px) {
	.pk-hero::before, .pk-page-hero::before { background-size: 90% auto; background-position: right -30% top -20px; opacity: .45; }
}
.pk-hero > *, .pk-page-hero > * { position: relative; z-index: 1; }
.has-surface-fade-gradient-background .pk-status { color: var(--wp--preset--color--text); }
.has-surface-fade-gradient-background .pk-badge { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .16); color: #DCE6F0; }
.has-surface-fade-gradient-background .pk-phone { color: #9FB3C8; }
.has-surface-fade-gradient-background .pk-phone strong, .has-surface-fade-gradient-background .pk-phone a { color: #fff; }
.has-surface-fade-gradient-background .pk-status, .pk-hero-photo img { box-shadow: 0 24px 50px -20px rgba(0, 0, 0, .55); }
.has-surface-fade-gradient-background a:not(.wp-element-button) { color: #fff; }
.has-surface-fade-gradient-background .pk-eyebrow a { color: var(--wp--preset--color--accent-light); }
.has-surface-fade-gradient-background .wp-block-post-date { color: #9FB3C8; }
.has-surface-fade-gradient-background .wp-block-search__input { border-color: transparent; }

/* ---------- Kort lyfter mot bakgrunden ---------- */
.pk-card, .pk-post-card, .pk-step, .pk-check li, .pk-faq .wp-block-details, .pk-stats, .pk-info {
	box-shadow: 0 1px 2px rgba(4, 44, 83, .04), 0 8px 24px -16px rgba(4, 44, 83, .18);
}


/* ---------- Partners ---------- */
.pk-partners { padding-top: clamp(36px, 5vw, 56px); padding-bottom: clamp(36px, 5vw, 56px); border-top: 1px solid var(--wp--preset--color--line); border-bottom: 1px solid var(--wp--preset--color--line); }
.pk-partners .wp-block-column > * { margin-block: 0; }
.pk-partners .pk-partners-title { margin-top: .5rem; font-size: 1.25rem; }
.pk-partners .pk-muted { margin-top: .5rem; }
.pk-logo-row { gap: 12px; align-items: center; }
.pk-partner-logo { margin: 0; height: 84px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--wp--preset--color--line); border-radius: 10px; padding: 0 16px; }
.pk-partner-logo img { display: block; width: auto; max-width: 100%; height: 30px; object-fit: contain; }
.pk-partner-dell img { height: 44px; }
.pk-partner-asus img { height: 24px; }
.pk-partner-zyxel img { height: 22px; }
@media (max-width: 781px) { .pk-logo-row { grid-template-columns: repeat(2, 1fr) !important; } }

/* ---------- Band: alla typer av uppdrag ---------- */
.pk-band-wrap { padding-bottom: clamp(48px, 7vw, 80px); }
.pk-section + .pk-band-wrap, .pk-band-wrap { margin-top: 0; }
.pk-band { background: var(--wp--preset--color--ink); color: #DCE6F0; border-radius: 14px; padding: 26px 30px; gap: 20px; }
.pk-band-text > * { margin: 0 !important; }
.pk-band-text > * + * { margin-top: .35rem !important; }
.pk-band h3 { color: #fff; font-size: 1.2rem; }
.pk-band .wp-block-button__link { background: var(--wp--preset--color--accent-light); color: #06231B; }
.pk-section:has(+ .pk-band-wrap) { padding-bottom: 32px; }

/* ---------- Teamet ---------- */
.pk-team { border-top: 1px solid var(--wp--preset--color--line); border-bottom: 1px solid var(--wp--preset--color--line); }
.pk-person { border: 1px solid var(--wp--preset--color--line); border-radius: 12px; padding: 24px; background: #fff; box-shadow: 0 1px 2px rgba(4, 44, 83, .04), 0 8px 24px -16px rgba(4, 44, 83, .18); }
.pk-person > * { margin: 0 !important; }
.pk-person > * + * { margin-top: .4rem !important; }
.pk-person .pk-avatar {
	width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; margin-bottom: .9rem !important;
	background: var(--wp--preset--color--ink); color: #fff; font: 600 1.1rem/1 var(--wp--preset--font-family--poppins); letter-spacing: .02em;
}
.pk-person h3 { font-size: 1.15rem; }
.pk-person-role { color: var(--wp--preset--color--accent); font-weight: 600; font-size: .9rem; }
.pk-person p:not(.pk-avatar):not(.pk-person-role):not(.pk-person-contact) { color: var(--wp--preset--color--muted); font-size: .95rem; }
.pk-person-contact { margin-top: .9rem !important; padding-top: .9rem; border-top: 1px solid var(--wp--preset--color--line); font-size: .92rem; line-height: 1.8; }
.pk-person-contact a { color: var(--wp--preset--color--ink); text-decoration: none; font-weight: 500; }
.pk-person-contact a:hover { color: var(--wp--preset--color--accent); }
.pk-header .is-menu-open .wp-block-navigation__responsive-container-content,
.pk-header .is-menu-open .wp-block-navigation__container { align-items: flex-start !important; }
.pk-header .is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 48px; }
.has-surface-fade-gradient-background .wp-block-search__button { background: var(--wp--preset--color--accent-light); color: #06231B; }