/* list gap */
dd, dl, dt, li, ol, ul {
    margin-block-end: 16px;
}

/* ----- Link collection globalt: inga linjer, mindre avstånd, inget indrag ----- */
.tcxn-links-collection ul,
.tcxn-links-collection ul li {
  border: 0 !important;          /* tar bort topp/botten-linjerna */
}

.tcxn-links-collection ul {
  margin: 0;
  padding-left: 0;                /* ta bort indraget */
  list-style: disc;
  list-style-position: inside;    /* punkt i samma rad som texten */
}

.tcxn-links-collection ul li {
  padding: 2px 0 !important;      /* minska mellanrummet mellan länkar */
  margin: 0 !important;
}

/* gör raderna tightare och undvik extra padding från temat */
.tcxn-links-collection .tcxn-link-collection__link {
  display: inline-flex;
  align-items: center;
  line-height: 1.25;              /* justera 1.2–1.3 efter smak */
  padding: 0 !important;
  text-decoration: none;
}

/* lite luft före högerpilen */
.tcxn-links-collection .telenoricon-angle-right {
  margin-left: .5rem;
}
/* Mobil: bullet + text på samma rad, snygg radbrytning */
@media (max-width: 767px) {
  .tcxn-links-collection ul {
    list-style: disc outside;
    padding-left: 1.1rem;        /* lite utrymme för pricken */
    margin: 0;
  }

  .tcxn-links-collection .tcxn-link-collection__link {
    display: inline !important;  /* hindra att pricken hamnar på egen rad */
    white-space: normal;
    line-height: 1.25;
    padding: 0 !important;
  }

  .tcxn-links-collection ul li {
    padding: 2px 0 !important;
    margin: 0 !important;
  }
}



/* preamble */
.preamble {
	font-size: 20px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 130% !important; /* 33.6px */
}

/* Exempel: endast i en wrapper med klass .my-list */
ul.remove-padding-bottom li { padding-bottom: 0px !important; }
ul.add-list-disc { list-style: disc !important; }
ul.remove-margin-left { margin-left: 0 !important; }
ul.add-margin-top-15 { margin-top: 15px !important; }

/* equal height */
#box-links-equal-height .elementor-cta__description {
    height:100px;
}

/* Equal Height CSS*/
 .equal-box-height .elementor-widget-wrap .elementor-element, .equal-box-height .elementor-widget-wrap .elementor-element .elementor-widget-container {
     height:100%;
}
 .equal-box-height .elementor-widget-wrap .elementor-element .elementor-widget-container {
     background-color:#FFF;
}

/* Nolla Elementors default container-padding i ALLA Loop Grid-widgets */
.elementor-widget-loop-grid .e-con{
  --container-default-padding-left: 0px !important;
  --container-default-padding-right: 0px !important;
  /* valfritt – lämna top/bottom orörda:
  --container-default-padding-top: 0px !important;
  --container-default-padding-bottom: 0px !important;
  */
}

/* Säkerställ att det även gäller i Elementors breakpoint-regler */
@media (max-width:1024px){
  .elementor-widget-loop-grid .e-con{
    --container-default-padding-left: 0px !important;
    --container-default-padding-right: 0px !important;
  }
}
@media (max-width:767px){
  .elementor-widget-loop-grid .e-con{
    --container-default-padding-left: 0px !important;
    --container-default-padding-right: 0px !important;
  }
}


/* MOBIL: stäng av equal-height, återställ radhöjd och sätt normal gap */
@media (max-width: 767px){
  /* 1) Gridens radhöjd ska bli naturlig (inte 1fr etc.) */
  .elementor-widget-loop-grid .elementor-loop-container.elementor-grid{
    grid-auto-rows: auto !important;
    align-items: start !important;      /* sträck inte barnen */
    row-gap: 32px !important;           /* valfri: din mobila rad-gutter */
  }

  /* 2) Låt varje kort/barn få egen naturlig höjd */
  .elementor-widget-loop-grid .e-loop-item,
  .elementor-widget-loop-grid .e-loop-item > .e-con{
    height: auto !important;
    min-height: 0 !important;
  }

  /* 3) Säkerställ att kortet inte tvingas bli 100% högt */
  .elementor-widget-loop-grid .blog-card{
    height: auto !important;
  }

  /* 4) Om något theme/skin lägger marginaler på loop-item: nolla dem */
  .elementor-widget-loop-grid .e-loop-item{
    margin: 0 !important;
  }
}



/* image links knappar */
.elementor-kit-76091 button, .elementor-kit-76091 input[type="button"], .elementor-kit-76091 input[type="submit"], .elementor-kit-76091 .elementor-button {
    background-color: var(--e-global-color-9b3b808);
    font-family: var(--e-global-typography-e3d03bf-font-family), Sans-serif;
    font-size: var(--e-global-typography-e3d03bf-font-size);
    line-height: var(--e-global-typography-e3d03bf-line-height);
    color: var(--e-global-color-ee5d156);
    border-radius: 24px 24px 24px 24px;
    padding: 12px 20px;
}




/* 1) Let the Bootstrap/Flex columns shrink instead of forcing overflow */
.tcxn-latest-posts .row > [class*="col-"] {
  min-width: 0;              /* crucial for flex items with long words */
}

/* 2) Break very long words in titles (and add hyphenation) */
.tcxn-post__title h3 {
  overflow-wrap: anywhere;   /* modern, breaks without needing spaces */
  word-break: break-word;    /* fallback */
  hyphens: auto;             /* insert hyphens when breaking */
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}




/* latest post date */
.tcxn-post__date.is-above { margin-bottom: .5rem; }
.tcxn-post__date.is-below { margin-top: .5rem; }
.tcxn-post__date time { display:inline-block; font-size: .875rem; opacity:.8; }




/* press release */
/* Själva ingress-stycket */
.press-lead {
  font-size: clamp(18px, 2.2vw, 20px);
  line-height: 1.6;
  margin-bottom: 1.2em;
}

/* Datumets utseende */
.press-lead .press-date {
  font-weight: 600;
  letter-spacing: 0.02em;
  display: inline-block;
}

/* Valfritt: tona ner platsnamn före datumet */
.press-lead {
  --press-muted: rgba(0,0,0,0.6);
}
.press-lead {
  color: var(--press-muted);
}
.press-lead .press-date,
.press-lead .press-date + * {
  color: inherit; /* eller byt till din primära textfärg om du vill */
}

/* Om du vill göra datumet tydligare än platsen */
.press-lead .press-date { color: #000; }

/* Mörkt läge (om du använder varianter) */
@media (prefers-color-scheme: dark) {
  .press-lead { --press-muted: rgba(255,255,255,0.8); }
  .press-lead .press-date { color: #fff; }
}





/* ===================================================================
   V2 "image + text + CTA" card for legacy Elementor blocks
   Scope: inner sections that contain the download CTA
   Supports: .open_gg_form (legacy), .js-acton-download (new) and #gg_link1
   This file is an updated version of your original CSS. It duplicates
   each selector that matched on `.open_gg_form` so it also matches
   `.js-acton-download` and `#gg_link1`. The rest of the rules remain
   unchanged. 
   =================================================================== */

/* Design tokens (behåll om ni inte redan sätter dem globalt) */
:root {
  --tcxn-color-mid: #2D28CD;
  --tcxn-color-hover: #2E28FA;
  --tcxn-color-focus: #7773E6;
  --tcxn-color-active: #130F99;
  --tcxn-color-neutral-80: #BEC1CC;
  --tcxn-color-neutral-95: #F3F3F7;
  --tcxn-color-off-white: #E8FDFF;
  --tcxn-btn-padding: 12px 20px 12px 24px;
  --tcxn-btn-gap: 10px;
  --tcxn-btn-radius: 24px;
  --tcxn-btn-font-size: 14px;
  --tcxn-btn-line-height: 20px;
  --tcxn-btn-font-weight: 500;
}

/* Use :has to target only the download cards (modern browsers) */
@supports selector(:has(*)) {

  /* ==== Kortets ram och bakgrund ==== */
  .elementor-inner-section:has(.open_gg_form),
  .elementor-inner-section:has(.js-acton-download),
  .elementor-inner-section:has(#gg_link1) {
    --tcxn-gap: 32px;
    --e-column-gap: 0px;               /* slå av Elementor-gap i just denna sektion */
    border: 1px solid #DADDE5;
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
  }

  /* Radlayout: två kolumner, sträck dem lika höga */
  .elementor-inner-section:has(.open_gg_form) > .elementor-container,
  .elementor-inner-section:has(.js-acton-download) > .elementor-container,
  .elementor-inner-section:has(#gg_link1) > .elementor-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0;
  }

  /* ==== VÄNSTER KOLUMN = bildpanel ==== */
  .elementor-inner-section:has(.open_gg_form)
  > .elementor-container > .elementor-inner-column:first-child,
  .elementor-inner-section:has(.js-acton-download)
  > .elementor-container > .elementor-inner-column:first-child,
  .elementor-inner-section:has(#gg_link1)
  > .elementor-container > .elementor-inner-column:first-child {
    position: relative;
    flex: 0 0 50%;
    max-width: 50%;
    background-position: 50% 50%;
    background-size: cover;
  }

  /* Om Elementor lagt bg på wrapen – låt den täcka hela kolumnen */
  .elementor-inner-section:has(.open_gg_form)
  > .elementor-container > .elementor-inner-column:first-child > .elementor-widget-wrap,
  .elementor-inner-section:has(.js-acton-download)
  > .elementor-container > .elementor-inner-column:first-child > .elementor-widget-wrap,
  .elementor-inner-section:has(#gg_link1)
  > .elementor-container > .elementor-inner-column:first-child > .elementor-widget-wrap {
    position: absolute;
    inset: 0;
    background-position: 50% 50%;
    background-size: cover;
    padding: 0 !important;
  }

  /* Spacern var bara höjd – bort på desktop */
  @media (min-width: 768px) {
    .elementor-inner-section:has(.open_gg_form)
    > .elementor-container > .elementor-inner-column:first-child .elementor-spacer,
    .elementor-inner-section:has(.js-acton-download)
    > .elementor-container > .elementor-inner-column:first-child .elementor-spacer,
    .elementor-inner-section:has(#gg_link1)
    > .elementor-container > .elementor-inner-column:first-child .elementor-spacer {
      display: none;
    }
  }

  /* Neutralisera ev. tidigare aspect‑ratio‑regler */
  @supports (aspect-ratio: 1) {
    .elementor-inner-section:has(.open_gg_form)
    > .elementor-container > .elementor-inner-column:first-child,
    .elementor-inner-section:has(.js-acton-download)
    > .elementor-container > .elementor-inner-column:first-child,
    .elementor-inner-section:has(#gg_link1)
    > .elementor-container > .elementor-inner-column:first-child {
      aspect-ratio: auto !important;
    }
  }

  /* ==== HÖGER KOLUMN = innehåll ==== */
  .elementor-inner-section:has(.open_gg_form)
  > .elementor-container > .elementor-inner-column:last-child,
  .elementor-inner-section:has(.js-acton-download)
  > .elementor-container > .elementor-inner-column:last-child,
  .elementor-inner-section:has(#gg_link1)
  > .elementor-container > .elementor-inner-column:last-child {
    flex: 0 0 calc(50% - var(--tcxn-gap));
    max-width: calc(50% - var(--tcxn-gap));
    margin-left: var(--tcxn-gap);         /* v2‑gutter */
    padding: 24px;                        /* v2‑inre padding */
    display: flex;
    align-items: center;                  /* vertikal centrering */
  }
  .elementor-inner-section:has(.open_gg_form)
  > .elementor-container > .elementor-inner-column > .elementor-widget-wrap.elementor-element-populated,
  .elementor-inner-section:has(.js-acton-download)
  > .elementor-container > .elementor-inner-column > .elementor-widget-wrap.elementor-element-populated,
  .elementor-inner-section:has(#gg_link1)
  > .elementor-container > .elementor-inner-column > .elementor-widget-wrap.elementor-element-populated {
    padding: 0; /* slå av Elementor-kolumnpadding */
  }
  .elementor-inner-section:has(.open_gg_form)
  > .elementor-container > .elementor-inner-column:last-child .elementor-widget-wrap,
  .elementor-inner-section:has(.js-acton-download)
  > .elementor-container > .elementor-inner-column:last-child .elementor-widget-wrap,
  .elementor-inner-section:has(#gg_link1)
  > .elementor-container > .elementor-inner-column:last-child .elementor-widget-wrap {
    width: 100%;
  }

  /* ==== Typografi & spacing i innehållet ==== */
  /* Nollställ widget-marginaler så vi får full kontroll */
  .elementor-inner-section:has(.open_gg_form)
  > .elementor-container > .elementor-inner-column:last-child .elementor-widget,
  .elementor-inner-section:has(.js-acton-download)
  > .elementor-container > .elementor-inner-column:last-child .elementor-widget,
  .elementor-inner-section:has(#gg_link1)
  > .elementor-container > .elementor-inner-column:last-child .elementor-widget {
    margin: 0 !important;
  }

  /* Rubriken utan extra marginaler (låter er globala size styra) */
  .elementor-inner-section:has(.open_gg_form)
  .elementor-widget-heading .elementor-heading-title,
  .elementor-inner-section:has(.js-acton-download)
  .elementor-widget-heading .elementor-heading-title,
  .elementor-inner-section:has(#gg_link1)
  .elementor-widget-heading .elementor-heading-title {
    margin: 0;
  }

  /* 16px rubrik -> första text-widget (som inte ÄR knappen) */
  .elementor-inner-section:has(.open_gg_form)
  .elementor-widget-heading + .elementor-widget-text-editor:not(:has(.open_gg_form)),
  .elementor-inner-section:has(.js-acton-download)
  .elementor-widget-heading + .elementor-widget-text-editor:not(:has(.js-acton-download)),
  .elementor-inner-section:has(#gg_link1)
  .elementor-widget-heading + .elementor-widget-text-editor:not(:has(#gg_link1)) {
    margin-top: 16px !important;
  }

  /* 16px mellan eventuella fler text-widgets */
  .elementor-inner-section:has(.open_gg_form)
  .elementor-widget-text-editor:not(:has(.open_gg_form))
  + .elementor-widget-text-editor:not(:has(.open_gg_form)),
  .elementor-inner-section:has(.js-acton-download)
  .elementor-widget-text-editor:not(:has(.js-acton-download))
  + .elementor-widget-text-editor:not(:has(.js-acton-download)),
  .elementor-inner-section:has(#gg_link1)
  .elementor-widget-text-editor:not(:has(#gg_link1))
  + .elementor-widget-text-editor:not(:has(#gg_link1)) {
    margin-top: 16px !important;
  }

  /* Normalisera p-marginaler i texten */
  .elementor-inner-section:has(.open_gg_form) .elementor-widget-text-editor p,
  .elementor-inner-section:has(.js-acton-download) .elementor-widget-text-editor p,
  .elementor-inner-section:has(#gg_link1) .elementor-widget-text-editor p {
    margin: 0;
  }
  .elementor-inner-section:has(.open_gg_form) .elementor-widget-text-editor p + p,
  .elementor-inner-section:has(.js-acton-download) .elementor-widget-text-editor p + p,
  .elementor-inner-section:has(#gg_link1) .elementor-widget-text-editor p + p {
    margin-top: 16px;
  }

  /* 32px från text till knappen – täcker både wrapper och ren länk */
  .elementor-inner-section:has(.open_gg_form) .tcxn-image-block__button,
  .elementor-inner-section:has(.js-acton-download) .tcxn-image-block__button,
  .elementor-inner-section:has(#gg_link1) .tcxn-image-block__button {
    margin-top: 32px !important;
    display: block;
  }
  .elementor-inner-section:has(.open_gg_form)
  .elementor-widget-text-editor:has(.open_gg_form),
  .elementor-inner-section:has(.js-acton-download)
  .elementor-widget-text-editor:has(.js-acton-download),
  .elementor-inner-section:has(#gg_link1)
  .elementor-widget-text-editor:has(#gg_link1),
  .elementor-inner-section:has(.open_gg_form)
  .elementor-widget-html:has(.open_gg_form),
  .elementor-inner-section:has(.js-acton-download)
  .elementor-widget-html:has(.js-acton-download),
  .elementor-inner-section:has(#gg_link1)
  .elementor-widget-html:has(#gg_link1) {
    margin-top: 32px !important;
  }

  /* ==== Knappar (v2) begränsat till korten ==== */
  .elementor-inner-section:has(.open_gg_form) .btn,
  .elementor-inner-section:has(.js-acton-download) .btn,
  .elementor-inner-section:has(#gg_link1) .btn,
  .elementor-inner-section:has(.open_gg_form) .open_gg_form,
  .elementor-inner-section:has(.js-acton-download) .js-acton-download,
  .elementor-inner-section:has(#gg_link1) #gg_link1 {
    display: inline-flex;
    align-items: center;
    gap: var(--tcxn-btn-gap);
    padding: var(--tcxn-btn-padding);
    border-radius: var(--tcxn-btn-radius);
    font-size: var(--tcxn-btn-font-size);
    line-height: var(--tcxn-btn-line-height);
    font-weight: var(--tcxn-btn-font-weight);
    text-decoration: none;
    border: 0;
    cursor: pointer;
  }
  .elementor-inner-section:has(.open_gg_form) .btn-primary,
  .elementor-inner-section:has(.js-acton-download) .btn-primary,
  .elementor-inner-section:has(#gg_link1) .btn-primary,
  .elementor-inner-section:has(.open_gg_form) .open_gg_form.btn-primary,
  .elementor-inner-section:has(.js-acton-download) .js-acton-download.btn-primary,
  .elementor-inner-section:has(#gg_link1) #gg_link1.btn-primary {
    background-color: var(--tcxn-color-mid);
    color: var(--tcxn-color-off-white);
    transition: background-color .2s ease, box-shadow .2s ease;
  }
  .elementor-inner-section:has(.open_gg_form) .btn-primary:hover,
  .elementor-inner-section:has(.js-acton-download) .btn-primary:hover,
  .elementor-inner-section:has(#gg_link1) .btn-primary:hover {
    background-color: var(--tcxn-color-hover);
  }
  .elementor-inner-section:has(.open_gg_form) .btn-primary:focus,
  .elementor-inner-section:has(.js-acton-download) .btn-primary:focus,
  .elementor-inner-section:has(#gg_link1) .btn-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 2px var(--tcxn-color-focus);
  }
  .elementor-inner-section:has(.open_gg_form) .btn-primary:active,
  .elementor-inner-section:has(.js-acton-download) .btn-primary:active,
  .elementor-inner-section:has(#gg_link1) .btn-primary:active {
    background-color: var(--tcxn-color-active);
  }
  .elementor-inner-section:has(.open_gg_form) .btn-primary:disabled,
  .elementor-inner-section:has(.js-acton-download) .btn-primary:disabled,
  .elementor-inner-section:has(#gg_link1) .btn-primary:disabled {
    background-color: var(--tcxn-color-neutral-95);
    color: var(--tcxn-color-neutral-80);
    pointer-events: none;
  }

  /* ==== Mobil: stapla, rimlig bildupplevelse ==== */
  @media (max-width: 767px) {
    .elementor-inner-section:has(.open_gg_form) > .elementor-container,
    .elementor-inner-section:has(.js-acton-download) > .elementor-container,
    .elementor-inner-section:has(#gg_link1) > .elementor-container {
      display: block;
    }
    .elementor-inner-section:has(.open_gg_form) > .elementor-container > .elementor-inner-column,
    .elementor-inner-section:has(.js-acton-download) > .elementor-container > .elementor-inner-column,
    .elementor-inner-section:has(#gg_link1) > .elementor-container > .elementor-inner-column {
      max-width: 100%;
      flex-basis: 100%;
    }
    .elementor-inner-section:has(.open_gg_form)
    > .elementor-container > .elementor-inner-column:first-child,
    .elementor-inner-section:has(.js-acton-download)
    > .elementor-container > .elementor-inner-column:first-child,
    .elementor-inner-section:has(#gg_link1)
    > .elementor-container > .elementor-inner-column:first-child {
      min-height: 250px;
    }
    .elementor-inner-section:has(.open_gg_form)
    > .elementor-container > .elementor-inner-column:last-child,
    .elementor-inner-section:has(.js-acton-download)
    > .elementor-container > .elementor-inner-column:last-child,
    .elementor-inner-section:has(#gg_link1)
    > .elementor-container > .elementor-inner-column:last-child {
      margin-left: 0;
      padding: 24px;
    }
	
	@supports selector(:has(*)) {
		.elementor-inner-section:has(.open_gg_form) > .elementor-container > .elementor-inner-column:first-child, .elementor-inner-section:has(.js-acton-download) > .elementor-container > .elementor-inner-column:first-child, .elementor-inner-section:has(#gg_link1) > .elementor-container > .elementor-inner-column:first-child {
			max-width: 100%;
		}
	}		
	@supports selector(:has(*)) {
		.elementor-inner-section:has(.open_gg_form) > .elementor-container > .elementor-inner-column:last-child, .elementor-inner-section:has(.js-acton-download) > .elementor-container > .elementor-inner-column:last-child, .elementor-inner-section:has(#gg_link1) > .elementor-container > .elementor-inner-column:last-child {
			max-width: 100%;
		}
	}
}	
	
	
  }

} /* /@supports :has */


/* ==========================================================
   CTA‑kort (via .open_gg_form, .js-acton-download eller #gg_link1):
   exakt vertikal spacing
   Rubrik -> innehåll = 16px, Text -> knapp = 32px
   ========================================================== */

/* 1) Nollställ alla widget‑marginaler i innehållskolumnen (säker bas) */
.elementor-inner-section:has(.open_gg_form)
  > .elementor-container > .elementor-inner-column:last-child .elementor-widget,
.elementor-inner-section:has(.js-acton-download)
  > .elementor-container > .elementor-inner-column:last-child .elementor-widget,
.elementor-inner-section:has(#gg_link1)
  > .elementor-container > .elementor-inner-column:last-child .elementor-widget {
  margin: 0 !important;
}

/* 2) Rubriken ska inte bidra med extra marginaler */
.elementor-inner-section:has(.open_gg_form)
  .elementor-widget-heading .elementor-heading-title,
.elementor-inner-section:has(.js-acton-download)
  .elementor-widget-heading .elementor-heading-title,
.elementor-inner-section:has(#gg_link1)
  .elementor-widget-heading .elementor-heading-title {
  margin: 0 !important;
}

/* 3) GARANTERA 16px efter rubriken till första *valfri* widget
      (text-editor, html, template, etc – inte spacer) */
.elementor-inner-section:has(.open_gg_form)
  > .elementor-container > .elementor-inner-column:last-child
  .elementor-widget-heading + .elementor-widget:not(.elementor-widget-spacer),
.elementor-inner-section:has(.js-acton-download)
  > .elementor-container > .elementor-inner-column:last-child
  .elementor-widget-heading + .elementor-widget:not(.elementor-widget-spacer),
.elementor-inner-section:has(#gg_link1)
  > .elementor-container > .elementor-inner-column:last-child
  .elementor-widget-heading + .elementor-widget:not(.elementor-widget-spacer) {
  margin-top: 16px !important;
}

/* 4) GARANTERA 32px till knappen – oavsett om den ligger i en
      text-editor, html-widget eller wrapper .tcxn-image-block__button */
.elementor-inner-section:has(.open_gg_form)
  .elementor-widget-text-editor:has(.open_gg_form),
.elementor-inner-section:has(.js-acton-download)
  .elementor-widget-text-editor:has(.js-acton-download),
.elementor-inner-section:has(#gg_link1)
  .elementor-widget-text-editor:has(#gg_link1),
.elementor-inner-section:has(.open_gg_form)
  .elementor-widget-html:has(.open_gg_form),
.elementor-inner-section:has(.js-acton-download)
  .elementor-widget-html:has(.js-acton-download),
.elementor-inner-section:has(#gg_link1)
  .elementor-widget-html:has(#gg_link1),
.elementor-inner-section:has(.open_gg_form)
  .tcxn-image-block__button,
.elementor-inner-section:has(.js-acton-download)
  .tcxn-image-block__button,
.elementor-inner-section:has(#gg_link1)
  .tcxn-image-block__button {
  margin-top: 32px !important;
  display: block;
}







/* force heading on same row IoT Drive */
@media (min-width: 1024px) {
  /* Sikta på widget-wrappen + öka specifiteten */
  .elementor-element.lock-3lines .elementor-heading-title {
    white-space: nowrap;        /* bryt bara vid <br> */
    word-break: keep-all;       /* inga ord-/stavningsbrytningar */
    overflow-wrap: normal;
    hyphens: none;
    line-height: 1.05 !important;  /* justera 1.00–1.15 efter smak */
    margin: 0;                  /* inga extra marginaler */
  }
}




/* hightlight search term */
mark { background: #fff1a8; padding: 0 .15em; border-radius: .2em; }

.term-pills-wrap { display: grid; gap: .75rem; } /* avstånd mellan grupper */

.term-pills{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.term-pills__item{ display: inline-flex !important; margin: 0 !important; padding: 0 !important; }

.term-pills .pill{
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  background: #F3F3F7 !important;   /* grå bakgrund */
  color: #000F3C !important;
  white-space: nowrap !important;
  font-size: 12px;
  line-height: 1;
}




/* Author avatar + meta: keep text on the right of the image */
.avatar-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;          /* space between image and text */
  flex-wrap: nowrap;     /* never wrap text below the image */
}

/* Image sizing + round shape (keeps your existing style) */
.avatar-info img {
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  flex: 0 0 auto;        /* don't let the image shrink or grow */
}

/* Text block should take remaining space on the right */
.avatar-info .author-meta {
  flex: 1 1 auto;
  line-height: 1.3;
  min-width: 0;          /* prevents odd wrapping in narrow containers */
  white-space: normal;   /* allow line breaks inside the text itself */
}

/* Optional: if you want to stack on ultra-narrow screens, uncomment:
@media (max-width: 360px) {
  .avatar-info { flex-wrap: wrap; }
}
*/



/* Ge heading-länken btn-link-look + plats för pilen */
.elementor-widget-heading.has-arrow .elementor-heading-title a {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  color: var(--tcxn-color-mid);
  font-weight: 600;          /* som btn-link */
  text-decoration: none;     /* som btn-link */
  border-radius: 6px;
  transition: color .2s ease, text-decoration .2s ease;
}

/* Hover/focus/active – återanvänd "btn-link"-beteendet */
.elementor-widget-heading.has-arrow .elementor-heading-title a:hover {
  color: var(--tcxn-color-hover);
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
.elementor-widget-heading.has-arrow .elementor-heading-title a:focus {
  color: var(--tcxn-color-hover);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  box-shadow: 0 0 0 2px var(--tcxn-color-focus);
  outline: none;
}
.elementor-widget-heading.has-arrow .elementor-heading-title a:active {
  color: var(--tcxn-color-active);
}

/* Pilen (samma mask som tidigare) */
.elementor-widget-heading.has-arrow .elementor-heading-title a::after {
  content: "" !important;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background-color: currentColor;
  -webkit-mask-image: url(https://iot.telenor.com/wp-content/themes/hello-theme-child/assets/css/img/Arrow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url(https://iot.telenor.com/wp-content/themes/hello-theme-child/assets/css/img/Arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* Mörk bakgrundsvariant om ni använder .text-light någonstans uppåt i DOM:en */
.text-light .elementor-widget-heading.has-arrow .elementor-heading-title a {
  color: var(--tcxn-color-off-white);
}
.text-light .elementor-widget-heading.has-arrow .elementor-heading-title a:focus {
  color: var(--tcxn-color-light);
  box-shadow: 0 0 0 2px var(--tcxn-color-focus-dark);
}






/* ===== Image Block: CONTAIN-variant (klass på sektion ELLER widget) ===== */

/* Bas – gör bilden synlig och “contain” */
.widget-background-contain .tcxn-image-block .tcxn-image-block__image,
.elementor-widget-image-block.widget-background-contain .tcxn-image-block .tcxn-image-block__image {
  min-height: 300px !important;                 /* ingen 0px – visa yta */
  background-size: contain !important;          /* som på live */
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* Desktop ≥1200px — 50/50 split */
@media (min-width: 1200px) {
  .widget-background-contain .tcxn-image-block__inner,
  .elementor-widget-image-block.widget-background-contain .tcxn-image-block__inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    flex-direction: row !important;
  }

  .widget-background-contain .tcxn-image-block__image,
  .widget-background-contain .tcxn-image-block__content,
  .elementor-widget-image-block.widget-background-contain .tcxn-image-block__image,
  .elementor-widget-image-block.widget-background-contain .tcxn-image-block__content {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: auto !important;                     /* slå ut ev. width:100% guards */
  }

  /* Ordning: vänster/höger enligt val */
  .widget-background-contain .tcxn-image-block.image-left  .tcxn-image-block__image { order: 0 !important; }
  .widget-background-contain .tcxn-image-block.image-left  .tcxn-image-block__content { order: 1 !important; }
  .widget-background-contain .tcxn-image-block.image-right .tcxn-image-block__image { order: 1 !important; }
  .widget-background-contain .tcxn-image-block.image-right .tcxn-image-block__content { order: 0 !important; }

  .widget-background-contain .tcxn-image-block .tcxn-image-block__image,
  .elementor-widget-image-block.widget-background-contain .tcxn-image-block .tcxn-image-block__image {
    min-height: 340px !important;               /* justera 300–380 efter smak */
  }
}

/* iPad 768–1199 — stacka (100% + 100%), bild överst */
@media (min-width: 768px) and (max-width: 1199.98px) {
  .widget-background-contain .tcxn-image-block__inner,
  .elementor-widget-image-block.widget-background-contain .tcxn-image-block__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .widget-background-contain .tcxn-image-block__image,
  .widget-background-contain .tcxn-image-block__content,
  .elementor-widget-image-block.widget-background-contain .tcxn-image-block__image,
  .elementor-widget-image-block.widget-background-contain .tcxn-image-block__content {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .widget-background-contain .tcxn-image-block .tcxn-image-block__image,
  .elementor-widget-image-block.widget-background-contain .tcxn-image-block .tcxn-image-block__image {
    order: 0 !important;                         /* bild först även om image-right */
    min-height: 300px !important;
    background-position: center !important;
  }
}

/* Mobil ≤767 — bild överst, fullbredd */
@media (max-width: 767px) {
  .widget-background-contain .tcxn-image-block__inner,
  .elementor-widget-image-block.widget-background-contain .tcxn-image-block__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .widget-background-contain .tcxn-image-block .tcxn-image-block__image,
  .elementor-widget-image-block.widget-background-contain .tcxn-image-block .tcxn-image-block__image {
    order: 0 !important;
    width: 100% !important;
    min-height: 220px !important;
    background-position: center !important;
  }

  .widget-background-contain .tcxn-image-block__content,
  .elementor-widget-image-block.widget-background-contain .tcxn-image-block__content {
    order: 1 !important;
    width: 100% !important;
  }
}



/* --- SITEMAP --- */
.sitemap .menu {
  /* layout */
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 2rem 3rem;

  /* list reset */
  list-style: none;
  margin: 0;
  padding: 0;
}

/* toppnivå */
.sitemap .menu > li {
  break-inside: avoid;
  margin: 0 0 1.25rem 0;
}
.sitemap .menu > li > a {
  display: block;
  margin-bottom: .4rem;
  font-weight: 600;
  text-decoration: none;
  color: #2D28CD;           /* länkfärg */
}
.sitemap .menu > li > a:hover,
.sitemap .menu > li > a:focus {
  text-decoration: underline;
}

/* undernivåer */
.sitemap .menu .sub-menu {
  list-style: none;
  margin: 0;               /* mindre indrag */
  padding: 0;              /* mindre indrag */
}
.sitemap .menu .sub-menu li { margin: 0; }
.sitemap .menu .sub-menu a {
  display: inline-block;
  padding: .15rem 0;
  line-height: 1.4;
  text-decoration: none;
  color: #2D28CD;          /* samma färg även för barnlänkar */
  font-weight: 400;
}
.sitemap .menu .sub-menu a:hover,
.sitemap .menu .sub-menu a:focus {
  text-decoration: underline;
}

/* responsivt: 2 kolumner / 1 kolumn */
@media (max-width: 900px) {
  .sitemap .menu { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}
@media (max-width: 560px) {
  .sitemap .menu { grid-template-columns: 1fr; }
}



/* ====== FAQ / minimalist utan kant och skugga ====== */
.faq-accordion .elementor-accordion{
  --acc-radius: 12px;
  --acc-bg: #f3f3f7;          /* Ljus grå kortbakgrund */
  --acc-border: #f3f3f7;      /* (ej använd, vi kör helt utan kant) */
  --acc-title: #12151F;       /* Mörk rubrik */
  --acc-text: #4C5366;        /* Brödtext */
  --acc-icon: #12151F;        /* Ikon */
  --acc-icon-active: #12151F; /* Ikon i öppet läge */
  --acc-fs: 16px;
}

.faq-accordion .elementor-accordion-item{ border:0 !important; margin:0 0 16px; }

/* HEADER */
.faq-accordion .elementor-tab-title{
  display:flex; align-items:center; gap:12px;
  padding:16px 24px;
  background:var(--acc-bg);
  color:var(--acc-title);
  border:0 !important;
  border-radius:var(--acc-radius);
  box-shadow:none !important;
  cursor:pointer;
  font-size:var(--acc-fs);
}

/* Rubriken – fet och tar hela raden, ingen länkfärg */
.faq-accordion .elementor-tab-title .elementor-accordion-title{
  flex:1 1 auto;
  color:var(--acc-title) !important;
  text-decoration:none !important;
  font-weight:700 !important;                 /* FET */
  font-size: 16px !important;
  line-height:1.35;
}

/* Dölj Elementors egna ikoner och rita chevron till höger */
.faq-accordion .elementor-tab-title .elementor-accordion-icon{ display:none !important; }
.faq-accordion .elementor-tab-title::after{
  content:"";
  width:10px; height:10px;
  border-right:2px solid var(--acc-icon);
  border-bottom:2px solid var(--acc-icon);
  transform:rotate(45deg);           /* stängd */
  margin-left:auto;
  transition:transform .25s ease;
}

/* Aktiv: behåll samma bg, bara runda ihop med innehållet */
.faq-accordion .elementor-tab-title.elementor-active{
  border-bottom-left-radius:0; 
  border-bottom-right-radius:0;
  padding-bottom:6px; 
}
.faq-accordion .elementor-tab-title.elementor-active::after{
  transform:rotate(-135deg);         /* öppen */
  border-color:var(--acc-icon-active);
}

/* INNEHÅLL */
.faq-accordion .elementor-tab-title.elementor-active + .elementor-tab-content{
  display:block !important;
  background:var(--acc-bg);
  color:var(--acc-text);
  border:0 !important;
  border-bottom-left-radius:var(--acc-radius);
  border-bottom-right-radius:var(--acc-radius);
  box-shadow:none !important;
  padding:16px 24px 16px;
  font-size:var(--acc-fs);
  line-height:1.55;
}

/* Listor */
.faq-accordion .elementor-tab-content ul{ padding-left:1.15rem; }
.faq-accordion .elementor-tab-content li{ margin:.35rem 0; }

/* Mobil */
@media (max-width:480px){
  .faq-accordion .elementor-tab-title{ padding:16px 24px; }
  .faq-accordion .elementor-tab-title.elementor-active + .elementor-tab-content{ padding:16px 24px 16px; }
}

/* ta bort top-marginal på första elementet i innehållet (t.ex. UL/P) */
.faq-accordion .elementor-tab-content > *:first-child{
  margin-top:0 !important;
}