/*
Theme Name: Patrik Liberal
Theme URI: https://www.patrikkrantz.se/
Author: Custom
Description: Kampanjtema med Liberalernas färgpalett, rundade former och grafiska SVG-element.
Version: 5.25.12
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: patrik-liberal-v3
*/

:root{
  --pk-blue:#006ab3;
  --pk-sky:#00a5d3;
  --pk-orange:#f39200;
  --pk-saffron:#fabb00;
  --pk-pink:#f6b1a6;
  --pk-purple:#172983;
  --pk-warmgray:#d4cbc5;
  --pk-white:#ffffff;
  --pk-text:#172983;
  --pk-radius:34px;
  --pk-section-radius:46px;
  --pk-max:1220px;
  --pk-side:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--pk-text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
img{max-width:100%;height:auto}
a{color:var(--pk-blue);text-underline-offset:3px}
.pk-shell{width:min(var(--pk-max),calc(100% - (var(--pk-side) * 2)));margin-inline:auto}
.pk-topwrap{padding:14px var(--pk-side) 0}
.pk-topbar{background:var(--pk-blue);color:#fff;border-radius:22px 22px 0 0}
.pk-topbar .pk-shell{padding:9px 18px;display:flex;justify-content:flex-end;gap:24px;font-size:14px}
.pk-topbar a{color:#fff;text-decoration:none;font-weight:700}
.pk-headerwrap{padding:0 var(--pk-side)}
.pk-header{background:#fff;border:1px solid rgba(23,41,131,.08);border-top:0;border-radius:0 0 22px 22px;box-shadow:0 8px 24px rgba(23,41,131,.06)}
.pk-head{min-height:86px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.pk-brand{font-weight:900;font-size:30px;letter-spacing:-.045em;color:var(--pk-blue);text-decoration:none;white-space:nowrap}
.pk-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.pk-nav a{color:var(--pk-purple);text-decoration:none;font-weight:900;text-transform:uppercase;font-size:13px}
.pk-nav a:hover{color:var(--pk-blue)}
.pk-hero{padding:26px var(--pk-side) 0}
.pk-hero-panel{position:relative;overflow:hidden;background:#ccedf6;border-radius:var(--pk-section-radius);min-height:610px}
.pk-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:clamp(48px,7vw,88px)}
.pk-eyebrow{color:var(--pk-blue);font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.pk-hero h1{font-size:clamp(60px,9vw,112px);line-height:.86;letter-spacing:-.065em;margin:10px 0 26px;color:var(--pk-blue)}
.pk-lead{font-size:clamp(20px,2vw,28px);max-width:680px;color:var(--pk-purple)}
.pk-actions{margin-top:28px}
.pk-btn{display:inline-block;border-radius:999px;padding:14px 24px;font-weight:900;text-decoration:none;background:var(--pk-blue);color:#fff;margin:0 8px 8px 0}
.pk-btn.secondary{background:var(--pk-white);color:var(--pk-blue);border:2px solid var(--pk-blue)}
.pk-photo{aspect-ratio:4/5;background:var(--pk-sky);border-radius:var(--pk-radius);display:grid;place-items:center;text-align:center;color:#fff;font-weight:800;position:relative;z-index:2;overflow:hidden}
.pk-photo img{width:100%;height:100%;object-fit:cover}
.pk-hero-icon{position:absolute;right:-50px;bottom:-70px;width:min(420px,38vw);opacity:.16;filter:brightness(0) saturate(100%) invert(15%) sepia(45%) saturate(3175%) hue-rotate(221deg) brightness(89%) contrast(104%)}
.pk-section{padding:72px var(--pk-side) 0}
.pk-panel{border-radius:var(--pk-section-radius);padding:clamp(42px,6vw,72px);position:relative;overflow:hidden}
.pk-panel.white{background:#fff;border:1px solid rgba(23,41,131,.08)}
.pk-panel.sky{background:#ccedf6}
.pk-panel.pink{background:#fef0ee}
.pk-panel.warm{background:#f6f4f4}
.pk-title{font-size:clamp(40px,5vw,66px);line-height:.95;letter-spacing:-.05em;margin:0 0 38px;color:var(--pk-blue)}
.pk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pk-card{position:relative;min-height:310px;border-radius:var(--pk-radius);padding:32px;overflow:hidden}
.pk-card h3{font-size:31px;line-height:1;margin:0 0 18px;position:relative;z-index:2}
.pk-card p,.pk-card a{position:relative;z-index:2}
.pk-card a{font-weight:900}
.pk-card.sky{background:#80d2e9;color:var(--pk-purple)}
.pk-card.blue{background:var(--pk-blue);color:#fff}
.pk-card.blue a{color:#fff}
.pk-card.pink{background:var(--pk-pink);color:var(--pk-purple)}
.pk-card.orange{background:#fde9cc;color:var(--pk-blue)}
.pk-card-icon{position:absolute;width:190px;right:-35px;bottom:-35px;opacity:.24;pointer-events:none}
.pk-card.blue .pk-card-icon{filter:brightness(0) invert(1);opacity:.22}
.pk-card.pink .pk-card-icon{filter:brightness(0) saturate(100%) invert(15%) sepia(45%) saturate(3175%) hue-rotate(221deg) brightness(89%) contrast(104%)}
.pk-banner{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;background:var(--pk-purple);color:#fff;border-radius:var(--pk-radius);padding:48px}
.pk-banner h2{color:#fff;font-size:clamp(40px,5vw,65px);line-height:.95;letter-spacing:-.05em;margin:0 0 16px}
.pk-banner .pk-btn{background:#fff;color:var(--pk-purple)}
.pk-footer{padding:72px var(--pk-side) 24px}
.pk-footer-panel{background:var(--pk-blue);color:#fff;border-radius:var(--pk-section-radius);padding:52px}
.pk-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.pk-footer a{color:#fff}
.pk-page{padding:44px var(--pk-side)}
.pk-page article{background:#fff;border-radius:var(--pk-section-radius);padding:clamp(34px,5vw,64px);border:1px solid rgba(23,41,131,.08)}
.pk-page h1{color:var(--pk-blue);font-size:clamp(42px,6vw,72px);line-height:.95;letter-spacing:-.05em}
@media(max-width:900px){
 .pk-topwrap,.pk-headerwrap,.pk-hero,.pk-section,.pk-footer,.pk-page{padding-left:16px;padding-right:16px}
 .pk-shell{width:100%}
 .pk-head{align-items:flex-start;flex-direction:column}
 .pk-nav ul{gap:10px 14px}
 .pk-hero-grid,.pk-grid,.pk-footer-grid,.pk-banner{grid-template-columns:1fr}
 .pk-hero-grid{padding:38px 24px}
 .pk-photo{max-width:520px}
 .pk-hero-icon{width:300px}
 .pk-panel{padding:34px 22px}
}

/* V4: kompakt och redigerbar sidfot */
.pk-footer{padding-top:48px}
.pk-footer-panel{background:var(--pk-footer-bg);color:var(--pk-footer-text);border-radius:var(--pk-footer-radius);padding:var(--pk-footer-pad) 0}
.pk-footer-panel a{color:var(--pk-footer-text)}
.pk-footer-compact{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.pk-footer-brand{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.pk-footer-brand strong{font-size:20px;letter-spacing:-.03em}
.pk-footer-brand span{font-size:14px;opacity:.88}
.pk-footer-contact{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}
.pk-footer-menu ul{display:flex;gap:15px;list-style:none;margin:0;padding:0;font-size:14px}
.pk-footer-copy{border-top:1px solid rgba(255,255,255,.22);margin-top:18px;padding-top:12px;font-size:12px;opacity:.75}
.pk-card-icon{width:calc(var(--pk-icon-size,190) * 1px);opacity:calc(var(--pk-icon-opacity,24) / 100)}
@media(max-width:900px){.pk-footer-compact{align-items:flex-start;flex-direction:column;gap:14px}.pk-footer-brand{flex-direction:column;gap:4px}}

/* V4.1: tydlig menyrad */
.pk-head{
  min-height:72px;
}
.pk-menu-row{
  border-top:1px solid rgba(23,41,131,.08);
  padding:0 18px;
}
.pk-menu-row .pk-shell{
  display:flex;
  align-items:center;
  min-height:50px;
}
.pk-nav{
  width:100%;
}
.pk-nav ul,
.pk-nav .pk-menu{
  display:flex;
  align-items:center;
  gap:24px;
  list-style:none;
  margin:0;
  padding:0;
  flex-wrap:wrap;
}
.pk-nav a{
  display:block;
  padding:14px 0;
  color:var(--pk-purple);
  text-decoration:none;
  font-weight:900;
  text-transform:uppercase;
  font-size:13px;
}
.pk-nav a:hover{
  color:var(--pk-blue);
}
@media(max-width:900px){
  .pk-menu-row{
    padding:0 14px;
  }
  .pk-menu-row .pk-shell{
    min-height:auto;
  }
  .pk-nav ul,
  .pk-nav .pk-menu{
    gap:8px 14px;
    padding:8px 0;
  }
  .pk-nav a{
    padding:8px 0;
  }
}

/* V5: typografi och diskret sticky meny */
body{
  font-family:var(--pk-body-font), Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6,
.pk-brand,.pk-nav a,.pk-btn,.pk-eyebrow,.pk-footer-brand strong{
  font-family:var(--pk-heading-font), Arial, Helvetica, sans-serif;
}
.pk-headerwrap.pk-is-sticky{
  position:sticky;
  top:0;
  z-index:999;
}
body.admin-bar .pk-headerwrap.pk-is-sticky{
  top:32px;
}
.pk-menu-row{
  background:var(--pk-menu-bg);
  transition:box-shadow .2s ease, background-color .2s ease;
}
.pk-nav a{
  color:var(--pk-menu-text);
}
.pk-nav a:hover,
.pk-nav .current-menu-item > a,
.pk-nav .current_page_item > a{
  color:var(--pk-menu-hover);
}
.pk-headerwrap.pk-is-sticky .pk-header{
  backdrop-filter:saturate(120%) blur(7px);
}
.pk-headerwrap.pk-is-compact .pk-head{
  min-height:56px;
  padding-top:8px;
  padding-bottom:8px;
}
.pk-headerwrap.pk-is-compact .pk-brand{
  font-size:23px;
}
.pk-headerwrap.pk-is-compact .pk-menu-row .pk-shell{
  min-height:38px;
}
.pk-headerwrap.pk-is-compact .pk-nav a{
  padding:9px 0;
  font-size:12px;
}
.pk-headerwrap.pk-is-sticky{
  box-shadow:0 6px 18px rgba(23,41,131,.05);
}
@media(max-width:782px){
  body.admin-bar .pk-headerwrap.pk-is-sticky{top:46px}
}

/* V5.1: stöd för blockbaserad startsida */
.pk-content-wrap{
  padding:26px var(--pk-side) 0;
}
.pk-content-wrap > .wp-block-group,
.pk-content-wrap > .wp-block-cover,
.pk-content-wrap > .wp-block-columns{
  margin-bottom:24px;
}
.wp-block-group.pk-pattern-panel{
  border-radius:var(--pk-section-radius);
  overflow:hidden;
}
.wp-block-group.pk-pattern-panel > .wp-block-group__inner-container{
  padding:clamp(38px,6vw,72px);
}
.wp-block-group.pk-pattern-hero{
  background:#ccedf6;
  border-radius:var(--pk-section-radius);
  overflow:hidden;
}
.wp-block-group.pk-pattern-hero > .wp-block-group__inner-container{
  padding:clamp(46px,7vw,88px);
}
.wp-block-button__link{
  border-radius:999px;
  font-family:var(--pk-heading-font),Arial,Helvetica,sans-serif;
  font-weight:900;
}

/* V5.2: menyjustering, exakt marginal och valfri sidrubrik */
.pk-menu-row.pk-menu-align-left .pk-nav ul,
.pk-menu-row.pk-menu-align-left .pk-nav .pk-menu{
  justify-content:flex-start;
}
.pk-menu-row.pk-menu-align-center .pk-nav ul,
.pk-menu-row.pk-menu-align-center .pk-nav .pk-menu{
  justify-content:center;
}
.pk-menu-row.pk-menu-align-right .pk-nav ul,
.pk-menu-row.pk-menu-align-right .pk-nav .pk-menu{
  justify-content:flex-end;
}
.pk-nav a{
  font-size:var(--pk-menu-font-size);
}
.pk-headerwrap.pk-is-compact .pk-nav a{
  font-size:var(--pk-menu-font-size);
}
.pk-editable-page-title{
  color:var(--pk-blue);
  line-height:.95;
  letter-spacing:-.05em;
  margin:0 0 28px;
  font-family:var(--pk-heading-font),Arial,Helvetica,sans-serif;
}

/* V5.3: stabil horisontell position mellan sidor */
html{
  overflow-y:scroll;
}
body{
  overflow-x:clip;
}
.pk-shell{
  width:min(var(--pk-max), calc(100% - (var(--pk-side) * 2)));
  margin-left:auto;
  margin-right:auto;
}
.pk-content-wrap,
.pk-page,
.pk-section,
.pk-hero,
.pk-footer{
  width:100%;
}

/* V5.4: blockmönster med säker innermarginal och redigerbar typografi */
.pk-content-wrap{
  padding-left:var(--pk-side);
  padding-right:var(--pk-side);
}
.pk-content-wrap > .pk-shell{
  width:min(var(--pk-max), calc(100% - (var(--pk-side) * 2)));
  margin-inline:auto;
}
.pk-pattern-hero,
.pk-pattern-panel{
  box-sizing:border-box;
  padding:clamp(36px,5vw,68px);
}
.pk-pattern-hero > .wp-block-columns,
.pk-pattern-panel > .wp-block-columns{
  margin-bottom:0;
}
.pk-pattern-hero .wp-block-column:first-child{
  padding-left:clamp(4px,1.2vw,18px);
}
.pk-pattern-hero .wp-block-column:last-child{
  align-self:stretch;
}
.pk-pattern-hero .wp-block-column:last-child figure,
.pk-pattern-hero .wp-block-column:last-child .wp-block-image{
  height:100%;
  margin:calc(clamp(36px,5vw,68px) * -1);
  margin-left:0;
}
.pk-pattern-hero .wp-block-column:last-child img{
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
  border-radius:0 var(--pk-section-radius) var(--pk-section-radius) 0;
}

/* Gutenberg ska få styra textstorlek och textfärg i mönstren */
.pk-card h2,.pk-card h3,.pk-card h4,.pk-card p,
.pk-pattern-panel h2,.pk-pattern-panel h3,.pk-pattern-panel p,
.pk-pattern-hero h1,.pk-pattern-hero h2,.pk-pattern-hero p{
  color:inherit;
}
.pk-card h3{
  font-size:inherit;
}
.pk-card a{
  color:inherit;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}
.pk-card .wp-block-button__link{
  text-decoration:none;
}

/* Dekorativa symboler i plattorna */
.pk-card{
  position:relative;
  overflow:hidden;
}
.pk-pattern-icon{
  position:absolute;
  right:-28px;
  bottom:-32px;
  width:185px;
  height:185px;
  margin:0 !important;
  z-index:1;
  pointer-events:none;
  opacity:.23;
}
.pk-pattern-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.pk-card > *:not(.pk-pattern-icon){
  position:relative;
  z-index:2;
}

/* Valbara tonstilar för grafiska element */
.wp-block-image.is-style-pk-icon-blue img{
  filter:brightness(0) saturate(100%) invert(29%) sepia(89%) saturate(1442%) hue-rotate(174deg) brightness(87%) contrast(102%);
}
.wp-block-image.is-style-pk-icon-purple img{
  filter:brightness(0) saturate(100%) invert(16%) sepia(57%) saturate(2880%) hue-rotate(230deg) brightness(76%) contrast(103%);
}
.wp-block-image.is-style-pk-icon-white img{
  filter:brightness(0) invert(1);
}
.wp-block-image.is-style-pk-icon-orange img{
  filter:brightness(0) saturate(100%) invert(58%) sepia(98%) saturate(1857%) hue-rotate(3deg) brightness(101%) contrast(101%);
}
.wp-block-image.is-style-pk-icon-saffron img{
  filter:brightness(0) saturate(100%) invert(75%) sepia(96%) saturate(1420%) hue-rotate(359deg) brightness(101%) contrast(102%);
}
.wp-block-image.is-style-pk-icon-pink img{
  filter:brightness(0) saturate(100%) invert(82%) sepia(21%) saturate(738%) hue-rotate(314deg) brightness(101%) contrast(93%);
}
.wp-block-image.is-style-pk-icon-gray img{
  filter:brightness(0) saturate(100%) invert(88%) sepia(8%) saturate(256%) hue-rotate(338deg) brightness(92%) contrast(88%);
}

@media(max-width:900px){
  .pk-content-wrap > .pk-shell{width:100%}
  .pk-pattern-hero,.pk-pattern-panel{padding:30px 22px}
  .pk-pattern-hero .wp-block-column:last-child figure,
  .pk-pattern-hero .wp-block-column:last-child .wp-block-image{
    margin:20px -22px -30px -22px;
    height:auto;
  }
  .pk-pattern-hero .wp-block-column:last-child img{
    min-height:320px;
    border-radius:0 0 var(--pk-section-radius) var(--pk-section-radius);
  }
}

/* V5.6: eget Gutenberg-block för grafiska element */
.pk-card{position:relative}
.pk-card .wp-block-patrik-graphic-element{
  position:absolute;
  z-index:1;
  pointer-events:none;
}
.pk-card > *:not(.wp-block-patrik-graphic-element){position:relative;z-index:2}

.pk-ge-block{
  position:relative;
  width:var(--pk-ge-size,180px);
  height:var(--pk-ge-size,180px);
}
.pk-ge-image{
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:var(--pk-ge-opacity,.24);
}
.pk-ge-pos-bottom-right{right:-28px;bottom:-32px}
.pk-ge-pos-bottom-left{left:-28px;bottom:-32px}
.pk-ge-pos-top-right{right:-28px;top:-32px}
.pk-ge-pos-top-left{left:-28px;top:-32px}
.pk-ge-pos-center{left:50%;top:50%;transform:translate(-50%,-50%)}

.pk-ge-tone-blue img{filter:brightness(0) saturate(100%) invert(29%) sepia(89%) saturate(1442%) hue-rotate(174deg) brightness(87%) contrast(102%)}
.pk-ge-tone-purple img{filter:brightness(0) saturate(100%) invert(16%) sepia(57%) saturate(2880%) hue-rotate(230deg) brightness(76%) contrast(103%)}
.pk-ge-tone-white img{filter:brightness(0) invert(1)}
.pk-ge-tone-orange img{filter:brightness(0) saturate(100%) invert(58%) sepia(98%) saturate(1857%) hue-rotate(3deg) brightness(101%) contrast(101%)}
.pk-ge-tone-saffron img{filter:brightness(0) saturate(100%) invert(75%) sepia(96%) saturate(1420%) hue-rotate(359deg) brightness(101%) contrast(102%)}
.pk-ge-tone-pink img{filter:brightness(0) saturate(100%) invert(82%) sepia(21%) saturate(738%) hue-rotate(314deg) brightness(101%) contrast(93%)}
.pk-ge-tone-gray img{filter:brightness(0) saturate(100%) invert(88%) sepia(8%) saturate(256%) hue-rotate(338deg) brightness(92%) contrast(88%)}
.pk-ge-tone-original img{filter:none}

/* V5.7 – egna redigerbara block */
.pk-patrik-card{position:relative;overflow:hidden;border-radius:var(--pk-radius);padding:32px;min-height:330px;box-sizing:border-box}
.pk-patrik-card-content{position:relative;z-index:2;max-width:82%}
.pk-patrik-card-title{margin:0 0 14px;font-family:var(--pk-heading-font),Arial,sans-serif;line-height:1}
.pk-patrik-card-text{margin:0 0 22px;line-height:1.45}
.pk-patrik-card-link{font-weight:900;text-decoration:underline;text-underline-offset:3px;color:inherit}
.pk-patrik-card-icon{position:absolute;z-index:1;pointer-events:none}
.pk-patrik-card-icon img{width:100%;height:100%;object-fit:contain}
.pk-patrik-card-icon.bottom-right{right:-28px;bottom:-28px}.pk-patrik-card-icon.bottom-left{left:-28px;bottom:-28px}
.pk-patrik-card-icon.top-right{right:-28px;top:-28px}.pk-patrik-card-icon.top-left{left:-28px;top:-28px}
.pk-patrik-card-icon.center{left:50%;top:50%;transform:translate(-50%,-50%)}
.pk-patrik-hero{display:grid;grid-template-columns:58% 42%;overflow:hidden;border-radius:var(--pk-section-radius);background:#ccedf6;min-height:540px}
.pk-patrik-hero-copy{padding:clamp(42px,6vw,78px);align-self:center}.pk-patrik-hero-eyebrow{font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.pk-patrik-hero-title{margin:0 0 18px;font-family:var(--pk-heading-font),Arial,sans-serif;line-height:.92;letter-spacing:-.05em}
.pk-patrik-hero-text{line-height:1.45;max-width:680px}.pk-patrik-hero-image{min-height:540px}
.pk-patrik-hero-image img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:800px){.pk-patrik-hero{grid-template-columns:1fr}.pk-patrik-hero-image{min-height:360px}.pk-patrik-card-content{max-width:90%}}

/* V5.8 */
.pk-patrik-card{min-height:var(--pk-card-min-height,330px);height:var(--pk-card-height,auto)}
.pk-patrik-card.pk-card-fill{height:100%}
.pk-patrik-card-icon.pk-icon-mask{background:var(--pk-icon-color,#172983);-webkit-mask-image:var(--pk-icon-url);mask-image:var(--pk-icon-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.pk-patrik-card-icon.pk-icon-mask img{display:none}

/* V5.8.1 */
.pk-patrik-card{background:transparent!important}
.pk-patrik-card::before{content:"";position:absolute;inset:0;z-index:0;background:var(--pk-card-bg,#00a5d3);opacity:var(--pk-card-bg-opacity,1);pointer-events:none}
.pk-patrik-card-content{position:relative;z-index:2}.pk-patrik-card-icon{z-index:1}

/* V5.9 – stabil sticky-meny */
.pk-headerwrap.pk-is-sticky{
  position:-webkit-sticky;
  position:sticky;
  top:0;
  z-index:9999;
  overflow:visible;
}
body.admin-bar .pk-headerwrap.pk-is-sticky{top:32px}
@media(max-width:782px){body.admin-bar .pk-headerwrap.pk-is-sticky{top:46px}}

/* V5.9 – Fokus Hero */
.pk-focus-hero{
  position:relative;
  width:100%;
  min-height:var(--pk-focus-height,610px);
  overflow:hidden;
  border-radius:var(--pk-section-radius);
  background:var(--pk-focus-bg,#006ab3);
}
.pk-focus-hero-image{
  position:absolute;inset:0;
}
.pk-focus-hero-image img{
  width:100%;height:100%;display:block;object-fit:cover;
  object-position:var(--pk-focus-image-x,50%) var(--pk-focus-image-y,50%);
}
.pk-focus-label{
  position:absolute;
  z-index:3;
  max-width:min(720px,80%);
  padding:18px 24px;
  background:var(--pk-label-bg,#006ab3);
  color:var(--pk-label-color,#fff);
  font-family:var(--pk-label-font),var(--pk-heading-font),Arial,sans-serif;
  font-size:var(--pk-label-size,42px);
  line-height:1.02;
  font-weight:900;
  box-sizing:border-box;
}
.pk-focus-label-one{left:var(--pk-l1-x,6%);top:var(--pk-l1-y,16%)}
.pk-focus-label-two{left:var(--pk-l2-x,6%);top:var(--pk-l2-y,34%)}
.pk-focus-label.pk-label-align-right{left:auto;right:var(--pk-label-right,6%)}
.pk-focus-label.pk-label-text-center{text-align:center}
.pk-focus-label.pk-label-text-right{text-align:right}
.pk-focus-placeholder{display:grid;place-items:center;min-height:610px;padding:30px;text-align:center}
@media(max-width:700px){
 .pk-focus-hero{min-height:min(560px,120vw)}
 .pk-focus-label{max-width:88%;padding:12px 16px}
}

/* V5.9.4 – kompaktare plattor och robust typografi */
.pk-patrik-card{
  padding:var(--pk-card-pad-y,20px) 32px;
}

/* Säkerställ att temats valda typsnitt även används i specialblocken */
.pk-patrik-card-title,
.pk-patrik-hero-title,
.pk-focus-label{
  font-family:var(--pk-heading-font), "Avenir Black", Avenir, Arial, sans-serif;
  line-height:var(--pk-heading-line-height,1.08);
}
.pk-patrik-card-text,
.pk-patrik-hero-text{
  font-family:var(--pk-body-font), "Avenir Roman", Avenir, Arial, sans-serif;
}

/* V5.9.5 – tunnare budskapsplattor */
.pk-focus-label{padding:var(--pk-label-pad-y,18px) 24px}

/* V5.10 PERSONLIGT */
.pk-personal-intro{display:grid;grid-template-columns:1.05fr .95fr;min-height:560px;overflow:hidden;border-radius:var(--pk-section-radius);background:#006ab3}
.pk-personal-intro-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,6vw,84px);color:#fff}
.pk-personal-kicker{margin:0 0 12px;font-size:15px;letter-spacing:.16em;text-transform:uppercase}
.pk-personal-intro h1{margin:0 0 18px;font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;font-size:clamp(52px,7vw,96px);line-height:.92;color:inherit}
.pk-personal-intro-text{max-width:650px;font-size:clamp(19px,2vw,27px);line-height:1.28}
.pk-personal-intro-image{min-height:430px}.pk-personal-intro-image img{width:100%;height:100%;display:block;object-fit:cover}
.pk-personal-section-title{margin:clamp(48px,7vw,88px) 0 24px;font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;font-size:clamp(34px,4vw,58px);line-height:1}
.pk-fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pk-fact-card{position:relative;min-height:170px;padding:24px;overflow:hidden;border-radius:var(--pk-section-radius)}
.pk-fact-card h3{margin:0 0 8px;font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;font-size:clamp(25px,2.5vw,36px);line-height:1;color:inherit}
.pk-fact-card p{margin:0;max-width:85%;font-size:17px;line-height:1.35}
.pk-personal-story{display:grid;grid-template-columns:.9fr 1.1fr;margin-top:clamp(50px,8vw,100px);overflow:hidden;border-radius:var(--pk-section-radius);background:#d4cbc5}
.pk-personal-story-image{min-height:500px}.pk-personal-story-image img{width:100%;height:100%;display:block;object-fit:cover}
.pk-personal-story-copy{padding:clamp(34px,5vw,72px)}.pk-personal-story-copy h2{margin:0 0 20px;font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;font-size:clamp(38px,4.5vw,66px);line-height:.98}.pk-personal-story-copy p{font-size:19px;line-height:1.55}
.pk-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pk-quick-card{padding:20px 26px;border-radius:var(--pk-section-radius);border:2px solid #172983;color:#172983}.pk-quick-q{margin:0 0 5px;font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;font-size:18px}.pk-quick-a{margin:0;font-size:24px;line-height:1.2}
.pk-personal-quote{margin:clamp(52px,8vw,100px) 0;padding:clamp(40px,7vw,90px);border-radius:var(--pk-section-radius);background:#172983;color:#fff}.pk-personal-quote p{margin:0;font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;font-size:clamp(34px,5vw,70px);line-height:1.02}
@media(max-width:800px){.pk-personal-intro,.pk-personal-story{grid-template-columns:1fr}.pk-personal-intro-image{order:-1;min-height:390px}.pk-fact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.pk-fact-grid,.pk-quick-grid{grid-template-columns:1fr}}

/* =========================================================
   V5.10.1 – FLEXIBEL PLATTA + PERSONLIGT HERO-FIX
   ========================================================= */

/* Personligt hero: bilden ska verkligen gå kant-i-kant */
.pk-personal-intro{
  padding:0 !important;
}
.pk-personal-intro > .wp-block-group{
  margin:0 !important;
}
.pk-personal-intro-image{
  margin:0 !important;
  padding:0 !important;
  align-self:stretch;
  min-height:100%;
}
.pk-personal-intro-image .wp-block-image{
  margin:0 !important;
  width:100%;
  height:100%;
}
.pk-personal-intro-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Generell flexibel platta */
.pk-flex-card{
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
  min-height:var(--pk-flex-min-height,0);
  height:var(--pk-flex-height,auto);
  border-radius:var(--pk-flex-radius,var(--pk-radius));
  padding:
    var(--pk-flex-pad-y,24px)
    var(--pk-flex-pad-x,28px);
  display:flex;
  flex-direction:column;
  justify-content:var(--pk-flex-v-align,flex-start);
  text-align:var(--pk-flex-text-align,left);
  background:transparent !important;
  color:var(--pk-flex-color,#172983);
}
.pk-flex-card.pk-flex-fill{
  height:100%;
}
.pk-flex-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:var(--pk-flex-bg,#ffffff);
  opacity:var(--pk-flex-bg-opacity,1);
  pointer-events:none;
}
.pk-flex-card-inner{
  position:relative;
  z-index:2;
  width:100%;
}
.pk-flex-card h1,
.pk-flex-card h2,
.pk-flex-card h3,
.pk-flex-card h4,
.pk-flex-card h5,
.pk-flex-card h6{
  color:inherit;
  font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;
}
.pk-flex-card p,
.pk-flex-card li,
.pk-flex-card a{
  color:inherit;
}
.pk-flex-card a{
  text-underline-offset:3px;
}
.pk-flex-card-icon{
  position:absolute;
  z-index:1;
  pointer-events:none;
  width:var(--pk-flex-icon-size,160px);
  height:var(--pk-flex-icon-size,160px);
  opacity:var(--pk-flex-icon-opacity,.2);
  background:var(--pk-flex-icon-color,#172983);
  -webkit-mask-image:var(--pk-flex-icon-url);
  mask-image:var(--pk-flex-icon-url);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
.pk-flex-card-icon.bottom-right{right:-24px;bottom:-24px}
.pk-flex-card-icon.bottom-left{left:-24px;bottom:-24px}
.pk-flex-card-icon.top-right{right:-24px;top:-24px}
.pk-flex-card-icon.top-left{left:-24px;top:-24px}
.pk-flex-card-icon.center{left:50%;top:50%;transform:translate(-50%,-50%)}

/* Gutenberg editor preview */
.editor-styles-wrapper .wp-block-patrik-flex-card{
  min-height:160px;
}

/* =========================================================
   V5.10.2 – PATRik PERSONLIGT HERO
   ========================================================= */
.pk-personal-hero{
  display:grid;
  grid-template-columns:var(--pk-personal-copy,50%) var(--pk-personal-image,50%);
  min-height:var(--pk-personal-height,560px);
  overflow:hidden;
  border-radius:var(--pk-section-radius);
  background:var(--pk-personal-bg,#006ab3);
  color:var(--pk-personal-color,#ffffff);
}
.pk-personal-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(34px,5vw,76px);
  min-width:0;
}
.pk-personal-hero-kicker{
  margin:0 0 12px;
  font-family:var(--pk-body-font),"Avenir Roman",Arial,sans-serif;
  font-size:var(--pk-personal-kicker-size,15px);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:inherit;
}
.pk-personal-hero-title{
  margin:0 0 18px;
  font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;
  font-size:var(--pk-personal-title-size,72px);
  line-height:.94;
  letter-spacing:-.045em;
  color:inherit;
}
.pk-personal-hero-text{
  margin:0;
  max-width:650px;
  font-family:var(--pk-body-font),"Avenir Roman",Arial,sans-serif;
  font-size:var(--pk-personal-text-size,22px);
  line-height:1.32;
  color:inherit;
}
.pk-personal-hero-image{
  min-width:0;
  min-height:var(--pk-personal-height,560px);
  height:100%;
}
.pk-personal-hero-image img{
  width:100%;
  height:100%;
  min-height:var(--pk-personal-height,560px);
  object-fit:cover;
  object-position:var(--pk-personal-image-x,50%) var(--pk-personal-image-y,50%);
  display:block;
}
.pk-personal-hero-placeholder{
  height:100%;
  min-height:var(--pk-personal-height,560px);
  display:grid;
  place-items:center;
  padding:30px;
  text-align:center;
  background:#d4cbc5;
  color:#172983;
  font-family:Arial,sans-serif;
}
@media(max-width:800px){
  .pk-personal-hero{
    grid-template-columns:1fr;
  }
  .pk-personal-hero-image{
    order:-1;
    min-height:360px;
  }
  .pk-personal-hero-image img,
  .pk-personal-hero-placeholder{
    min-height:360px;
  }
}

/* V5.10.3 – individuella textfärger i Personligt Hero */
.pk-personal-hero-kicker{color:var(--pk-personal-kicker-color,var(--pk-personal-color,#fff))}
.pk-personal-hero-title{color:var(--pk-personal-title-color,var(--pk-personal-color,#fff))}
.pk-personal-hero-text{color:var(--pk-personal-text-color,var(--pk-personal-color,#fff))}

/* =========================================================
   V5.10.4 – Personligt Hero fixes
   ========================================================= */

/* Sidans generella h1-regel får inte skriva över blockets eget färgval. */
.pk-page .pk-personal-hero .pk-personal-hero-kicker,
.pk-content-wrap .pk-personal-hero .pk-personal-hero-kicker{
  color:var(--pk-personal-kicker-color,var(--pk-personal-color,#ffffff)) !important;
}
.pk-page .pk-personal-hero .pk-personal-hero-title,
.pk-content-wrap .pk-personal-hero .pk-personal-hero-title{
  color:var(--pk-personal-title-color,var(--pk-personal-color,#ffffff)) !important;
}
.pk-page .pk-personal-hero .pk-personal-hero-text,
.pk-content-wrap .pk-personal-hero .pk-personal-hero-text{
  color:var(--pk-personal-text-color,var(--pk-personal-color,#ffffff)) !important;
}

/* V5.10.7 – lägre Personligt Hero + statement/citat */
@media(max-width:800px){
  .pk-personal-hero-image,
  .pk-personal-hero-image img,
  .pk-personal-hero-placeholder{min-height:280px}
}
.pk-statement{
  position:relative;overflow:hidden;border-radius:var(--pk-section-radius);
  background:#172983;color:#fff;padding:clamp(34px,6vw,76px)
}
.pk-statement .pk-statement-text{
  margin:0;max-width:1000px;color:inherit;
  font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;
  font-size:clamp(34px,5vw,68px);line-height:1.02;letter-spacing:-.025em
}
.pk-statement .pk-statement-source{
  margin:20px 0 0;color:inherit;font-size:16px;line-height:1.3;opacity:.85
}

/* =========================================================
   V5.11 – jämn toppmarginal + avskalad landningssida
   ========================================================= */

/* Fokus- och Personligt-innehåll ska börja på samma nivå som startsidans innehåll. */
.pk-page .pk-content-wrap,
.pk-page .entry-content,
.pk-content-wrap{
  padding-top:0;
}
.pk-page .entry-content > :first-child,
.pk-content-wrap > :first-child{
  margin-top:0 !important;
}

/* LANDNING / LINKTREE */
.pk-landing{
  max-width:760px;
  margin:0 auto;
  padding:clamp(22px,4vw,42px) 0 clamp(48px,7vw,90px);
  text-align:center;
}
.pk-landing-profile{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  margin-bottom:28px;
}
.pk-landing-photo{
  width:128px;
  height:128px;
  border-radius:50%;
  overflow:hidden;
  background:#d4cbc5;
}
.pk-landing-photo img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.pk-landing h1{
  margin:0;
  font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;
  font-size:clamp(38px,6vw,64px);
  line-height:.95;
}
.pk-landing-intro{
  margin:0 auto;
  max-width:570px;
  font-size:18px;
  line-height:1.4;
}
.pk-link-stack{
  display:grid;
  gap:12px;
  margin-top:30px;
}
.pk-link-card{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:68px;
  padding:14px 20px;
  border-radius:24px;
  background:#006ab3;
  color:#fff !important;
  text-decoration:none !important;
  font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;
  font-size:19px;
  line-height:1.15;
  text-align:left;
  transition:transform .15s ease,opacity .15s ease;
}
.pk-link-card:hover{
  transform:translateY(-2px);
  opacity:.94;
}
.pk-link-card::after{
  content:"→";
  flex:0 0 auto;
  font-size:25px;
}
.pk-link-card.is-sky{background:#00a5d3;color:#fff !important}
.pk-link-card.is-orange{background:#f39200;color:#fff !important}
.pk-link-card.is-yellow{background:#fabb00;color:#172983 !important}
.pk-link-card.is-pink{background:#f6b1a6;color:#172983 !important}
.pk-link-card.is-purple{background:#172983;color:#fff !important}
.pk-link-card.is-grey{background:#d4cbc5;color:#172983 !important}
.pk-landing-note{
  margin-top:28px;
  font-size:14px;
  opacity:.7;
}

/* V5.11.1 – helt blank landningssidmall */
body.pk-blank-landing-page{
  margin:0;
  background:#fff;
}
.pk-blank-landing-main{
  width:100%;
  margin:0;
  padding:0 24px;
  box-sizing:border-box;
}
.pk-blank-landing-page .pk-landing{
  padding-top:clamp(28px,5vw,56px);
}
@media(max-width:600px){
  .pk-blank-landing-main{padding-left:16px;padding-right:16px}
}

/* V5.12 – MOBILE PASS */
@media(max-width:800px){
 .pk-content-wrap,.pk-page .entry-content{padding-left:12px!important;padding-right:12px!important}
 .wp-block-columns{gap:12px!important}
 .pk-personal-hero{grid-template-columns:1fr!important;min-height:0!important}
 .pk-personal-hero-image{order:-1;height:clamp(280px,70vw,460px)!important;min-height:0!important}
 .pk-personal-hero-image img{height:100%!important;min-height:0!important;object-fit:cover}
 .pk-personal-hero-copy{padding:26px 24px 30px!important}
 .pk-personal-hero-title{font-size:clamp(42px,11vw,64px)!important}
 .pk-personal-hero-text{font-size:clamp(17px,4.5vw,22px)!important}
 .pk-personal-story{grid-template-columns:1fr!important}
 .pk-personal-story-image{min-height:0!important;height:clamp(280px,75vw,460px)}
 .pk-personal-story-copy{padding:26px 24px 30px!important}
 .pk-fact-grid{grid-template-columns:1fr 1fr;gap:12px}
 .pk-fact-card{min-height:150px;padding:20px}
 .pk-statement{padding:34px 26px!important}
 .pk-statement .pk-statement-text{font-size:clamp(30px,8vw,52px)}
 .pk-focus-hero,.pk-focus-wrap{margin-left:0!important;margin-right:0!important}
 .pk-landing{max-width:none;width:100%;padding-top:24px}
}
@media(max-width:600px){
 .pk-content-wrap,.pk-page .entry-content{padding-left:8px!important;padding-right:8px!important}
 .wp-block-columns{gap:8px!important;margin-bottom:8px!important}
 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important;width:100%!important}
 .pk-personal-hero,.pk-personal-story,.pk-flex-card,.pk-fact-card,.pk-statement,.pk-focus-hero{border-radius:22px!important}
 .pk-personal-hero-image{height:clamp(260px,78vw,390px)!important}
 .pk-personal-hero-copy{padding:22px 18px 24px!important}
 .pk-personal-hero-kicker{margin-bottom:7px;font-size:12px!important}
 .pk-personal-hero-title{margin-bottom:12px;font-size:clamp(38px,12vw,56px)!important;line-height:.94}
 .pk-personal-hero-text{font-size:17px!important;line-height:1.3}
 .pk-fact-grid{grid-template-columns:1fr!important;gap:8px}
 .pk-fact-card{min-height:0!important;padding:18px!important}
 .pk-personal-section-title{margin-top:34px;margin-bottom:16px;font-size:clamp(31px,9vw,44px)}
 .pk-flex-card{min-height:0;padding:18px!important}
 .pk-flex-card.pk-flex-fill{height:auto}
 .pk-flex-card-icon{max-width:42vw;max-height:42vw}
 .pk-personal-story{margin-top:36px}
 .pk-personal-story-image{height:clamp(260px,80vw,390px)}
 .pk-personal-story-copy{padding:22px 18px 25px!important}
 .pk-personal-story-copy h2{font-size:clamp(34px,10vw,48px)}
 .pk-personal-story-copy p{font-size:17px}
 .pk-quick-grid{grid-template-columns:1fr!important;gap:8px}
 .pk-quick-card{padding:17px 18px}
 .pk-quick-a{font-size:21px}
 .pk-statement{padding:28px 20px!important}
 .pk-statement .pk-statement-text{font-size:clamp(29px,9vw,43px)}
 .pk-statement .pk-statement-source{margin-top:14px}
 .pk-blank-landing-main{padding-left:8px!important;padding-right:8px!important}
 .pk-landing{padding-top:18px;padding-bottom:38px}
 .pk-landing-profile{gap:10px;margin-bottom:20px}
 .pk-landing-photo{width:104px;height:104px}
 .pk-landing h1{font-size:clamp(38px,12vw,54px)}
 .pk-landing-intro{font-size:16px}
 .pk-link-stack{gap:8px;margin-top:22px}
 .pk-link-card{min-height:58px;padding:11px 16px;border-radius:20px;font-size:17px}
 .pk-focus-label{padding:var(--pk-label-pad-y,8px) 14px!important;max-width:88%}
}

/* =========================================================
   V5.12.1 – MOBILE HEADER + FOKUSPLATTOR
   ========================================================= */

.pk-mobile-menu-toggle{
  display:none;
}

/* Mobil */
@media(max-width:600px){

  /* Toppraden: bara blått fält, inga kontaktuppgifter */
  .pk-topbar .pk-shell{
    min-height:18px;
    padding:0 !important;
  }
  .pk-topbar .pk-shell > *{
    display:none !important;
  }

  /* Header: namn vänster, hamburgare höger */
  .pk-head{
    min-height:56px !important;
    padding:8px 12px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
  }
  .pk-brand{
    font-size:22px !important;
    line-height:1 !important;
    white-space:nowrap;
  }

  .pk-mobile-menu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    flex:0 0 42px;
    padding:0;
    border:0;
    border-radius:14px;
    background:var(--pk-blue);
    color:#fff;
    cursor:pointer;
  }
  .pk-mobile-menu-toggle span,
  .pk-mobile-menu-toggle span::before,
  .pk-mobile-menu-toggle span::after{
    content:"";
    display:block;
    width:20px;
    height:2px;
    background:currentColor;
    border-radius:99px;
    transition:transform .2s ease, opacity .2s ease;
  }
  .pk-mobile-menu-toggle span{
    position:relative;
  }
  .pk-mobile-menu-toggle span::before{
    position:absolute;
    left:0;
    top:-6px;
  }
  .pk-mobile-menu-toggle span::after{
    position:absolute;
    left:0;
    top:6px;
  }
  .pk-mobile-menu-toggle[aria-expanded="true"] span{
    background:transparent;
  }
  .pk-mobile-menu-toggle[aria-expanded="true"] span::before{
    transform:translateY(6px) rotate(45deg);
  }
  .pk-mobile-menu-toggle[aria-expanded="true"] span::after{
    transform:translateY(-6px) rotate(-45deg);
  }

  .pk-menu-row{
    display:none;
    padding:0 12px 10px !important;
    background:var(--pk-menu-bg);
  }
  .pk-menu-row.pk-mobile-open{
    display:block;
  }
  .pk-menu-row .pk-shell{
    min-height:0 !important;
  }
  .pk-nav ul,
  .pk-nav .pk-menu{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    padding:4px 0 !important;
  }
  .pk-nav a{
    display:block;
    padding:11px 8px !important;
    font-size:15px !important;
    border-bottom:1px solid rgba(23,41,131,.08);
  }

  /* Fokus Hero – mobil: skala texten och placera platta 2 relativt platta 1 */
  .pk-focus-hero{
    --pk-mobile-label-gap:10px;
  }
  .pk-focus-label{
    max-width:86% !important;
    width:auto;
    line-height:1.02 !important;
    font-size:clamp(16px,5.4vw,28px) !important;
    padding:var(--pk-label-pad-y,6px) 12px !important;
  }

  /* Första plattan följer sin mobil-top-position */
  .pk-focus-label-one{
    top:var(--pk-mobile-l1-y,12%) !important;
  }

  /* Andra plattan placeras direkt under den första med justerbart mellanrum */
  .pk-focus-label-two{
    top:calc(
      var(--pk-mobile-l1-y,12%) +
      var(--pk-mobile-l1-height,54px) +
      var(--pk-mobile-label-gap,10px)
    ) !important;
  }
}

/* =========================================================
   V5.12.2 – Fokus Hero: platta 2 följer platta 1
   ========================================================= */

/* Desktop/default */
.pk-focus-label-one{
  top:var(--pk-desktop-l1-y,16%) !important;
}
.pk-focus-label-two{
  top:calc(
    var(--pk-desktop-l1-y,16%) +
    var(--pk-desktop-l1-height,64px) +
    var(--pk-desktop-label-gap,14px)
  ) !important;
}

@media(max-width:600px){
  .pk-focus-label-one{
    top:var(--pk-mobile-l1-y,12%) !important;
  }
  .pk-focus-label-two{
    top:calc(
      var(--pk-mobile-l1-y,12%) +
      var(--pk-mobile-l1-height,54px) +
      var(--pk-mobile-label-gap,10px)
    ) !important;
  }
}

/* =========================================================
   V5.12.5 – Fokus Hero: proportionell mobilskalning
   ========================================================= */

@media(max-width:600px){

  /*
   Tidigare fick alla budskapsplattor samma mobil-fontstorlek.
   Nu skalas varje platta från sin egen inställda desktopstorlek.
   Det bevarar proportionen mellan t.ex. vit och blå platta.
  */
  .pk-focus-label{
    font-size:clamp(
      10px,
      calc(var(--pk-label-size,30px) * .62),
      30px
    ) !important;

    padding-top:clamp(
      2px,
      calc(var(--pk-label-pad-y,8px) * .62),
      12px
    ) !important;

    padding-bottom:clamp(
      2px,
      calc(var(--pk-label-pad-y,8px) * .62),
      12px
    ) !important;

    padding-left:12px !important;
    padding-right:12px !important;

    line-height:1.02 !important;
    max-width:88% !important;
  }
}

/* =========================================================
   V5.12.6 – FULL-WIDTH MOBILE CLEANUP
   Samma visuella ytterkant som headern, utan dubbel padding.
   ========================================================= */

@media(max-width:600px){

  /* Gemensam ytterkant */
  :root{
    --pk-mobile-edge:8px;
  }

  /* Ta bort dubbel padding i sidwrappers */
  .pk-content-wrap,
  .pk-page,
  .pk-page .entry-content,
  .pk-page .pk-shell,
  .pk-content-wrap > .pk-shell,
  main#primary,
  .site-main{
    box-sizing:border-box;
  }

  .pk-content-wrap,
  .pk-page,
  .pk-page .entry-content,
  main#primary{
    padding-left:var(--pk-mobile-edge) !important;
    padding-right:var(--pk-mobile-edge) !important;
  }

  /* Inre shell ska inte lägga på ytterligare sidmarginal */
  .pk-page .pk-shell,
  .pk-content-wrap > .pk-shell,
  .pk-shell{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  /* Gutenberg-block ska följa samma kant */
  .entry-content > *,
  .pk-content-wrap > .pk-shell > *,
  .pk-page article > *{
    max-width:100%;
  }

  /* Stora visuella block: använd full innehållsbredd */
  .pk-focus-hero,
  .pk-personal-hero,
  .pk-personal-story,
  .pk-statement,
  .pk-flex-card,
  .pk-fact-card,
  .pk-landing,
  .wp-block-cover,
  .wp-block-group,
  .wp-block-columns{
    margin-left:0 !important;
    margin-right:0 !important;
  }

  /* Tajtare mellan block */
  .wp-block-group,
  .wp-block-columns{
    margin-top:0;
  }

  .wp-block-columns{
    gap:6px !important;
  }

  /* Plattor: mindre inre luft */
  .pk-flex-card{
    padding:14px 14px !important;
  }

  .pk-fact-card{
    padding:14px !important;
  }

  .pk-quick-card{
    padding:14px 15px !important;
  }

  .pk-statement{
    padding:22px 16px !important;
  }

  /* Fokus-plattor: maximera bildyta, minimera intern padding */
  .pk-focus-label{
    padding-top:clamp(2px,calc(var(--pk-label-pad-y,8px) * .55),10px) !important;
    padding-bottom:clamp(2px,calc(var(--pk-label-pad-y,8px) * .55),10px) !important;
    padding-left:10px !important;
    padding-right:10px !important;
    max-width:92% !important;
  }

  /* Personligt */
  .pk-personal-hero-copy{
    padding:18px 14px 20px !important;
  }

  .pk-personal-story-copy{
    padding:18px 14px 20px !important;
  }

  /* Landningssida */
  .pk-blank-landing-main{
    padding-left:var(--pk-mobile-edge) !important;
    padding-right:var(--pk-mobile-edge) !important;
  }

  .pk-link-card{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}

/* =========================================================
   V5.12.7 – mobil sidfot
   ========================================================= */
@media(max-width:600px){
  .pk-footer{
    padding-top:18px !important;
    padding-bottom:18px !important;
  }

  .pk-footer .pk-shell{
    padding-left:14px !important;
    padding-right:14px !important;
    box-sizing:border-box;
  }
}

/* =========================================================
   V5.12.8 – iOS/WebKit fallback för grafik i Patrik – platta
   ========================================================= */

/*
 Standard:
 - SVG används som mask för exakt vald färg.
 - img-elementet finns kvar som fallback.
*/
.pk-patrik-card-icon.pk-icon-mask img{
  display:none;
}

/*
 iPhone/iPad (Safari + Chrome + övriga iOS-webbläsare använder WebKit):
 vissa versioner kan tappa SVG-masken helt.
 Då visar vi original-SVG:n i stället för att låta symbolen försvinna.
*/
@supports (-webkit-touch-callout: none){
  .pk-patrik-card-icon.pk-icon-mask{
    background:transparent !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }

  .pk-patrik-card-icon.pk-icon-mask img{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }
}

/* Extra mobil säkerhet */
@media(max-width:600px){
  .pk-patrik-card-icon{
    display:block !important;
    visibility:visible !important;
  }
}

/* =========================================================
   V5.13 – INLINE SVG ENGINE
   ========================================================= */

/* Disable old mask engine */
.pk-patrik-card-icon.pk-icon-mask,
.pk-flex-card-icon{
  -webkit-mask-image:none !important;
  mask-image:none !important;
  background:transparent !important;
}

/* Inline SVG inherits exact chosen color */
.pk-patrik-card-icon svg,
.pk-flex-card-icon svg{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
  color:var(--pk-inline-icon-color,#172983);
}

/* Normalize fill/stroke to currentColor for monochrome graphics */
.pk-patrik-card-icon svg *,
.pk-flex-card-icon svg *{
  fill:currentColor !important;
  stroke:currentColor !important;
}

/* Preserve elements that explicitly have no fill/stroke */
.pk-patrik-card-icon svg [fill="none"],
.pk-flex-card-icon svg [fill="none"]{
  fill:none !important;
}
.pk-patrik-card-icon svg [stroke="none"],
.pk-flex-card-icon svg [stroke="none"]{
  stroke:none !important;
}

/* iOS no longer needs special fallback */
@supports (-webkit-touch-callout: none){
  .pk-patrik-card-icon.pk-icon-mask img{
    display:none !important;
  }
}

/* V5.14 – TL;DR tooltip */
.pk-tldr{position:relative;display:inline-block;cursor:help;font-weight:700;color:#006ab3;border-bottom:2px dotted currentColor;outline:none}
.pk-tldr-tooltip{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%) translateY(4px);width:max-content;max-width:min(260px,calc(100vw - 32px));box-sizing:border-box;padding:12px 15px;border-radius:14px;background:#172983;color:#fff;font-size:14px;line-height:1.35;font-weight:400;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:100;box-shadow:0 8px 25px rgba(0,0,0,.16)}
.pk-tldr-tooltip strong{color:inherit;font-weight:700}
.pk-tldr:hover .pk-tldr-tooltip,.pk-tldr:focus .pk-tldr-tooltip,.pk-tldr:focus-within .pk-tldr-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.pk-tldr-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top-color:#172983}
.pk-tldr:focus-visible{outline:2px solid #006ab3;outline-offset:4px;border-radius:3px}
@media(max-width:600px){.pk-tldr{cursor:pointer;padding:2px 1px}.pk-tldr-tooltip{max-width:240px;font-size:13px;padding:11px 13px}}

/* =========================================================
   V5.14.3 – förenklad flexibel platta
   ========================================================= */

/* Avgränsare: tydliga valbara bredder */
.wp-block-separator.is-style-pk-short{
  width:25% !important;
  max-width:25% !important;
  margin-left:0 !important;
  margin-right:auto !important;
}

.wp-block-separator.is-style-pk-half{
  width:50% !important;
  max-width:50% !important;
  margin-left:0 !important;
  margin-right:auto !important;
}

.wp-block-separator.is-style-pk-full{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Centrering när själva blocket är centrerat */
.has-text-align-center .wp-block-separator.is-style-pk-short,
.has-text-align-center .wp-block-separator.is-style-pk-half{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* =========================================================
   V5.14.4 – CTA + separatorjustering
   ========================================================= */

/* Avgränsare – kombinerad bredd + justering */
.wp-block-separator.is-style-pk-short-left{
  width:25% !important;max-width:25% !important;
  margin-left:0 !important;margin-right:auto !important;
}
.wp-block-separator.is-style-pk-short-center{
  width:25% !important;max-width:25% !important;
  margin-left:auto !important;margin-right:auto !important;
}
.wp-block-separator.is-style-pk-short-right{
  width:25% !important;max-width:25% !important;
  margin-left:auto !important;margin-right:0 !important;
}
.wp-block-separator.is-style-pk-half-left{
  width:50% !important;max-width:50% !important;
  margin-left:0 !important;margin-right:auto !important;
}
.wp-block-separator.is-style-pk-half-center{
  width:50% !important;max-width:50% !important;
  margin-left:auto !important;margin-right:auto !important;
}
.wp-block-separator.is-style-pk-half-right{
  width:50% !important;max-width:50% !important;
  margin-left:auto !important;margin-right:0 !important;
}
.wp-block-separator.is-style-pk-full{
  width:100% !important;max-width:100% !important;
  margin-left:0 !important;margin-right:0 !important;
}

/* Patrik – CTA */
.pk-cta{
  display:flex;
  flex-direction:column;
  align-items:var(--pk-cta-align,flex-start);
  gap:10px;
  width:100%;
  box-sizing:border-box;
  text-align:var(--pk-cta-text-align,left);
}
.pk-cta-question{
  margin:0;
  color:var(--pk-cta-question-color,inherit);
  font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;
  font-size:var(--pk-cta-question-size,22px);
  line-height:1.15;
}
.pk-cta-button{
  display:inline-block;
  width:auto;
  max-width:100%;
  box-sizing:border-box;
  padding:var(--pk-cta-pad-y,11px) var(--pk-cta-pad-x,20px);
  border-radius:var(--pk-cta-radius,999px);
  background:var(--pk-cta-bg,#172983);
  color:var(--pk-cta-color,#ffffff) !important;
  font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;
  font-size:var(--pk-cta-size,19px);
  line-height:1.1;
  text-decoration:none !important;
  text-align:center;
}
.pk-cta-button:hover{
  opacity:.92;
}

/* V5.15 – Timeline + CTA spacing */
.pk-cta{margin-top:var(--pk-cta-margin-top,0px)}

.pk-timeline{position:relative;width:100%;padding:8px 0}
.pk-timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:var(--pk-timeline-line-width,4px);transform:translateX(-50%);background:var(--pk-timeline-line-color,#006ab3);border-radius:999px}
.pk-timeline-title{margin:0 0 34px;font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;color:var(--pk-timeline-title-color,#172983);font-size:var(--pk-timeline-title-size,42px);line-height:1}
.pk-timeline-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:18px;align-items:center;margin-bottom:var(--pk-timeline-gap,28px)}
.pk-timeline-marker{grid-column:2;grid-row:1;justify-self:center;z-index:3;width:var(--pk-timeline-dot-size,42px);height:var(--pk-timeline-dot-size,42px);border-radius:50%;display:grid;place-items:center;background:var(--pk-timeline-dot-color,#006ab3);color:var(--pk-timeline-dot-icon-color,#fff);box-shadow:0 0 0 6px var(--pk-timeline-dot-ring,#fff)}
.pk-timeline-marker svg{width:62%;height:62%;display:block;color:inherit}
.pk-timeline-marker svg *{fill:currentColor!important;stroke:currentColor!important}
.pk-timeline-marker svg [fill="none"]{fill:none!important}
.pk-timeline-marker svg [stroke="none"]{stroke:none!important}
.pk-timeline-opposite{font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;color:var(--pk-timeline-opposite-color,#006ab3);font-size:var(--pk-timeline-opposite-size,26px);line-height:1.05}
.pk-timeline-card{position:relative;border-radius:var(--pk-timeline-card-radius,28px);padding:var(--pk-timeline-card-pad-y,24px) var(--pk-timeline-card-pad-x,28px);background:var(--pk-timeline-card-bg,#f6f4f4);color:var(--pk-timeline-card-color,#172983)}
.pk-timeline-card-title{margin:0 0 10px;font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;font-size:var(--pk-timeline-card-title-size,30px);line-height:1.05;color:inherit}
.pk-timeline-card-text{margin:0;font-size:var(--pk-timeline-card-text-size,17px);line-height:1.5;color:inherit}
.pk-timeline-item.is-left .pk-timeline-card{grid-column:1;grid-row:1}
.pk-timeline-item.is-left .pk-timeline-opposite{grid-column:3;grid-row:1;text-align:left}
.pk-timeline-item.is-right .pk-timeline-card{grid-column:3;grid-row:1}
.pk-timeline-item.is-right .pk-timeline-opposite{grid-column:1;grid-row:1;text-align:right}

@media(max-width:800px){
 .pk-timeline:before{left:22px;transform:none}
 .pk-timeline-item{grid-template-columns:44px minmax(0,1fr);gap:10px;margin-bottom:20px}
 .pk-timeline-marker{grid-column:1!important;grid-row:1!important;width:34px;height:34px}
 .pk-timeline-opposite{grid-column:2!important;grid-row:1!important;text-align:left!important;font-size:20px;margin-bottom:8px}
 .pk-timeline-card,.pk-timeline-item.is-left .pk-timeline-card,.pk-timeline-item.is-right .pk-timeline-card{grid-column:2!important;grid-row:2!important;padding:18px;border-radius:22px}
 .pk-timeline-title{font-size:34px;margin-bottom:24px}
}


/* V5.15.1 – timeline: reliable alternating sides + labels close to marker */
.pk-timeline-item{
  grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);
}

/* The label is anchored to the centre marker instead of the outer edge. */
.pk-timeline-item.is-right .pk-timeline-opposite{
  justify-self:end;
  text-align:right;
  padding-right:0;
}
.pk-timeline-item.is-left .pk-timeline-opposite{
  justify-self:start;
  text-align:left;
  padding-left:0;
}

/* Keep the card close to the marker too. */
.pk-timeline-item.is-right .pk-timeline-card{
  justify-self:stretch;
}
.pk-timeline-item.is-left .pk-timeline-card{
  justify-self:stretch;
}

/* Explicit editor/front-end alternation.
   The timeline item is the direct child block wrapper in Gutenberg. */
.pk-timeline > .wp-block-patrik-timeline-item:nth-of-type(odd),
.pk-timeline > .pk-timeline-item:nth-of-type(odd){
  --pk-auto-side: right;
}
.pk-timeline > .wp-block-patrik-timeline-item:nth-of-type(even),
.pk-timeline > .pk-timeline-item:nth-of-type(even){
  --pk-auto-side: left;
}

/* Auto items: odd = card right, label left */
.pk-timeline > .wp-block-patrik-timeline-item[data-side="auto"]:nth-of-type(odd) .pk-timeline-card,
.pk-timeline > .pk-timeline-item[data-side="auto"]:nth-of-type(odd) .pk-timeline-card{
  grid-column:3; grid-row:1;
}
.pk-timeline > .wp-block-patrik-timeline-item[data-side="auto"]:nth-of-type(odd) .pk-timeline-opposite,
.pk-timeline > .pk-timeline-item[data-side="auto"]:nth-of-type(odd) .pk-timeline-opposite{
  grid-column:1; grid-row:1; justify-self:end; text-align:right;
}

/* Auto items: even = card left, label right */
.pk-timeline > .wp-block-patrik-timeline-item[data-side="auto"]:nth-of-type(even) .pk-timeline-card,
.pk-timeline > .pk-timeline-item[data-side="auto"]:nth-of-type(even) .pk-timeline-card{
  grid-column:1; grid-row:1;
}
.pk-timeline > .wp-block-patrik-timeline-item[data-side="auto"]:nth-of-type(even) .pk-timeline-opposite,
.pk-timeline > .pk-timeline-item[data-side="auto"]:nth-of-type(even) .pk-timeline-opposite{
  grid-column:3; grid-row:1; justify-self:start; text-align:left;
}

/* Narrow the centre gutter: label/card sit about 18px from the dot. */
@media(min-width:801px){
  .pk-timeline-item{
    grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);
    gap:0;
  }
  .pk-timeline-item .pk-timeline-opposite{
    margin-left:18px;
    margin-right:18px;
  }
  .pk-timeline-item .pk-timeline-card{
    margin-left:18px;
    margin-right:18px;
  }
}

/* V5.16 – Uppdragslista */
.pk-assignments{width:100%;box-sizing:border-box;border-radius:var(--pk-ass-radius,28px);padding:var(--pk-ass-pad-y,28px) var(--pk-ass-pad-x,30px);background:var(--pk-ass-bg,#eef7fb);color:var(--pk-ass-color,#172983)}
.pk-assignments-inner{display:grid;grid-template-columns:minmax(220px,34%) minmax(0,1fr);gap:36px;align-items:start}
.pk-assignments-heading{display:flex;gap:18px;align-items:flex-start;padding-right:28px;border-right:1px solid rgba(0,106,179,.2)}
.pk-assignments-icon{flex:0 0 auto;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--pk-ass-accent,#006ab3);color:#fff}
.pk-assignments-icon:empty{display:none}
.pk-assignments-icon svg{width:64%;height:64%;display:block;color:inherit}
.pk-assignments-icon svg *{fill:currentColor!important;stroke:currentColor!important}
.pk-assignments-title{margin:7px 0 0;font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;font-size:var(--pk-ass-title-size,30px);line-height:1.08;color:inherit}
.pk-assignment-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;column-gap:14px;row-gap:3px;align-items:start;padding:14px 0;border-bottom:1px solid rgba(0,106,179,.16)}
.pk-assignment-item:first-child{padding-top:0}.pk-assignment-item:last-child{border-bottom:0;padding-bottom:0}
.pk-assignment-check{grid-column:1;grid-row:1 / span 3;width:28px;height:28px;border-radius:50%;border:2px solid var(--pk-ass-accent,#006ab3);color:var(--pk-ass-accent,#006ab3);display:grid;place-items:center;font-family:Arial,sans-serif;font-weight:700;font-size:16px;line-height:1}
.pk-assignment-name{grid-column:2;grid-row:1;margin:1px 0 0;font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;font-size:var(--pk-ass-name-size,21px);line-height:1.15;color:inherit}
.pk-assignment-period{grid-column:3;grid-row:1;display:inline-block;white-space:nowrap;border-radius:6px;padding:5px 10px;background:var(--pk-ass-accent,#006ab3);color:var(--pk-ass-period-color,#fff);font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif;font-size:var(--pk-ass-period-size,15px);line-height:1}
.pk-assignment-role,.pk-assignment-desc{grid-column:2 / 4;margin:0;color:inherit;font-size:var(--pk-ass-text-size,17px);line-height:1.4}.pk-assignment-role{grid-row:2}.pk-assignment-desc{grid-row:3;margin-top:3px}
@media(max-width:800px){.pk-assignments{padding:22px 20px;border-radius:22px}.pk-assignments-inner{grid-template-columns:1fr;gap:22px}.pk-assignments-heading{border-right:0;border-bottom:1px solid rgba(0,106,179,.2);padding:0 0 20px}.pk-assignments-icon{width:48px;height:48px}.pk-assignments-title{font-size:26px;margin-top:4px}.pk-assignment-item{grid-template-columns:30px minmax(0,1fr);column-gap:10px}.pk-assignment-period{grid-column:2;grid-row:2;justify-self:start;margin:5px 0}.pk-assignment-role{grid-column:2;grid-row:3}.pk-assignment-desc{grid-column:2;grid-row:4}.pk-assignment-check{grid-row:1 / span 4;width:25px;height:25px}}

/* V5.17 */
.pk-assignments-icon svg,.editor-styles-wrapper .pk-assignments-icon svg{display:block!important;width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important}
.pk-ge-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:390px;overflow:auto;padding:3px}
.pk-ge-choice{min-height:78px!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;border:1px solid #dcdcde!important;border-radius:8px!important;padding:7px!important}
.pk-ge-choice.is-selected{outline:3px solid #006ab3!important;border-color:#006ab3!important}
.pk-ge-choice img{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important}
.pk-ge-choice span{font-size:10px;line-height:1.1;text-align:center;white-space:normal}

/* V5.18 – Uppdragslista: icon above heading and roomier heading column */
@media(min-width:801px){
  .pk-assignments-inner{grid-template-columns:minmax(250px,38%) minmax(0,1fr);gap:36px}
  .pk-assignments-heading{flex-direction:column;align-items:flex-start;gap:16px;padding-right:30px}
  .pk-assignments-title{margin:0}
}


/* V5.19 – Uppdragslista refinements
   1) Heading first, icon below and centered in the left/icon panel.
   2) More breathing room between consecutive assignment lists. */
.pk-assignments-heading{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
}
.pk-assignments-title{
  order:1;
}
.pk-assignments-icon{
  order:2;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  margin-right:auto;
  margin-top:24px;
}
.pk-assignments-icon svg,
.editor-styles-wrapper .pk-assignments-icon svg{
  display:block!important;
  margin:auto!important;
}
.wp-block-patrik-assignments + .wp-block-patrik-assignments,
.pk-assignments + .pk-assignments{
  margin-top:28px;
}


/* V5.19.1 – left-align heading/icon group again.
   Only the SVG artwork itself is centered inside its colored icon circle. */
.pk-assignments-heading{
  align-items:flex-start;
  text-align:left;
}
.pk-assignments-icon{
  margin-left:0;
  margin-right:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pk-assignments-icon svg,
.editor-styles-wrapper .pk-assignments-icon svg{
  margin:auto!important;
}

/* V5.19.2 – compact icon picker + precise assignment icon sizing */
.pk-ge-choice{min-height:66px!important;padding:5px!important;gap:3px!important}
.pk-ge-choice img{width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important}
.pk-assignments-icon{display:flex!important;align-items:center!important;justify-content:center!important}
.pk-assignments-icon svg{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;margin:0!important}
.editor-styles-wrapper .pk-assignments-icon svg{width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;margin:0!important}


/* V5.19.3 – editor icon containment + compact picker */
.pk-ge-picker{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  overflow-x:hidden!important;
}
.pk-ge-choice{
  min-width:0!important;
  min-height:62px!important;
  padding:5px 3px!important;
}
.pk-ge-choice img{
  width:24px!important;
  height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
}
.pk-ge-choice span{
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Keep the actual assignment SVG contained inside its coloured circle in Gutenberg. */
.editor-styles-wrapper .pk-assignments-icon{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  flex:0 0 58px!important;
  overflow:hidden!important;
  border-radius:50%!important;
}
.editor-styles-wrapper .pk-assignments-icon .pk-inline-svg-editor{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  max-width:26px!important;
  max-height:26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.editor-styles-wrapper .pk-assignments-icon .pk-inline-svg-editor svg{
  display:block!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  max-width:26px!important;
  max-height:26px!important;
  margin:0!important;
}


/* V5.19.5 – Uppdragslista polish
   - tighter title/icon relationship
   - adjustable icon artwork size
   - divider spans the full height of the card */
.pk-assignments-inner{
  align-items:stretch!important;
}
.pk-assignments-heading{
  height:100%;
  box-sizing:border-box;
}
.pk-assignments-icon{
  margin-top:12px!important;
}
.pk-assignments-icon svg{
  width:var(--pk-ass-icon-size,30px)!important;
  height:var(--pk-ass-icon-size,30px)!important;
  max-width:var(--pk-ass-icon-size,30px)!important;
  max-height:var(--pk-ass-icon-size,30px)!important;
}

/* Custom uploaded logos often need to occupy more of the circle. */
.pk-assignments-icon.is-custom-icon svg{
  width:var(--pk-ass-custom-icon-size,38px)!important;
  height:var(--pk-ass-custom-icon-size,38px)!important;
  max-width:var(--pk-ass-custom-icon-size,38px)!important;
  max-height:var(--pk-ass-custom-icon-size,38px)!important;
}

@media(max-width:800px){
  .pk-assignments-heading{
    height:auto;
  }
}


/* V5.19.7 – make icon size control actually control the artwork,
   and tighten the title/icon relationship. */
.pk-assignments-heading{
  gap:6px!important;
}
.pk-assignments-icon{
  margin-top:0!important;
}

/* Frontend: the selected value controls the actual SVG artwork. */
.pk-assignments .pk-assignments-icon .pk-inline-svg-editor,
.pk-assignments .pk-assignments-icon .pk-inline-svg-editor svg,
.pk-assignments .pk-assignments-icon > svg{
  width:var(--pk-ass-icon-size,30px)!important;
  height:var(--pk-ass-icon-size,30px)!important;
  min-width:var(--pk-ass-icon-size,30px)!important;
  min-height:var(--pk-ass-icon-size,30px)!important;
  max-width:var(--pk-ass-icon-size,30px)!important;
  max-height:var(--pk-ass-icon-size,30px)!important;
}

/* Uploaded/custom artwork gets a modest optical boost, still tied to the slider. */
.pk-assignments .pk-assignments-icon.is-custom-icon .pk-inline-svg-editor,
.pk-assignments .pk-assignments-icon.is-custom-icon .pk-inline-svg-editor svg,
.pk-assignments .pk-assignments-icon.is-custom-icon > svg{
  width:var(--pk-ass-custom-icon-size,38px)!important;
  height:var(--pk-ass-custom-icon-size,38px)!important;
  min-width:var(--pk-ass-custom-icon-size,38px)!important;
  min-height:var(--pk-ass-custom-icon-size,38px)!important;
  max-width:var(--pk-ass-custom-icon-size,38px)!important;
  max-height:var(--pk-ass-custom-icon-size,38px)!important;
}

/* Gutenberg: deliberately stronger than the older fixed 26px safety rule. */
body .editor-styles-wrapper .pk-assignments .pk-assignments-icon .pk-inline-svg-editor,
body .editor-styles-wrapper .pk-assignments .pk-assignments-icon .pk-inline-svg-editor svg,
body .editor-styles-wrapper .pk-assignments .pk-assignments-icon > svg{
  width:var(--pk-ass-icon-size,30px)!important;
  height:var(--pk-ass-icon-size,30px)!important;
  min-width:var(--pk-ass-icon-size,30px)!important;
  min-height:var(--pk-ass-icon-size,30px)!important;
  max-width:var(--pk-ass-icon-size,30px)!important;
  max-height:var(--pk-ass-icon-size,30px)!important;
}

body .editor-styles-wrapper .pk-assignments .pk-assignments-icon.is-custom-icon .pk-inline-svg-editor,
body .editor-styles-wrapper .pk-assignments .pk-assignments-icon.is-custom-icon .pk-inline-svg-editor svg,
body .editor-styles-wrapper .pk-assignments .pk-assignments-icon.is-custom-icon > svg{
  width:var(--pk-ass-custom-icon-size,38px)!important;
  height:var(--pk-ass-custom-icon-size,38px)!important;
  min-width:var(--pk-ass-custom-icon-size,38px)!important;
  min-height:var(--pk-ass-custom-icon-size,38px)!important;
  max-width:var(--pk-ass-custom-icon-size,38px)!important;
  max-height:var(--pk-ass-custom-icon-size,38px)!important;
}

/* V5.19.8 */
.pk-assignments-heading{gap:10px!important}


/* V5.19.9 – definitive Uppdragslista spacing/frontend sizing fix */
.pk-assignments-inner{
  align-items:stretch!important;
}
.pk-assignments-heading{
  gap:8px!important;
  align-self:stretch!important;
}
.pk-assignments-title{
  margin-top:0!important;
  margin-bottom:0!important;
}
.pk-assignments-icon{
  margin-top:0!important;
}

/* Divider follows the full card content height on desktop. */
@media(min-width:801px){
  .pk-assignments-heading{
    border-right:1px solid rgba(0,106,179,.2)!important;
    height:100%!important;
  }
}

/* V5.20.0 – I media */
.pk-media{margin-top:clamp(48px,7vw,92px)}
.pk-media-heading{margin:0;color:#172983;font-family:var(--pk-heading-font,inherit);font-size:clamp(38px,5vw,64px);line-height:1}
.pk-media-intro{margin:12px 0 34px;max-width:720px;font-size:clamp(18px,2vw,22px)}
.pk-media-list{border-top:1px solid rgba(23,41,131,.22)}
.pk-media-link{display:block;color:inherit;text-decoration:none}
.pk-media-item{position:relative;display:grid;grid-template-columns:minmax(230px,30%) minmax(0,1fr) 34px;gap:24px;align-items:center;min-height:112px;padding:22px 8px;border-bottom:1px solid rgba(23,41,131,.22);transition:.18s}
.pk-media-link:hover .pk-media-item{background:rgba(0,165,211,.07);padding-left:16px;padding-right:16px}
.pk-media-meta{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 14px;align-items:center}
.pk-media-date{grid-row:1/span 2;font-size:13px;font-weight:800;letter-spacing:.06em;color:#006ab3;font-variant-numeric:tabular-nums}
.pk-media-medium{font-size:16px;font-weight:800;color:#172983}
.pk-media-type{justify-self:start;padding:3px 8px 2px;border:1px solid currentColor;border-radius:999px;color:#006ab3;font-size:10px;font-weight:800;letter-spacing:.08em}
.pk-media-title{margin:0!important;color:#172983;font-family:var(--pk-heading-font,inherit);font-size:clamp(20px,2.2vw,28px);line-height:1.12}
.pk-media-arrow{color:#006ab3;font-size:27px;line-height:1;transition:transform .18s ease}
.pk-media-link:hover .pk-media-arrow{transform:translate(3px,-3px)}
@media(max-width:800px){.pk-media-item{grid-template-columns:1fr 28px;gap:12px 14px;padding:20px 4px}.pk-media-meta{grid-column:1;grid-template-columns:auto 1fr;gap:5px 12px}.pk-media-date{grid-row:auto}.pk-media-type{grid-column:1/-1}.pk-media-title{grid-column:1}.pk-media-arrow{grid-column:2;grid-row:1/span 2;align-self:center}}

/* V5.20.1 – Luft före tidslinjen */
.pk-timeline{
  margin-top:80px;
}
@media(max-width:800px){
  .pk-timeline{
    margin-top:48px;
  }
}


/* V5.20.2 – Tidslinje: bättre rytm på desktop, ren mobil-layout */
.pk-timeline{
  margin-top:56px;
}

@media(max-width:800px){
  .pk-timeline{
    margin-top:40px;
    padding:4px 0 0;
  }

  .pk-timeline-title{
    margin-bottom:26px!important;
    font-size:34px!important;
  }

  /* En enkel vänsterlinje på mobil. */
  .pk-timeline:before{
    left:11px!important;
    top:58px!important;
    bottom:10px!important;
    width:3px!important;
    transform:none!important;
  }

  /* Mobilen växlar inte sida: allt läses uppifrån och ned. */
  .pk-timeline-item,
  .pk-timeline > .wp-block-patrik-timeline-item,
  .pk-timeline > .pk-timeline-item{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    row-gap:8px!important;
    align-items:start!important;
    margin:0 0 28px!important;
  }

  .pk-timeline-marker,
  .pk-timeline-item .pk-timeline-marker{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:start!important;
    width:22px!important;
    height:22px!important;
    margin:1px 0 0!important;
    box-shadow:0 0 0 4px var(--pk-timeline-dot-ring,#fff)!important;
  }

  .pk-timeline-opposite,
  .pk-timeline-item.is-left .pk-timeline-opposite,
  .pk-timeline-item.is-right .pk-timeline-opposite,
  .pk-timeline > .wp-block-patrik-timeline-item[data-side="auto"]:nth-of-type(odd) .pk-timeline-opposite,
  .pk-timeline > .wp-block-patrik-timeline-item[data-side="auto"]:nth-of-type(even) .pk-timeline-opposite,
  .pk-timeline > .pk-timeline-item[data-side="auto"]:nth-of-type(odd) .pk-timeline-opposite,
  .pk-timeline > .pk-timeline-item[data-side="auto"]:nth-of-type(even) .pk-timeline-opposite{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    font-size:20px!important;
    line-height:1.05!important;
  }

  .pk-timeline-card,
  .pk-timeline-item.is-left .pk-timeline-card,
  .pk-timeline-item.is-right .pk-timeline-card,
  .pk-timeline > .wp-block-patrik-timeline-item[data-side="auto"]:nth-of-type(odd) .pk-timeline-card,
  .pk-timeline > .wp-block-patrik-timeline-item[data-side="auto"]:nth-of-type(even) .pk-timeline-card,
  .pk-timeline > .pk-timeline-item[data-side="auto"]:nth-of-type(odd) .pk-timeline-card,
  .pk-timeline > .pk-timeline-item[data-side="auto"]:nth-of-type(even) .pk-timeline-card{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:stretch!important;
    width:auto!important;
    margin:0!important;
    padding:18px 19px!important;
    border-radius:20px!important;
  }

  .pk-timeline-card-title{
    margin-bottom:8px!important;
    font-size:25px!important;
    line-height:1.08!important;
  }

  .pk-timeline-card-text{
    font-size:16px!important;
    line-height:1.48!important;
  }
}


/* V5.20.3 – Uppdragsplattor mobil:
   rubrik vänster, ikon ovanför/till höger */
@media(max-width:800px){
  .pk-assignments-heading{
    position:relative!important;
    display:block!important;
    min-height:74px!important;
    padding-right:76px!important;
  }

  .pk-assignments-title{
    margin:0!important;
    text-align:left!important;
  }

  .pk-assignments-icon{
    position:absolute!important;
    top:0!important;
    right:0!important;
    left:auto!important;
    margin:0!important;
  }
}


/* V5.20.4 – ren mobil-layout för uppdragsplattor */
@media(max-width:800px){
  .pk-assignments-heading{
    position:static!important;
    display:block!important;
    min-height:0!important;
    height:auto!important;
    padding-right:0!important;
    padding-bottom:14px!important;
  }

  .pk-assignments-icon{
    display:none!important;
  }

  .pk-assignments-title{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    overflow-wrap:anywhere!important;
  }

  .pk-assignments-inner,
  .pk-assignments-list{
    min-width:0!important;
    width:100%!important;
  }

  .pk-assignment-item,
  .pk-assignment-item > *,
  .pk-assignment-title,
  .pk-assignment-text{
    min-width:0!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
}

/* V5.21.0 – Media & Press hero */
.pk-press-hero{
 --pk-press-bg:#eaf7fb;--pk-press-color:#172983;
 display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);
 gap:clamp(28px,4vw,60px);align-items:stretch;
 padding:clamp(30px,5vw,64px);
 background:var(--pk-press-bg);color:var(--pk-press-color);
 border-radius:32px;overflow:hidden;
}
.pk-press-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.pk-press-eyebrow{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.12em}
.pk-press-title{margin:0!important;font-family:var(--pk-heading-font,inherit);font-size:clamp(42px,5.5vw,72px);line-height:.98;color:inherit}
.pk-press-intro{max-width:620px;margin:20px 0 32px;font-size:clamp(18px,2vw,22px);line-height:1.45}
.pk-press-contact{display:grid;gap:5px;align-self:start;padding:20px 24px;border-radius:22px;background:rgba(255,255,255,.72);font-size:17px}
.pk-press-contact-label{margin-bottom:5px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#006ab3}
.pk-press-contact strong{font-size:22px}
.pk-press-contact a,.pk-press-contact span{display:block;color:inherit;text-decoration:none}
.pk-press-contact a:hover{text-decoration:underline}
.pk-press-image{position:relative;min-height:440px;border-radius:26px;overflow:hidden;background:rgba(255,255,255,.5)}
.pk-press-image img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover;object-position:center top}
.pk-press-image-placeholder{display:grid;place-items:center;min-height:440px;font-weight:700}
.pk-press-image-button{position:absolute!important;right:14px;bottom:14px}
@media(max-width:800px){
 .pk-press-hero{grid-template-columns:1fr;gap:24px;padding:24px;border-radius:24px}
 .pk-press-title{font-size:clamp(38px,12vw,54px)}
 .pk-press-intro{margin:16px 0 24px}
 .pk-press-contact{width:100%;box-sizing:border-box}
 .pk-press-image{min-height:0;aspect-ratio:4/5;border-radius:20px}
 .pk-press-image img{min-height:0;aspect-ratio:4/5}
}

/* V5.21.1 – Media & Press finjustering */
.pk-press-eyebrow{display:none!important}
.pk-press-title{
  font-size:clamp(34px,4.2vw,56px)!important;
  line-height:1.02!important;
}
@media(max-width:800px){
  .pk-press-title{font-size:clamp(34px,9vw,46px)!important}
}

/* V5.22.0 – Pressbilder */
.pk-press-images{
 margin-top:clamp(28px,4vw,48px);padding:clamp(26px,4vw,46px);
 background:#fff;border-radius:32px;
}
.pk-press-images-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}
.pk-press-images-head h2{margin:0!important;color:#172983;font-size:clamp(32px,4vw,48px);line-height:1}
.pk-press-images-head p{max-width:620px;margin:0;font-size:17px;line-height:1.5}
.pk-press-images>.block-editor-inner-blocks>.block-editor-block-list__layout,
.pk-press-images>.wp-block-patrik-press-image,
.pk-press-images{box-sizing:border-box}
.pk-press-images>.block-editor-inner-blocks>.block-editor-block-list__layout,
.pk-press-images:not(.block-editor-block-list__block){ }
.pk-press-images .block-editor-block-list__layout,
.pk-press-images{ }
.pk-press-images > .wp-block-patrik-press-image{ }
.pk-press-images > article{ }
.pk-press-images:has(>article){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pk-press-images:has(>article) .pk-press-images-head{grid-column:1/-1}
.pk-press-image-card{min-width:0;padding:12px;border:1px solid rgba(23,41,131,.12);border-radius:22px;background:#fff}
.pk-press-thumb{position:relative;aspect-ratio:4/3;border-radius:15px;overflow:hidden;background:#eef5f8}
.pk-press-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.pk-press-thumb-placeholder{display:grid;place-items:center;min-height:220px}
.pk-press-thumb-button{position:absolute!important;right:10px;bottom:10px}
.pk-press-image-label{margin:16px 4px 5px;color:#006ab3;font-size:12px;font-weight:800;letter-spacing:.1em}
.pk-press-image-card h3{margin:0 4px 7px!important;font-size:21px;line-height:1.15}
.pk-press-credit{margin:0 4px 15px;color:#5c626b;font-size:14px}
.pk-press-download{display:block;margin:0 4px 4px;padding:12px 14px;border:1.5px solid #006ab3;border-radius:999px;color:#006ab3!important;text-align:center;font-weight:800;text-decoration:none!important}
.pk-press-download:hover{background:#006ab3;color:#fff!important}
@media(max-width:800px){
 .pk-press-images{padding:22px;border-radius:24px}
 .pk-press-images-head{display:block;margin-bottom:20px}
 .pk-press-images-head p{margin-top:12px}
 .pk-press-images:has(>article){grid-template-columns:1fr}
}

.pk-press-images-head p:empty{display:none}
.pk-press-terms{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;margin-top:8px;padding:14px 18px;border-radius:16px;background:#eef6ff;color:#4f5968;font-size:13px;line-height:1.45}
.pk-press-terms-icon{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#dcecff;color:#006ab3;font-weight:800;font-family:Georgia,serif}
.pk-press-terms strong{display:inline;margin-right:5px;color:#006ab3}.pk-press-terms span:not(.pk-press-terms-icon){display:inline}

/* V5.23.0 – I media */
.pk-media{
 margin-top:clamp(28px,4vw,48px);
 padding:clamp(26px,4vw,46px);
 border-radius:32px;
 background:#eef7fb;
}
.pk-media-heading{margin:0!important;color:#172983;font-size:clamp(32px,4vw,48px);line-height:1}
.pk-media-intro{margin:10px 0 26px;max-width:650px;font-size:17px;line-height:1.5}
.pk-media-list{display:grid;gap:10px}
.pk-media-link{display:block;color:inherit!important;text-decoration:none!important}
.pk-media-item{
 display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.7fr) 34px;
 align-items:center;gap:22px;padding:19px 22px;border-radius:18px;background:#fff;
 transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.pk-media-link:hover .pk-media-item{transform:translateY(-1px);box-shadow:0 8px 24px rgba(23,41,131,.08)}
.pk-media-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.pk-media-date{font-variant-numeric:tabular-nums;color:#5b6470}
.pk-media-medium{font-weight:800;color:#172983}
.pk-media-type{padding:5px 9px;border-radius:999px;background:#e6f4fa;color:#006ab3;font-size:11px;font-weight:800;letter-spacing:.06em}
.pk-media-title{margin:0!important;font-size:clamp(18px,2vw,22px);line-height:1.2;color:#17191c}
.pk-media-arrow{font-size:25px;color:#006ab3;transition:transform .18s ease}
.pk-media-link:hover .pk-media-arrow{transform:translate(3px,-3px)}
@media(max-width:800px){
 .pk-media{padding:22px;border-radius:24px}
 .pk-media-item{grid-template-columns:1fr 28px;gap:9px 14px;padding:17px}
 .pk-media-meta{grid-column:1/-1}
 .pk-media-title{grid-column:1}
 .pk-media-arrow{grid-column:2;grid-row:2;align-self:center}
}

/* V5.23.1 – I media: typografi, radfall och stilla hover */
.pk-media-heading{
  font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif!important;
}
.pk-media-intro{
  font-family:var(--pk-body-font),"Avenir Roman",Arial,sans-serif!important;
}
.pk-media-list{gap:10px!important;border-top:0!important}

.pk-media-item{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 34px!important;
  grid-template-rows:auto auto!important;
  gap:8px 18px!important;
  align-items:center!important;
  min-height:0!important;
  padding:18px 22px!important;
  border:0!important;
  border-radius:18px!important;
  background:#fff!important;
  transform:none!important;
  transition:background-color .18s ease, box-shadow .18s ease!important;
}

.pk-media-meta{
  grid-column:1!important;
  grid-row:1!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px 12px!important;
  font-family:var(--pk-body-font),"Avenir Roman",Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.25!important;
}
.pk-media-date{
  grid-row:auto!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  color:#5b6470!important;
}
.pk-media-medium{
  font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.2!important;
  color:#172983!important;
}
.pk-media-type{
  font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif!important;
  padding:4px 8px!important;
  border:0!important;
  border-radius:999px!important;
  background:#e6f4fa!important;
  color:#006ab3!important;
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.06em!important;
}
.pk-media-title{
  grid-column:1!important;
  grid-row:2!important;
  margin:0!important;
  max-width:980px;
  font-family:var(--pk-heading-font),"Avenir Black",Arial,sans-serif!important;
  font-size:clamp(19px,2vw,24px)!important;
  line-height:1.16!important;
  letter-spacing:0!important;
  color:#172983!important;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}
.pk-media-arrow{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  justify-self:end!important;
  font-size:24px!important;
  line-height:1!important;
  transform:none!important;
  transition:none!important;
}
.pk-media-link:hover .pk-media-item,
.pk-media-link:focus-visible .pk-media-item{
  padding:18px 22px!important;
  transform:none!important;
  background:#f7fcfe!important;
  box-shadow:0 5px 18px rgba(23,41,131,.07)!important;
}
.pk-media-link:hover .pk-media-arrow,
.pk-media-link:focus-visible .pk-media-arrow{
  transform:none!important;
}

@media(max-width:800px){
  .pk-media-item{
    grid-template-columns:minmax(0,1fr) 28px!important;
    gap:8px 12px!important;
    padding:16px 17px!important;
  }
  .pk-media-link:hover .pk-media-item,
  .pk-media-link:focus-visible .pk-media-item{
    padding:16px 17px!important;
  }
  .pk-media-meta{
    grid-column:1!important;
    grid-row:1!important;
    gap:5px 9px!important;
  }
  .pk-media-title{
    grid-column:1!important;
    grid-row:2!important;
    font-size:19px!important;
    line-height:1.18!important;
  }
  .pk-media-arrow{
    grid-column:2!important;
    grid-row:1 / span 2!important;
  }
}

/* V5.23.3 – Pressbilder följer bildens orientering */
.pk-press-image-card.is-landscape .pk-press-thumb{aspect-ratio:4/3}
.pk-press-image-card.is-portrait .pk-press-thumb{aspect-ratio:3/4}
.pk-press-image-card.is-portrait .pk-press-thumb img,
.pk-press-image-card.is-landscape .pk-press-thumb img{width:100%;height:100%;object-fit:cover}

/* V5.24.0 – Sidfotslänk */
.pk-footer-copy{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.pk-footer-privacy-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.pk-footer-privacy-link:hover{opacity:.72}
.pk-footer-privacy-separator{opacity:.7}

/* V5.24.1 – individuell symbolplacering på Patrik – platta */
.pk-patrik-card{overflow:hidden}
.pk-patrik-card-icon{transform:translate(var(--pk-icon-x,0px),var(--pk-icon-y,0px))}
.pk-patrik-card-link{position:relative;z-index:3}

/* V5.24.3 – robust symbolförflyttning på publicerad sida */
.pk-patrik-card-icon.bottom-right,
.pk-patrik-card-icon.bottom-left,
.pk-patrik-card-icon.top-right,
.pk-patrik-card-icon.top-left{
  transform:translate(var(--pk-icon-x,0px),var(--pk-icon-y,0px)) !important;
}
.pk-patrik-card-icon.center{
  transform:translate(calc(-50% + var(--pk-icon-x,0px)),calc(-50% + var(--pk-icon-y,0px))) !important;
}

/* =========================================================
   V5.24.7 – Kampanjlänkar över startsidans hero
   ========================================================= */
.pk-campaign-links{
  position:relative;z-index:12;
  width:min(760px,68%);
  margin:calc(-1 * var(--pk-campaign-overlap,120px)) 26px 34px auto;
  pointer-events:none;
}
.pk-campaign-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}
.pk-campaign-card{
  --pk-campaign-bg:#fff;--pk-campaign-color:#172983;
  position:relative;display:flex;min-height:150px;overflow:hidden;
  border-radius:28px;background:var(--pk-campaign-bg);color:var(--pk-campaign-color);
  text-decoration:none!important;box-shadow:0 14px 34px rgba(23,41,131,.16);
  transition:transform .22s ease,box-shadow .22s ease;
  pointer-events:auto;
}
a.pk-campaign-card:hover,a.pk-campaign-card:focus-visible{transform:translateY(-6px);box-shadow:0 20px 42px rgba(23,41,131,.22)}
a.pk-campaign-card:focus-visible{outline:3px solid #172983;outline-offset:3px}
.pk-campaign-thumb{width:104px;min-width:104px;align-self:stretch;background:rgba(255,255,255,.45);overflow:hidden}
.pk-campaign-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.pk-campaign-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:22px 48px 22px 22px;min-width:0}
.pk-campaign-kicker{font-family:var(--pk-heading-font),Arial,sans-serif;font-weight:900;font-size:13px;line-height:1.15;letter-spacing:.07em;text-transform:uppercase;opacity:.75;margin-bottom:7px}
.pk-campaign-title{font-family:var(--pk-heading-font),Arial,sans-serif;font-weight:900;font-size:clamp(20px,2vw,29px);line-height:1.02;letter-spacing:-.025em}
.pk-campaign-arrow{position:absolute;right:18px;bottom:16px;font-size:26px;line-height:1;font-weight:900}
.pk-campaign-svt-mark{width:96px;min-width:96px;display:flex;align-items:center;justify-content:center;background:#172983;color:#fff;font-family:Arial,sans-serif;font-weight:900;font-size:26px;letter-spacing:-.04em}
.pk-campaign-card-svt:after{content:'';position:absolute;top:0;right:0;width:7px;height:100%;background:#00a5d3}
.pk-campaign-card.is-unlinked{opacity:.7}
.pk-campaign-links.is-animated .pk-campaign-card{animation:pkCampaignIn .58s cubic-bezier(.2,.75,.25,1) both}
.pk-campaign-links.is-animated .pk-campaign-card:nth-child(2){animation-delay:.12s}
@keyframes pkCampaignIn{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

/* Gutenberg-redigeraren */
.pk-campaign-links-editor{position:relative;z-index:5;width:min(760px,92%);margin-left:auto;margin-right:24px}
.pk-campaign-links-editor .pk-campaign-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pk-campaign-links-editor .pk-campaign-card{pointer-events:auto;background:inherit}

@media(max-width:980px){
 .pk-campaign-links{width:min(720px,82%);margin-right:18px}
 .pk-campaign-copy{padding:18px 42px 18px 18px}.pk-campaign-title{font-size:22px}.pk-campaign-thumb{width:86px;min-width:86px}.pk-campaign-svt-mark{width:82px;min-width:82px;font-size:23px}
}
@media(max-width:700px){
 .pk-campaign-links{width:100%;margin:18px 0 30px;z-index:2}
 .pk-campaign-links-grid{grid-template-columns:1fr;gap:10px}
 .pk-campaign-card{min-height:126px;border-radius:22px;box-shadow:0 8px 24px rgba(23,41,131,.12)}
 .pk-campaign-thumb{width:88px;min-width:88px}.pk-campaign-svt-mark{width:88px;min-width:88px}
 .pk-campaign-copy{padding:18px 44px 18px 18px}.pk-campaign-title{font-size:22px}
 .pk-campaign-links-editor{width:100%;margin:18px 0!important}.pk-campaign-links-editor .pk-campaign-links-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 .pk-campaign-links.is-animated .pk-campaign-card{animation:none}.pk-campaign-card{transition:none}
}

/* V5.24.9 – håll sista ordet och pilen ihop i fokusplattornas länkar */
.pk-patrik-card-link{
  white-space:nowrap;
}

/* V5.24.9 – fokuslänk: håll hela länktexten inklusive pilen på en rad */
.pk-patrik-card-link{
  display:inline-block;
  width:max-content;
  max-width:100%;
  white-space:nowrap!important;
}

/* =========================================================
   V5.25.0 – Kampanj-popup
   ========================================================= */
.pk-campaign-popup{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(23,41,131,.28);backdrop-filter:blur(3px);opacity:0;transition:opacity .22s ease}
.pk-campaign-popup[hidden]{display:none}
.pk-campaign-popup.is-visible{opacity:1}
.pk-campaign-popup-card{position:relative;width:min(570px,100%);padding:38px 42px 40px;border-radius:34px;background:var(--pk-popup-bg,#fabb00);color:var(--pk-popup-color,#172983);box-shadow:0 26px 70px rgba(23,41,131,.28);transform:translateY(18px) scale(.985);transition:transform .3s cubic-bezier(.2,.75,.25,1)}
.pk-campaign-popup.is-visible .pk-campaign-popup-card{transform:translateY(0) scale(1)}
.pk-campaign-popup-kicker{font-family:var(--pk-heading-font),Arial,sans-serif;font-size:13px;font-weight:900;letter-spacing:.1em;margin:0 0 10px;opacity:.72}
.pk-campaign-popup-card h2{font-family:var(--pk-heading-font),Arial,sans-serif;font-size:clamp(34px,5vw,52px);line-height:1.02;letter-spacing:-.035em;margin:0 44px 15px 0;color:inherit}
.pk-campaign-popup-card p{font-size:19px;line-height:1.42;margin:0 0 24px;color:inherit;max-width:46ch}
.pk-campaign-popup-button{display:inline-block;padding:12px 20px;border-radius:999px;background:var(--pk-popup-color,#172983);color:#fff!important;font-family:var(--pk-heading-font),Arial,sans-serif;font-weight:900;text-decoration:none!important;transition:transform .18s ease}
.pk-campaign-popup-button:hover,.pk-campaign-popup-button:focus-visible{transform:translateY(-2px)}
.pk-campaign-popup-button:focus-visible,.pk-campaign-popup-close:focus-visible{outline:3px solid #fff;outline-offset:3px}
.pk-campaign-popup-close{position:absolute;right:20px;top:17px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.55);color:inherit;font:400 32px/38px Arial,sans-serif;cursor:pointer}
@media(max-width:600px){.pk-campaign-popup{align-items:flex-end;padding:14px}.pk-campaign-popup-card{padding:30px 25px 28px;border-radius:28px}.pk-campaign-popup-card h2{font-size:36px;margin-right:36px}.pk-campaign-popup-card p{font-size:17px}.pk-campaign-popup-button{display:block;text-align:center}.pk-campaign-popup-close{right:14px;top:13px}}
@media(prefers-reduced-motion:reduce){.pk-campaign-popup,.pk-campaign-popup-card,.pk-campaign-popup-button{transition:none}}


/* =========================================================
   V5.25.1 – informationspopup från Kampanjlänkar
   ========================================================= */
button.pk-campaign-card{border:0;text-align:left;font:inherit;cursor:pointer;width:100%;padding:0}
.pk-campaign-info-mark{width:96px;min-width:96px;display:flex;align-items:center;justify-content:center;background:#172983;color:#fff;font-family:Arial,sans-serif;font-weight:900;font-size:28px}
.pk-link-popup{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(23,41,131,.30);backdrop-filter:blur(3px);opacity:0;transition:opacity .22s ease;pointer-events:none}
.pk-link-popup[hidden]{display:none}.pk-link-popup.is-visible{opacity:1;pointer-events:auto}
.pk-link-popup-card{position:relative;width:min(590px,100%);padding:38px 42px 40px;border-radius:34px;background:#fabb00;color:#172983;box-shadow:0 26px 70px rgba(23,41,131,.28);transform:translateY(18px) scale(.985);transition:transform .3s cubic-bezier(.2,.75,.25,1)}
.pk-link-popup.is-visible .pk-link-popup-card{transform:translateY(0) scale(1)}
.pk-link-popup-close{position:absolute;right:18px;top:14px;border:0;background:transparent;color:inherit;font-size:34px;line-height:1;cursor:pointer;padding:8px}
.pk-link-popup-kicker{font-family:var(--pk-heading-font),Arial,sans-serif;font-weight:900;font-size:13px;letter-spacing:.08em;margin-bottom:10px}
.pk-link-popup h2{font-family:var(--pk-heading-font),Arial,sans-serif;font-size:clamp(30px,5vw,46px);line-height:1;margin:0 42px 18px 0;color:inherit}
.pk-link-popup p{font-size:19px;line-height:1.5;margin:0 0 26px}
.pk-link-popup-button{display:inline-block;border-radius:999px;padding:13px 20px;background:#172983;color:#fff!important;text-decoration:none!important;font-weight:900}
.pk-link-popup-button:hover{transform:translateY(-2px)}
.pk-campaign-links-editor .pk-campaign-info-mark{width:96px;min-width:96px;display:flex;align-items:center;justify-content:center;background:#172983;color:#fff;font-weight:900;font-size:26px}
@media(max-width:700px){.pk-campaign-info-mark{width:88px;min-width:88px}.pk-link-popup{padding:16px;align-items:flex-end}.pk-link-popup-card{padding:32px 24px 28px;border-radius:28px}.pk-link-popup p{font-size:17px}.pk-link-popup h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.pk-link-popup,.pk-link-popup-card{transition:none}}

/* V5.25.2 – kampanjpopup med sidinnehåll */
.pk-link-popup-card:has(.pk-link-popup-page-content){width:min(760px,100%);max-height:86vh;overflow:auto}
.pk-link-popup-page-content{font-size:18px;line-height:1.5}
.pk-link-popup-page-content > *:first-child{margin-top:0}
.pk-link-popup-page-content h2,.pk-link-popup-page-content h3{font-family:var(--pk-heading-font),Arial,sans-serif;color:inherit}
.pk-link-popup-page-content a:not(.wp-element-button){color:inherit;text-decoration:underline;text-underline-offset:2px}
.pk-link-popup-page-content img{max-width:100%;height:auto;border-radius:18px}
@media(max-width:700px){.pk-link-popup-card:has(.pk-link-popup-page-content){max-height:88vh}.pk-link-popup-page-content{font-size:16px}}


/* =========================================================
   V5.25.3 – kompakt informationspopup + bildkolumn
   ========================================================= */
.pk-link-popup-card:has(.pk-link-popup-page-content){
  width:min(680px,100%);
  max-height:82vh;
  padding:30px 32px 32px;
}
.pk-link-popup-card:has(.pk-link-popup-page-content) .pk-link-popup-kicker{margin-bottom:7px}
.pk-link-popup-card:has(.pk-link-popup-page-content) > h2{
  font-size:clamp(28px,4vw,38px);
  margin-bottom:16px;
}
@media(min-width:701px){
  .pk-link-popup-page-content{
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(190px,.82fr);
    column-gap:24px;
    row-gap:10px;
    align-items:start;
  }
  .pk-link-popup-page-content > *{grid-column:1;min-width:0;margin-top:0}
  .pk-link-popup-page-content > .wp-block-image:first-of-type,
  .pk-link-popup-page-content > figure.wp-block-image:first-of-type{
    grid-column:2;
    grid-row:1 / span 20;
    margin:0;
    align-self:start;
  }
  .pk-link-popup-page-content > .wp-block-image:first-of-type img,
  .pk-link-popup-page-content > figure.wp-block-image:first-of-type img{
    width:100%;
    height:auto;
    display:block;
    border-radius:16px;
  }
  .pk-link-popup-page-content h2,
  .pk-link-popup-page-content h3{font-size:24px;line-height:1.08;margin-bottom:8px}
  .pk-link-popup-page-content p{font-size:16.5px;line-height:1.42;margin-bottom:10px}
}
@media(max-width:700px){
  .pk-link-popup-card:has(.pk-link-popup-page-content){
    width:100%;
    max-height:86vh;
    padding:28px 22px 24px;
  }
  .pk-link-popup-page-content .wp-block-image:first-of-type{margin:14px 0 0}
}
/* =========================================================
   V5.25.5 – fristående informationspopup med valfri bild
   ========================================================= */
.pk-link-popup-card.pk-link-popup-card-manual{width:min(720px,100%);max-height:84vh;overflow:auto;padding:30px 32px 32px}
.pk-link-popup-manual-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:28px;align-items:center}
.pk-link-popup-manual-copy{min-width:0}
.pk-link-popup-manual-copy h2{font-size:clamp(30px,4vw,42px);line-height:1.03;margin:0 0 14px;color:#172983}
.pk-link-popup-manual-copy p{font-size:17px;line-height:1.45;margin:0 0 20px;white-space:normal}
.pk-link-popup-manual-media img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain;border-radius:18px}
@media(max-width:700px){
 .pk-link-popup-card.pk-link-popup-card-manual{width:100%;padding:28px 22px 24px}
 .pk-link-popup-manual-layout{grid-template-columns:1fr;gap:18px}
 .pk-link-popup-manual-copy h2{font-size:32px}
 .pk-link-popup-manual-media{order:2}
 .pk-link-popup-manual-media img{max-height:300px}
}


/* =========================================================
   V5.25.6 – mindre bild i manuell kampanjpopup
   ========================================================= */
@media(min-width:701px){
 .pk-link-popup-manual-layout{grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr);gap:24px}
 .pk-link-popup-manual-media{display:flex;justify-content:flex-end;align-items:center}
 .pk-link-popup-manual-media img{width:82%;max-height:350px}
}


/* =========================================================
   V5.25.7 – styrbar bildstorlek i manuell kampanjpopup
   ========================================================= */
@media(min-width:701px){
 .pk-link-popup-manual-layout{
   grid-template-columns:minmax(0,1fr) minmax(0,var(--pk-popup-image-width,38%));
   gap:24px;
 }
 .pk-link-popup-manual-media img{width:100%;max-width:100%;height:auto;max-height:350px;object-fit:contain}
}


/* =========================================================
   V5.25.8 – bildstorleken styr den faktiska bildhöjden
   Tidigare kunde porträttbilden fastna på max-height:350px,
   vilket gjorde att ändrad kolumnbredd knappt syntes.
   ========================================================= */
@media(min-width:701px){
  .pk-link-popup-manual-layout{
    grid-template-columns:minmax(0,1.4fr) minmax(180px,.6fr);
    gap:24px;
    align-items:center;
  }
  .pk-link-popup-manual-media{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    min-width:0;
  }
  .pk-link-popup-manual-media img{
    display:block;
    width:auto;
    max-width:100%;
    height:auto;
    max-height:var(--pk-popup-image-height,290px);
    object-fit:contain;
    margin-left:auto;
  }
}


/* =========================================================
   V5.25.9 – låst liggande kampanjpopup, 75/25 kolumner
   Bilden ligger i en egen smal kolumn och får gott om luft.
   ========================================================= */
@media(min-width:701px){
  .pk-link-popup-card.pk-link-popup-card-manual{
    width:min(860px,calc(100vw - 48px));
    max-height:82vh;
    padding:34px 38px;
  }
  .pk-link-popup-manual-layout{
    display:grid;
    grid-template-columns:minmax(0,3fr) minmax(150px,1fr) !important;
    gap:30px;
    align-items:center;
  }
  .pk-link-popup-manual-copy{
    min-width:0;
    padding-right:4px;
  }
  .pk-link-popup-manual-media{
    min-width:0;
    align-self:stretch;
    display:flex;
    align-items:center;
    justify-content:center;
    border-left:1px solid rgba(23,41,131,.18);
    padding-left:28px;
  }
  .pk-link-popup-manual-media img{
    display:block;
    width:65% !important;
    max-width:170px !important;
    height:auto !important;
    max-height:230px !important;
    object-fit:contain;
    margin:0 auto !important;
    border-radius:12px;
  }
}
@media(max-width:700px){
  .pk-link-popup-manual-media{
    border-left:0;
    padding-left:0;
    display:flex;
    justify-content:center;
  }
  .pk-link-popup-manual-media img{
    width:auto;
    max-width:160px;
    max-height:220px;
  }
}


/* =========================================================
   V5.25.10 – definitiv kampanjpopup desktop
   Ren tvåkolumnslayout utan beroende av äldre bildreglage.
   ========================================================= */
@media (min-width: 701px) {
  body .pk-link-popup .pk-link-popup-card.pk-link-popup-card-manual {
    width: min(840px, calc(100vw - 64px)) !important;
    max-width: 840px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 64px) !important;
    padding: 34px 38px 36px !important;
    overflow: auto !important;
  }
  body .pk-link-popup .pk-link-popup-card-manual .pk-link-popup-manual-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 3fr) 190px !important;
    gap: 30px !important;
    align-items: center !important;
    height: auto !important;
    min-height: 0 !important;
  }
  body .pk-link-popup .pk-link-popup-card-manual .pk-link-popup-manual-copy {
    min-width: 0 !important;
  }
  body .pk-link-popup .pk-link-popup-card-manual .pk-link-popup-manual-media {
    width: 190px !important;
    min-width: 190px !important;
    height: auto !important;
    min-height: 0 !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border-left: 1px solid rgba(23,41,131,.18) !important;
    padding: 8px 0 8px 28px !important;
  }
  body .pk-link-popup .pk-link-popup-card-manual .pk-link-popup-manual-media img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 135px !important;
    max-height: 190px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    border-radius: 10px !important;
  }
}
@media (max-width: 700px) {
  body .pk-link-popup .pk-link-popup-card.pk-link-popup-card-manual {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
  body .pk-link-popup .pk-link-popup-card-manual .pk-link-popup-manual-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }
  body .pk-link-popup .pk-link-popup-card-manual .pk-link-popup-manual-media {
    width: 100% !important;
    min-width: 0 !important;
    border-left: 0 !important;
    padding: 0 !important;
    justify-content: center !important;
  }
  body .pk-link-popup .pk-link-popup-card-manual .pk-link-popup-manual-media img {
    width: auto !important;
    max-width: 135px !important;
    max-height: 190px !important;
  }
}


/* =========================================================
   V5.25.12 – mobil popup som riktig modal ovanför hela sidan
   Flyttas till body via JS för att undvika föräldra-stacking contexts.
   ========================================================= */
body.pk-link-modal-open{overflow:hidden!important;touch-action:none}
@media (max-width:700px){
  body > .pk-link-popup{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    z-index:2147483000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:16px 12px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body > .pk-link-popup[hidden]{display:none!important}
  body > .pk-link-popup .pk-link-popup-card.pk-link-popup-card-manual{
    width:min(100%,460px)!important;
    max-width:460px!important;
    max-height:calc(100dvh - 32px)!important;
    margin:auto!important;
    padding:28px 22px 24px!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    border-radius:28px!important;
  }
  body > .pk-link-popup .pk-link-popup-card-manual .pk-link-popup-manual-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
  }
  body > .pk-link-popup .pk-link-popup-card-manual .pk-link-popup-manual-media{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    order:2!important;
  }
  body > .pk-link-popup .pk-link-popup-card-manual .pk-link-popup-manual-media img{
    width:auto!important;
    height:auto!important;
    max-width:110px!important;
    max-height:155px!important;
    object-fit:contain!important;
  }
}