/* Nördigt – allmän egen CSS (migreras hit från Code Snippets + Salient Custom CSS-fältet, Fas 4).
   OBS: hela det stora Salient CSS-fältet (~38k) kommer läggas till här senare i Fas 4. */

/* === Sticky sidospalt på startsidan (f.d. snippet "Sidospalt startsida") === */
@media (min-width: 901px) {
	.nordigt-sticky-sidebar {
		position: relative !important;
	}

	.nordigt-sticky-sidebar .nordigt-sticky-target {
		box-sizing: border-box !important;
		width: 100%;
	}

	.nordigt-sticky-sidebar.is-fixed-mode .nordigt-sticky-target {
		position: fixed !important;
		top: var(--nordigt-sticky-top, 92px) !important;
		left: var(--nordigt-sticky-left, auto) !important;
		width: var(--nordigt-sticky-width, auto) !important;
		z-index: 20 !important;
		margin: 0 !important;
	}

	.nordigt-sticky-sidebar.is-static-mode .nordigt-sticky-target,
	.nordigt-sticky-sidebar.is-resizing .nordigt-sticky-target {
		position: static !important;
		top: auto !important;
		left: auto !important;
		width: auto !important;
	}
}

@media (max-width: 900px) {
	.nordigt-sticky-sidebar .nordigt-sticky-target {
		position: static !important;
		top: auto !important;
		left: auto !important;
		width: auto !important;
	}
}


/* ============================================================
   Salient Custom CSS-fältet (migrerat till child theme, Fas 4 2026-06-12)
   ============================================================ */
/* =========================================================
   nördigt.se – Custom CSS
   Källa: Salient → General Settings → CSS/Script Related → Custom CSS Code
   Hämtad: 2026-06-11
   OBS: Detta är hela fältets innehåll. Vid ändring: ersätt hela
   fältet i WordPress med innehållet i denna fil.
   ========================================================= */

/* =========================================================
   MOBILE / RESPONSIVE ADJUSTMENTS
   ========================================================= */
@media (max-width: 1024px) {
  .wpb_row.full-width-content .vc_col-sm-12 .nectar-post-grid[data-grid-spacing="15px"] {
    margin: 5px !important;
  }
  .more-tests-button {
    display: block !important;
  }
}
@media (max-width: 690px) {
  .single-post .featured-media-under-header__content,
  .single-post .featured-media-under-header__cat-wrap,
  .single-post .featured-media-under-header__meta-wrap,
  .single-post h1.entry-title {
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
  .single-post .featured-media-under-header__meta-wrap {
    display: flex !important;
    margin-top: -10px;
  }
  .nd-comment-panel {
    width: 100%;
    padding: 24px;
  }
  .nd-comment-trigger {
    margin-top: 60px !important;
    margin-bottom: 0 !important;
  }
  .tests-highlight-section {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-radius: 0 !important;
    border-left: 0;
    border-right: 0;
  }
}
/* =========================================================
   GLOBAL FORM ELEMENTS
   ========================================================= */
.material.woocommerce-page[data-form-style=default] input#coupon_code,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
  border-radius: 0;
}
/* =========================================================
   WORDPRESS EMBEDS
   ========================================================= */
.wp-block-embed {
  overflow-wrap: break-word;
  margin-bottom: 16px;
}
/* =========================================================
   SINGLE POST – HEADER / META / SHARING
   ========================================================= */
.single-post .nectar-social,
.single-post .nectar-love-wrap,
.single-post .nectar-sharing {
  display: none !important;
}
.single-post .featured-media-under-header__meta-wrap .meta-author {
  display: none !important;
}
.single-post .featured-media-under-header__meta-wrap .meta-date.date.published:before,
.single-post .featured-media-under-header__meta-wrap .meta-date.date.updated:before {
  display: none !important;
  content: none !important;
}
/* =========================================================
   SINGLE POST – MEDIA BORDER RADIUS
   ========================================================= */
.single-post .post-featured-img img,
.single-post .content-inner img,
.single-post .content-inner video,
.single-post .content-inner iframe,
.single-post .wp-video,
.single-post .fluid-width-video-wrapper,
.single-post .wp-block-embed,
.single-post .wp-block-embed iframe,
.single-post .wpb_video_wrapper,
.single-post .wpb_video_wrapper iframe,
.single-post .iframe-embed,
.single-post .iframe-embed iframe {
  border-radius: 5px !important;
  overflow: hidden !important;
}
/* =========================================================
   SINGLE POST – REMOVE EXTRA BOTTOM SPACE
   ========================================================= */
.container-wrap,
.project-title {
  padding-bottom: 0;
}
/* =========================================================
   POST GRID – META / LABELS
   ========================================================= */
.nectar-post-grid-item__meta-wrap {
  margin-top: 10px;
}
.nectar-post-grid-item__meta-wrap span.meta-date,
.nectar-post-grid-item__meta-wrap span.meta-reading-time,
.nectar-post-grid-item__meta-wrap span.meta-video-format {
  color: #0009 !important;
}
.nectar-post-grid .nectar-post-grid-item .content .meta-category a,
.single-post .meta-category a {
  font-size: 10px !important;
  font-weight: 700 !important;
  background-color: rgba(255, 255, 255, 0.35) !important;
  color: #000 !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 3px !important;
}
.single-post .meta-category a {
  background-color: #F5F5F5 !important;
  color: #000 !important;
  line-height: 1 !important;
}
.nectar-post-grid span.meta-category {
  line-height: 1 !important;
}
/* =========================================================
   POST GRID – CONTENT SPACING
   ========================================================= */
.nectar-post-grid-wrap:not([data-style=content_overlaid]) .nectar-post-grid .nectar-post-grid-item .content {
  padding-top: 18px !important;
}
/* =========================================================
   POST TAGS / TAG CLOUD
   ========================================================= */
.material #sidebar .widget .tagcloud a,
.material .widget .tagcloud a,
.single .post-area .content-inner > .post-tags a {
  padding: 4px 12px;
  background-color: #F5F5F5 !important;
  background-image: none !important;
  color: #000 !important;
  border-radius: 3px !important;
  opacity: 1 !important;
  filter: none !important;
}
.single .post-area .content-inner > .post-tags a:before,
.single .post-area .content-inner > .post-tags a:after {
  display: none !important;
  content: none !important;
  background: none !important;
}
.material #sidebar .widget .tagcloud a:hover,
.material .widget .tagcloud a:hover,
.single .post-area .content-inner > .post-tags a:hover {
  background-color: #000 !important;
  color: #fff !important;
}
.single #ajax-content-wrap .post-area .content-inner > .post-tags a {
  font-size: 12px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}
/* =========================================================
   BUTTONS
   ========================================================= */
.nectar-post-grid-wrap .load-more {
  background: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
  font-weight: 600;
  padding: 10px 20px;
}
.nectar-post-grid-wrap .load-more:hover {
  background: #444 !important;
  border-color: #444 !important;
  color: #fff !important;
}
.more-tests-button {
  display: none !important;
  font-weight: 600 !important;
}
.more-tests-button .nectar-button-type,
.more-tests-button a {
  font-weight: 600 !important;
}
/* =========================================================
   COMMENT FORM
   ========================================================= */
#respond textarea,
#respond input[type="text"],
#respond input[type="email"] {
  border-radius: 5px !important;
}
@media (min-width: 691px) {
  #respond form.comment-form > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px 20px !important;
  }
  #respond form.comment-form > .row:before,
  #respond form.comment-form > .row:after {
    display: none !important;
    content: none !important;
  }
  #respond form.comment-form .row > div.col.span_4 {
    float: none !important;
    flex: 0 0 calc(50% - 10px) !important;
    width: calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
    margin: 0 !important;
  }
  #respond form.comment-form .row > p.form-submit {
    flex: 0 0 100% !important;
    width: 100% !important;
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
  }
  #respond input[type="text"],
  #respond input[type="email"] {
    width: 100% !important;
  }
  #respond input[type="submit"] {
    margin: 0 !important;
  }
}
/* =========================================================
   COMMENT PANEL / DRAWER
   ========================================================= */
.nd-comment-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 60px !important;
  margin-bottom: 0 !important;
  background: #000 !important;
  border: 1px solid #000 !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 14px 24px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  box-shadow: none !important;
  cursor: pointer;
}
.nd-comment-trigger:hover {
  background: #333 !important;
  border-color: #333 !important;
  color: #fff !important;
}
.nd-comment-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility .3s ease;
  z-index: 99998;
}
.nd-comment-overlay.active {
  opacity: 1;
  visibility: visible;
}
.nd-comment-panel {
  position: fixed;
  top: 0;
  right: 0;
  left: auto !important;
  width: min(520px, 100vw);
  height: 100vh;
  background: #fff;
  transform: translateX(100%);
  transition: transform .35s ease;
  z-index: 99999;
  overflow-y: auto;
  padding: 40px;
}
.nd-comment-panel.active {
  transform: translateX(0);
}
.nd-comment-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.nd-comment-header h3 {
  margin: 0;
}
.nd-comment-close,
.nd-comment-close:hover,
.nd-comment-close:focus,
.nd-comment-close:active {
  color: #000 !important;
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.nd-comment-panel #reply-title {
  display: none !important;
}
.nd-comment-panel #respond input[type="submit"] {
  background: #000 !important;
  border: 1px solid #000 !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 14px 24px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  box-shadow: none !important;
}
.nd-comment-panel #respond input[type="submit"]:hover {
  background: #333 !important;
  border-color: #333 !important;
  color: #fff !important;
}
/* =========================================================
   TOUCH DEVICES – REMOVE HOVER STATES
   ========================================================= */
@media (hover: none) and (pointer: coarse) {
  #respond textarea:hover,
  #respond input:hover {
    box-shadow: none !important;
  }
  .nectar-post-grid .meta-category a:hover,
  .single-post .meta-category a:hover {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }
}
/* =========================================================
   TESTS SECTION
   ========================================================= */
.tests-highlight-section {
  margin-left: -30px !important;
  margin-right: -30px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}
/* =========================================================
   UTILITIES
   ========================================================= */
.font-weight-600 {
  font-weight: 600;
}
/* Post Loop Builder: rubrikfärg vid hover utan text-animation */
.post-title-hover-grey .nectar-post-grid-item:hover h3.post-heading span {
  color: #777 !important;
  transition: none !important;
}
/* Post Loop Builder: rubrikfärg vid hover med Salient text-animation */
.post-title-hover-grey .nectar-post-grid-item:hover h3.post-heading .nectar-split-heading {
  color: #777 !important;
  transition: none !important;
}
.featured-media-under-header__content {
  max-width: 1000px !important;
}
/* =========================================================
   NÖRDIGT – MOBILE HEADER / SPACING
   ========================================================= */
@media only screen and (min-width: 1px) and (max-width: 999px) {
  body #header-outer {
    padding: 20px 0;
  }
}
/* =========================================================
   NÖRDIGT – TABS / EDITORIAL MOBILE NAV
   Aktiv version
   98% vit bakgrund, ingen blur
   Ingen JS / ingen fixed-klass
   ========================================================= */
.nordigt-mobile-tabs {
  position: relative !important;
  z-index: 998 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: -1px 0 0 0 !important;
  padding: 0 0 20px 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* Nollställ Salient/WPBakery-luft runt tabs */
.nordigt-mobile-tabs .wpb_wrapper,
.nordigt-mobile-tabs .wpb_content_element,
.nordigt-mobile-tabs .wpb_tabs,
.nordigt-mobile-tabs .ui-tabs,
.nordigt-mobile-tabs .tabbed {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* Själva tabb-listan – grundläge */
.nordigt-mobile-tabs ul.wpb_tabs_nav,
.nordigt-mobile-tabs ul.ui-tabs-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 28px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
  list-style: none !important;
  box-shadow: none !important;
  outline: none !important;
}
/* Varje tabb */
.nordigt-mobile-tabs ul.wpb_tabs_nav > li,
.nordigt-mobile-tabs ul.ui-tabs-nav > li {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  list-style: none !important;
}
/* Tabb-text */
.nordigt-mobile-tabs ul.wpb_tabs_nav > li > a,
.nordigt-mobile-tabs ul.ui-tabs-nav > li > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: rgba(0, 0, 0, 0.52) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  outline: none !important;
}
/* Aktiv tabb */
.nordigt-mobile-tabs ul.wpb_tabs_nav > li.ui-tabs-active > a,
.nordigt-mobile-tabs ul.wpb_tabs_nav > li.ui-state-active > a,
.nordigt-mobile-tabs ul.wpb_tabs_nav > li.active-tab > a,
.nordigt-mobile-tabs ul.wpb_tabs_nav > li.active > a,
.nordigt-mobile-tabs ul.ui-tabs-nav > li.ui-tabs-active > a,
.nordigt-mobile-tabs ul.ui-tabs-nav > li.ui-state-active > a,
.nordigt-mobile-tabs ul.ui-tabs-nav > li.active-tab > a,
.nordigt-mobile-tabs ul.ui-tabs-nav > li.active > a {
  color: #000 !important;
  font-weight: 600 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
/* Hover/focus/press */
.nordigt-mobile-tabs ul.wpb_tabs_nav > li > a:hover,
.nordigt-mobile-tabs ul.wpb_tabs_nav > li > a:focus,
.nordigt-mobile-tabs ul.wpb_tabs_nav > li > a:active,
.nordigt-mobile-tabs ul.ui-tabs-nav > li > a:hover,
.nordigt-mobile-tabs ul.ui-tabs-nav > li > a:focus,
.nordigt-mobile-tabs ul.ui-tabs-nav > li > a:active {
  color: #000 !important;
  background: transparent !important;
  background-color: transparent !important;
  text-decoration: none !important;
  box-shadow: none !important;
  outline: none !important;
}
/* Ta bort alla Salient/WPBakery-linjer */
.nordigt-mobile-tabs ul.wpb_tabs_nav > li,
.nordigt-mobile-tabs ul.wpb_tabs_nav > li > a,
.nordigt-mobile-tabs ul.ui-tabs-nav > li,
.nordigt-mobile-tabs ul.ui-tabs-nav > li > a {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}
/* =========================================================
   Mobil – alltid fixed utan JS
   Låst höjd för att undvika hopp vid render/resize
   ========================================================= */
@media only screen and (max-width: 999px) {
  .nordigt-mobile-tabs {
    /*
      Reservplats för fixed-tabbarna.
      Ska matcha tabbmenyns låsta höjd.
    */
    padding: 52px 0 0 0 !important;
    background: transparent !important;
    background-color: transparent !important;
  }
  .nordigt-mobile-tabs ul.wpb_tabs_nav,
  .nordigt-mobile-tabs ul.ui-tabs-nav {
    position: fixed !important;
    /*
      Mobilheaderns höjd.
    */
    top: 54px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    /*
      Ingen vertikal padding här.
      Höjden styrs av height: 52px.
      Texten centreras via align-items.
    */
    padding: 0 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: #fff !important;
    background-color: #fff !important;
    z-index: 9997 !important;
    transform: none !important;
    transition: none !important;
  }
}
/* Startsidan tight mot toppen */
.home .container-wrap {
  padding-top: 0 !important;
}
/* =========================================================
   NÖRDIGT – SENASTE TESTER / DATE ABOVE TITLE
   ========================================================= */
.senaste-tester-start .nectar-post-grid-item .content .item-main {
  display: flex !important;
  flex-direction: column !important;
}
.senaste-tester-start .nectar-post-grid-item .content .item-main h3.post-heading {
  order: 2 !important;
}
.senaste-tester-start .nectar-post-grid-item .content .item-main .nectar-post-grid-item__meta-wrap {
  order: 1 !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}
/* =========================================================
   NÖRDIGT – HEADER / SOFT WHITE FADE
   Desktop + mobil
   Grund: 98% vit + vit fade upptill
   Ingen blur
   ========================================================= */
body #header-outer,
body[data-header-color="dark"] #header-outer {
  background: #fff !important;
  background-image: none !important;
  background-color: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}
body #header-outer #top,
body[data-header-color="dark"] #header-outer #top {
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}
/* =========================================================
   NÖRDIGT – HEADER / LOGO POSITION
   ========================================================= */
/* Flytta loggan 1px åt höger på desktop och mobil */
#header-outer #logo,
#header-outer .logo,
#header-outer .span_3 #logo,
#header-outer .span_3 a#logo {
  transform: translateX(1px) !important;
}
/* Logo hover – färgskifte till grå, endast desktop.
   Loggan är en enfärgad SVG inläst som <img>, så den tonas med filter
   istället för color. brightness(0) tvingar källan till svart (funkar
   även för den vita loggan i mörkt läge), invert(0.467) ger #777 –
   samma grå som inläggsrubrikerna får vid hover. */
@media only screen and (min-width: 1025px) {
  #header-outer a#logo { cursor: pointer; }
  #header-outer a#logo img {
    transition: filter 180ms ease !important;
  }
  #header-outer a#logo:hover img {
    filter: brightness(0) invert(0.467) !important;
  }
}
/* =========================================================
   NÖRDIGT – POST GRID / MOBILE CARD SPACING
   Mindre marginal under varje kort, på iPad och mindre.
   ========================================================= */
@media only screen and (max-width: 1024px) {
  .nectar-post-grid[data-grid-spacing="25px"] .nectar-post-grid-item {
    margin-bottom: 14px !important;
  }
}
/* =========================================================
   NÖRDIGT – HEADER / SCROLL LINE
   OpenAI-liknande tunn linje utan border-flash
   ========================================================= */
/* Ingen border alls på headern */
#header-outer {
  border-bottom: 0 !important;
  box-shadow: inset 0 -1px 0 transparent !important;
  transition: box-shadow 220ms ease !important;
}
/* Headerlinjens färg som CSS-variabel: samma regel för light och dark, dark byter
   bara ut färgen (ljus linje i stället för mörk, eftersom mörk linje är osynlig på
   en mörk header). Inga special-selektorer, exakt samma lösning som light. */
body { --nordigt-header-line: rgba(0, 0, 0, 0.04); }
body.theme-dark-preload { --nordigt-header-line: rgba(255, 255, 255, 0.05); }
/* Headerlinje vid scroll */
body.nordigt-has-scrolled #header-outer {
  box-shadow: inset 0 -1px 0 var(--nordigt-header-line) !important;
}
/* Ingen synlig linje längst upp */
body:not(.nordigt-has-scrolled) #header-outer {
  box-shadow: inset 0 -1px 0 transparent !important;
}
/* =========================================================
   NÖRDIGT – MOBILE HOME
   På mobil startsida ska headern inte ha linje,
   eftersom tabbmenyn bär linjen där.
   ========================================================= */
@media only screen and (max-width: 999px) {
  body.home #header-outer,
  body.home.nordigt-has-scrolled #header-outer,
  body.home:not(.nordigt-has-scrolled) #header-outer {
    border-bottom: 0 !important;
    box-shadow: none !important;
  }
}
/* =========================================================
   NÖRDIGT – MOBILE HOME
   På mobil startsida ska headern inte ha border alls,
   eftersom tabbmenyn ligger direkt under och bär linjen.
   ========================================================= */
@media only screen and (max-width: 999px) {
  body.home #header-outer {
    border-bottom: 0 !important;
  }
}
/* =========================================================
   NÖRDIGT – MOBILE TABS / SCROLL BORDER
   Endast startsidan mobil: linje under fixed tabbmeny
   ========================================================= */
@media only screen and (max-width: 999px) {
  body.home .nordigt-mobile-tabs ul.wpb_tabs_nav,
  body.home .nordigt-mobile-tabs ul.ui-tabs-nav {
    border-bottom: 1px solid transparent !important;
    transition: border-color 220ms ease !important;
  }
  body.home.nordigt-has-scrolled .nordigt-mobile-tabs ul.wpb_tabs_nav,
  body.home.nordigt-has-scrolled .nordigt-mobile-tabs ul.ui-tabs-nav {
    border-bottom-color: #0000000a !important;
  }
  body.home:not(.nordigt-has-scrolled) .nordigt-mobile-tabs ul.wpb_tabs_nav,
  body.home:not(.nordigt-has-scrolled) .nordigt-mobile-tabs ul.ui-tabs-nav {
    border-bottom-color: transparent !important;
  }
}
/* =========================================================
   NÖRDIGT – DESKTOP HEADER / ICON SIZE
   Gör sök och hamburgare lite mer subtila på desktop
   ========================================================= */
@media only screen and (min-width: 1000px) {
  #header-outer #search-btn a,
  #header-outer #search-btn .icon-salient-search,
  #header-outer .slide-out-widget-area-toggle a,
  #header-outer .slide-out-widget-area-toggle .lines-button {
    transform: scale(0.92) !important;
    transform-origin: center !important;
  }
}
/* =========================================================
   NÖRDIGT – MOBILE HEADER / STACKING ORDER
   Säkerställer att tabbmenyn inte hamnar ovanpå mobilheadern
   ========================================================= */
@media only screen and (max-width: 999px) {
  #header-outer {
    z-index: 9999 !important;
  }
  .nordigt-mobile-tabs ul.wpb_tabs_nav,
  .nordigt-mobile-tabs ul.ui-tabs-nav {
    z-index: 9997 !important;
  }
}
/* =========================================================
   NÖRDIGT – MOBILE/IPAD OFF-CANVAS MENU
   OpenAI-inspirerad, tumvänlig, utan animationer
   ========================================================= */
@media only screen and (max-width: 1180px) {
  #slide-out-widget-area.fullscreen-alt,
  #slide-out-widget-area.fullscreen-alt *,
  #slide-out-widget-area-bg,
  #slide-out-widget-area-bg * {
    animation: none !important;
    transition: none !important;
  }
  #slide-out-widget-area.fullscreen-alt {
    overflow: hidden !important;
  }
  #slide-out-widget-area.fullscreen-alt .inner-wrap {
    padding: 0 !important;
    overflow: hidden !important;
  }
  #slide-out-widget-area.fullscreen-alt .inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
    min-height: 100dvh !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    padding-top: 120px !important;
    padding-left: 48px !important;
    padding-right: 48px !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 96px) !important;
  }
  /* Nollställ Salients centrerade layout */
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container,
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container.mobile-only {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    transform: none !important;
    opacity: 1 !important;
  }
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container ul.menu,
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container.mobile-only ul.menu {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container ul.menu li,
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container.mobile-only ul.menu li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    transform: none !important;
    opacity: 1 !important;
  }
  /* =========================================================
     Primär meny
     ========================================================= */
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container.mobile-only > ul.menu:first-child {
    margin: 0 !important;
    padding: 0 !important;
  }
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container.mobile-only > ul.menu:first-child > li {
    margin: 0 0 14px 0 !important;
  }
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container.mobile-only > ul.menu:first-child > li > a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    font-size: 44px !important;
    line-height: 1.08 !important;
    font-weight: 500 !important;
    letter-spacing: -0.03em !important;
    color: #000 !important;
    text-align: left !important;
  }
  /* =========================================================
     Sekundär meny
     ========================================================= */
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) {
    margin-top: 28px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) ul.menu > li {
    margin: 0 0 10px 0 !important;
  }
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) ul.menu > li > a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    color: rgba(0,0,0,0.62) !important;
    text-align: left !important;
  }
  /* Linjen sitter på första länken i sekundärgruppen */
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) ul.menu > li:first-child > a {
    border-top: 1px solid #F1F1F1 !important;
    padding-top: 28px !important;
  }
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) ul.menu > li > a:hover {
    color: #000 !important;
  }
  #slide-out-widget-area.fullscreen-alt .secondary-header-items:empty {
    display: none !important;
  }
  /* Stängknapp */
  #slide-out-widget-area.fullscreen-alt .slide_out_area_close {
    top: 30px !important;
    right: 32px !important;
  }
}
@media only screen and (max-width: 690px) {
  #slide-out-widget-area.fullscreen-alt .inner {
    min-height: 100dvh !important;
    padding-top: 104px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 88px) !important;
  }
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container.mobile-only > ul.menu:first-child > li > a {
    font-size: 32px !important;
    line-height: 1.08 !important;
    padding: 5px 0 !important;
  }
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) {
    margin-top: 24px !important;
  }
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) ul.menu > li > a {
    font-size: 18px !important;
    line-height: 1.3 !important;
    padding: 5px 0 !important;
  }
  #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) ul.menu > li:first-child > a {
    padding-top: 24px !important;
    border-top: 1px solid #F1F1F1 !important;
  }
  #slide-out-widget-area.fullscreen-alt .slide_out_area_close {
    right: 24px !important;
  }
}
/* =========================================================
   NÖRDIGT – MOBILE HEADER SPACE STABILITY
   Låser Salients header-placeholder på mobil för att undvika hopp
   ========================================================= */
@media only screen and (max-width: 999px) {
  body #header-space {
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
  }
}
/* NÖRDIGT – MOBILE HEADER / FLYTTA SÖKIKON LITE ÅT VÄNSTER */
@media only screen and (max-width: 999px) {
  #header-outer .mobile-search {
    right: 14px !important;
  }
}
@media only screen and (min-width: 1px) and (max-width: 999px) {
    body.material #search-outer #search form input[type="text"][name] {
        border-bottom-width: 1px;
    }
}
.wp-block-video {
    padding-bottom: 1.5em;
}
@media only screen and (max-width: 999px) {
  #header-outer[data-cart=true] #top #mobile-cart-link, #header-outer[data-cart=true] #top .span_9>.slide-out-widget-area-toggle, #top .mobile-search {
    padding: 0 0px;
  }
}
/* =========================================================
   NÖRDIGT – SINGLE POST / TAGGAR & DATUM
   Ingen Salient-skugga på taggar vid hover.
   Datumet i artikelheadern får samma färg som på startsidan.
   Tillagd 2026-06-11.
   ========================================================= */
.single .post-area .content-inner > .post-tags a:hover,
.material #sidebar .widget .tagcloud a:hover,
.material .widget .tagcloud a:hover {
  box-shadow: none !important;
}

.single-post .featured-media-under-header__meta-wrap .meta-date {
  color: #0009 !important;
}

body.theme-dark-preload.single-post .featured-media-under-header__meta-wrap .meta-date {
  color: #ffffff99 !important;
}
/* =========================================================
   NÖRDIGT – DESKTOP HEADER / SÖKIKON HOVER
   Mjuk uppskalning 0.92 → 1.0 vid hover.
   Bara enheter med riktig muspekare. Tillagd 2026-06-11.
   ========================================================= */
@media only screen and (min-width: 1000px) and (hover: hover) {
  #header-outer #search-btn a,
  #header-outer #search-btn .icon-salient-search {
    transition: transform 200ms ease !important;
  }

  #header-outer #search-btn a:hover,
  #header-outer #search-btn a:hover .icon-salient-search {
    transform: scale(1) !important;
  }
}
/* =========================================================
   NÖRDIGT – INGA HOVERSTATES PÅ MOBIL/IPAD (≤1000px)
   Hover fastnar efter tapp på touch och ser buggigt ut.
   Reglerna nedan låser hover till samma utseende som
   grundläget, i både ljust och mörkt läge.
   Tillagd 2026-06-11. Ska ligga SIST i CSS-fältet.
   ========================================================= */
@media only screen and (max-width: 1000px) {

  /* Post grid-rubriker: ingen grå hoverfärg */
  body .post-title-hover-grey .nectar-post-grid-item:hover h3.post-heading span,
  body .post-title-hover-grey .nectar-post-grid-item:hover h3.post-heading .nectar-split-heading {
    color: #000 !important;
  }
  body.theme-dark-preload .post-title-hover-grey .nectar-post-grid-item:hover h3.post-heading,
  body.theme-dark-preload .post-title-hover-grey .nectar-post-grid-item:hover h3.post-heading span,
  body.theme-dark-preload .post-title-hover-grey .nectar-post-grid-item:hover h3.post-heading .nectar-split-heading {
    color: #fff !important;
  }

  /* Mest lästa: ingen grå hoverfärg på titlar */
  body .nordigt-most-read__link:hover .nordigt-most-read__title {
    color: #000 !important;
  }
  body.theme-dark-preload .nordigt-most-read__link:hover .nordigt-most-read__title {
    color: #fff !important;
  }

  /* Populära-tabbens introtext ärver #00000099 från kolumnens inline-färg
     och blir mörk-på-mörk i dark mode. Spegla till ljus 60% så den syns. */
  body.theme-dark-preload #tab-populara p.p1 {
    color: rgba(255, 255, 255, 0.6) !important;
  }

  /* Taggar: behåll grundläget vid hover */
  body .material #sidebar .widget .tagcloud a:hover,
  body .material .widget .tagcloud a:hover,
  body.single .post-area .content-inner > .post-tags a:hover {
    background-color: #F5F5F5 !important;
    color: #000 !important;
  }
  body.theme-dark-preload .material #sidebar .widget .tagcloud a:hover,
  body.theme-dark-preload .material .widget .tagcloud a:hover,
  body.theme-dark-preload.single .post-area .content-inner > .post-tags a:hover {
    background-color: #595959 !important;
    color: #fff !important;
  }

  /* Kategori-pills: ingen svart hover */
  body .nectar-post-grid .meta-category a:hover {
    background-color: rgba(255, 255, 255, 0.35) !important;
    color: #000 !important;
  }
  body.single-post .meta-category a:hover {
    background-color: #F5F5F5 !important;
    color: #000 !important;
  }
  body.theme-dark-preload .nectar-post-grid .meta-category a:hover,
  body.theme-dark-preload.single-post .meta-category a:hover {
    background-color: #595959 !important;
    color: #fff !important;
  }

  /* Load more-knappen: ingen hoverfärg */
  body .nectar-post-grid-wrap .load-more:hover {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
  }
  body.theme-dark-preload .nectar-post-grid-wrap .load-more:hover {
    background: #fff !important;
    border-color: #fff !important;
    color: #000 !important;
  }

  /* Kommentar-knappen och skicka-knappen: ingen hoverfärg */
  body .nd-comment-trigger:hover {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
  }
  body.theme-dark-preload .nd-comment-trigger:hover {
    background: #fff !important;
    border-color: #fff !important;
    color: #000 !important;
  }
  body .nd-comment-panel #respond input[type="submit"]:hover {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
  }
  body.theme-dark-preload .nd-comment-panel #respond input[type="submit"]:hover {
    background: #fff !important;
    border-color: #fff !important;
    color: #000 !important;
  }

  /* Off-canvas-menyn: sekundära länkar behåller sin färg */
  body #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) ul.menu > li > a:hover {
    color: rgba(0, 0, 0, 0.62) !important;
  }
  body.theme-dark-preload #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) ul.menu > li > a:hover {
    color: #fff !important;
  }

  /* Avdelarlinjen mellan primär och sekundär meny: i dark mode tonas
     #F1F1F1 ner till bakgrundens #1D1D1D och blir osynlig. Sätt en
     subtil ljus linje istället så den syns mot den mörka menyn. */
  body.theme-dark-preload #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) ul.menu > li:first-child > a {
    border-top-color: rgba(255, 255, 255, 0.15) !important;
  }

  /* Mobila tabbar: ingen hoverfärg på inaktiva tabbar */
  body .nordigt-mobile-tabs ul.wpb_tabs_nav > li > a:hover,
  body .nordigt-mobile-tabs ul.ui-tabs-nav > li > a:hover {
    color: rgba(0, 0, 0, 0.52) !important;
  }
  body.theme-dark-preload .nordigt-mobile-tabs ul.wpb_tabs_nav > li > a:hover,
  body.theme-dark-preload .nordigt-mobile-tabs ul.ui-tabs-nav > li > a:hover {
    color: rgba(255, 255, 255, 0.52) !important;
  }

  /* Aktiv tabb behåller sin färg även vid hover */
  body .nordigt-mobile-tabs ul.wpb_tabs_nav > li.ui-tabs-active > a:hover,
  body .nordigt-mobile-tabs ul.wpb_tabs_nav > li.ui-state-active > a:hover,
  body .nordigt-mobile-tabs ul.wpb_tabs_nav > li.active-tab > a:hover,
  body .nordigt-mobile-tabs ul.wpb_tabs_nav > li.active > a:hover,
  body .nordigt-mobile-tabs ul.ui-tabs-nav > li.ui-tabs-active > a:hover,
  body .nordigt-mobile-tabs ul.ui-tabs-nav > li.ui-state-active > a:hover,
  body .nordigt-mobile-tabs ul.ui-tabs-nav > li.active-tab > a:hover,
  body .nordigt-mobile-tabs ul.ui-tabs-nav > li.active > a:hover {
    color: #000 !important;
  }
  body.theme-dark-preload .nordigt-mobile-tabs ul.wpb_tabs_nav > li.ui-tabs-active > a:hover,
  body.theme-dark-preload .nordigt-mobile-tabs ul.wpb_tabs_nav > li.ui-state-active > a:hover,
  body.theme-dark-preload .nordigt-mobile-tabs ul.wpb_tabs_nav > li.active-tab > a:hover,
  body.theme-dark-preload .nordigt-mobile-tabs ul.wpb_tabs_nav > li.active > a:hover,
  body.theme-dark-preload .nordigt-mobile-tabs ul.ui-tabs-nav > li.ui-tabs-active > a:hover,
  body.theme-dark-preload .nordigt-mobile-tabs ul.ui-tabs-nav > li.ui-state-active > a:hover,
  body.theme-dark-preload .nordigt-mobile-tabs ul.ui-tabs-nav > li.active-tab > a:hover,
  body.theme-dark-preload .nordigt-mobile-tabs ul.ui-tabs-nav > li.active > a:hover {
    color: #fff !important;
  }
}