/* JM Sandberg 3.0 — hotfix ovanpå pluginet, 13 september 2026.
   Köas efter pluginets jms10.css. Varje regel finns också i jms10 och
   filen kan tas bort vid nästa släpp. */

/* Sidhuvudet är position:static i temat och heron är relative med egen
   stapelkontext, så heron målades över menyn. */
.elementor-location-header{position:relative;z-index:100}

/* Glaset: .80 är Apples mått, men deras nav ligger över lugna ytor.
   Vår hero är ett foto ända upp under menyn. */
:root{--glas-nav:rgba(255,255,255,.92)}

/* Ramen runt menyn var en heltäckande 1 px linje. Över ett foto läses den
   som en skarv tvärs över bilden. Hårlinje under, inget runt om. */
.elementor-location-header,
.elementor-location-header > .elementor-element{
  box-shadow:none !important;
  border-bottom:.5px solid rgba(60,60,67,.10)}

/* Toningen håller sig nästan vit till 44 procent och slocknar vid 92.
   Korridorens vägg tar slut vid 39 procent, och en toning som redan hade
   börjat falla där gjorde väggkanten till en lodrät skarv. */
.jms5-hero-foto--vanster::before{
  /* Slocknar vid 68 procent, inte 92. Den långa uttoningen gjorde att fotot
     låg tvättat över en tredjedel av bredden på stora skärmar, och heron
     lutade: text till vänster, ett brett blekt fält, sedan bilden. */
  background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.95) 26%,
    rgba(255,255,255,.74) 40%,rgba(255,255,255,.30) 54%,rgba(255,255,255,0) 68%)}

/* Megamenyn låg på 90 procent vitt. Över heroets rubrik i 62 px räckte
   det inte: texten lyste igenom. 97 procent och kraftigare oskärpa. */
.jmsh-mega[class]{
  background:rgba(255,255,255,.97) !important;
  -webkit-backdrop-filter:blur(30px) saturate(1.6);
  backdrop-filter:blur(30px) saturate(1.6)}

/* Megamenyns etiketter var versala och spärrade, vilket guiden inte
   tillåter. Samma ton som ingressen. */
.jmsh-mega__eyebrow[class]{
  text-transform:none !important;letter-spacing:0 !important;
  font-size:14px !important;font-weight:400 !important}

/* Heron går upp BAKOM menyn. Annars börjar fotot exakt vid menyns
   underkant, och den vågräta starten läses som en kant. Nu fortsätter
   bilden under glaset och menyn ligger på fotot, som hos Apple.
   Negativ marginal upp, lika stor padding ner, så texten står kvar. */
@media (min-width:1081px){
  .jms5-hero-foto{
    margin-top:calc(var(--jmsh-h,76px) * -1);
    padding-top:var(--jmsh-h,76px)}
}

/* Menyn är genomskinlig ÖVER fotoheron, tills man rullar. Ett glas över
   ett foto har alltid en underkant, och den kanten läses som att fotot
   är avskuret. Utan yta finns ingen kant: bilden är hel och menyn ligger
   på den. Så fort sidan rullas kommer glaset tillbaka, för då passerar
   innehåll under menyn och den behöver sin yta. */
html:not(.jms3-rullad) body:has(.jms5-hero-foto) .elementor-location-header,
html:not(.jms3-rullad) body:has(.jms5-hero-foto) .elementor-location-header > .elementor-element{
  background-color:transparent !important;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border-bottom-color:transparent}

/* Utsnittet i höjd. Fotona är bredare än heroets ruta, så de beskärs
   uppifrån och ner. Med mitten som utgångspunkt kapades huvudena. 18 procent
   från överkanten håller ansikten kvar i bild i alla våra hero-foton. */
.jms5-hero-foto > img{object-position:50% 18%}

/* Formulärfälten. Elementors fält hade rundade hörn men varken yta eller
   ram, så rutan syntes inte alls. Gränssnittsguidens fält: ljus yta, en
   halv pixels ring, och en blå halo när fältet har fokus. */
.elementor-field-textual{
  background:var(--n-01) !important;
  box-shadow:inset 0 0 0 .5px rgba(60,60,67,.16);
  border:0 !important;border-radius:12px !important;min-height:44px;
  font-family:var(--font-sans);font-size:17px;color:var(--ink);
  transition:box-shadow .18s var(--ease)}
.elementor-field-textual::placeholder{color:var(--text-ingress)}
.elementor-field-textual:focus{outline:none;
  box-shadow:inset 0 0 0 1px var(--handling),0 0 0 4px rgba(31,75,216,.16)}
.elementor-field-group > label{font-size:15px;font-weight:var(--fw-medium);
  color:var(--ink);margin-bottom:8px}

/* Löftena. Värdeordet står på egen rad i bläck, som en rubrik för raden,
   och löftet står först i texten under. Blått provades men Johan ville ha
   det svart: blått är handling på den här sajten, och ett värdeord är
   ingen handling. Klassnamnet är -lofte-text, inte -lofte-txt. */
.jms5-raknamed-lofte-namn{display:block;color:var(--ink);font-weight:var(--fw-medium);
  font-size:19px;line-height:1.3;letter-spacing:-.012em;margin-bottom:4px}
.jms5-raknamed-lofte-text{display:block;color:var(--text-muted)}

/* Teamkortet. Fotorutan utan bild fick 20 px marginal under, medan de med
   bild fick noll, så namnet i det tomma kortet hamnade en rad lägre än de
   andra två. Samma rytm i alla kort i stället. */
.jms5-team-kort{display:flex;flex-direction:column}
.jms5-team-foto{margin:0 0 18px !important}
.jms5-team-namn{margin:0}
.jms5-team-roll{margin:3px 0 0}
.jms5-team-bio{margin:12px 0 0}

/* Överstrykningspennan är märkets signaturgrepp och tål inte upprepning.
   Om oss hade sex överstrykningar på samma sida, två block i rad. Den
   andra uppsättningen står i bläck i stället, utan penna. */
[data-id="3ee0003"] .jms6-penna::before,
[data-id="3ee0003"] .jms6-penna::after{display:none !important}
[data-id="3ee0003"] .jms6-penna{background:none !important;padding:0 !important;
  box-shadow:none !important;color:var(--ink)}

/* Luften mellan två block var dubbel: 140 px underifrån plus 140 px
   ovanifrån blev 280 px vitt mellan varje block. Guidens sektionsluft är
   ETT mått, inte två staplade.

   Varje jms5-sektion ligger ensam i sin Elementor-behållare, så
   "section + section" träffar aldrig och ":last-of-type" träffar alltid.
   Grannskapet finns en nivå upp, mellan behållarna. */
.e-con + .e-con section[class*="jms5-"],
.elementor-section + .elementor-section section[class*="jms5-"],
.e-con + .jms5-reveal section[class*="jms5-"],
.jms5-reveal + .e-con section[class*="jms5-"],
.jms5-reveal + .jms5-reveal section[class*="jms5-"]{
  padding-top:clamp(56px,6.5vw,92px)}

/* Punktlistan i programkortet ritade en 1 px linje under varje rad med
   ett ::after. Linjer mellan rader gör listan till en tabell, och det är
   samma beslut som togs för erbjudandekorten. Luft i stället. */
.jms5-program-card-bullets > li::after{display:none !important}
.jms5-program-card-bullets > li{padding:0 !important;margin:0 0 8px !important}
.jms5-program-card-bullets > li:last-child{margin-bottom:0 !important}
.jms5-program-card-bullets{margin-top:16px}