/*
Theme Name: Atlas
*/
:where(.wp-site-blocks *:focus) {
  outline-width: 2px;
  outline-style: solid
}

/* ───────────────────────────────────────────────────────────
   MIDLINE – lodräta & vågräta skiljelinjer
   • Columns-block (standard)                – lodräta linjer
   • Post-template-grid med 4 kolumner       – lod- & vågräta
   • Mobilgräns: 781 px (allt göms under den)
   ────────────────────────────────────────────────────────── */

/* ==========  A. Columns-block (.wp-block-columns)  ========= */

.midline.wp-block-columns > .wp-block-column {
  position: relative;                            /* för ::before */
}

/* Lodrätt streck på alla kolumner efter den första */
.midline.wp-block-columns > .wp-block-column + .wp-block-column::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--wp--preset--color--contrast, #999);
  inset-inline-start: calc((var(--wp--style--block-gap, 2rem) / -2));
}

/* ==========  B. Query-loop Post-template (4-kolumners grid)  ========= */

.midline.wp-block-post-template.is-layout-grid > li {
  position: relative;                            /* krävs för ::before/::after */
}

/* Lodräta linjer – på alla kolumner utom första i varje rad */
.midline.wp-block-post-template.is-layout-grid
  > li:not(:nth-child(4n + 1))::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--wp--preset--color--contrast, #999);
  inset-inline-start: calc((var(--wp--style--block-gap, 2rem) / -2));
}

/* Vågräta linjer – från och med rad 2 (kort 5 →) */
.midline.wp-block-post-template.is-layout-grid
  > li:nth-child(n + 5)::after {
  content: "";
  position: absolute;
  top: calc(var(--wp--style--block-gap, 2rem) / -2);   /* mitt i row-gap */
  left: calc(var(--wp--style--block-gap, 2rem) / -2);  /* sträck ut i col-gap-en */
  right: calc(var(--wp--style--block-gap, 2rem) / -2);
  height: 1px;
  background: var(--wp--preset--color--contrast, #999);
  pointer-events: none;                               /* inga klickproblem */
}

/* ==========  C. Mobilgräns – slå av alla linjer under 781 px  ========= */

@media (max-width: 781px) {
  /* Columns-block */
  .midline.wp-block-columns > .wp-block-column + .wp-block-column::before,
  /* Post-template-grid */
  .midline.wp-block-post-template.is-layout-grid > li::before,
  .midline.wp-block-post-template.is-layout-grid > li::after {
    display: none;
  }
}


blockquote p {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}



/* Base state – transparent field, big icon */
#wp-block-search__input-2 {
  padding: 16px 0px 0px 36px;
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D'0%200%2024%2024'%20width%3D'30'%20height%3D'30'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M13%205c-3.3%200-6%202.7-6%206%200%201.4.5%202.7%201.3%203.7l-3.8%203.8%201.1%201.1%203.8-3.8c1%20.8%202.3%201.3%203.7%201.3%203.3%200%206-2.7%206-6S16.3%205%2013%205zm0%2010.5c-2.5%200-4.5-2-4.5-4.5s2-4.5%204.5-4.5%204.5%202%204.5%204.5-2%204.5-4.5%204.5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: 0px bottom;
  background-color: transparent;
  /* default: see-through */
  border: 0px solid #ccc;
  font-size: 1rem;
  width: 220px;
  transition: background-color .25s;
  /* smooth switch */
}

/* Focus state – white background */
#wp-block-search__input-2:focus {
  /* background-color: #fff;                 /* turns white on focus */
  outline: none;
  /* optional: remove default outline */
  /* box-shadow: 0 0 0 2px rgba(0,0,0,.1);   /* optional: subtle focus ring */
}

/* Hide the built-in SVG */
.wp-block-navigation__responsive-container-open svg {
  display: none
}

/* Draw three stripes with layered gradients */
.wp-block-navigation__responsive-container-open {
  position: relative;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  background:
    linear-gradient(currentColor, currentColor) 0 0px /100% 2px,
    linear-gradient(currentColor, currentColor) 0 11px /100% 2px,
    linear-gradient(currentColor, currentColor) 0 22px /100% 2px;
  background-repeat: no-repeat;
  line-height: 0;
  cursor: pointer;
}






.wp-block-navigation-is-layout-flex button {
  /* outline: none; */
}


.border-top-and-bottom {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

.overlay-extra {
  padding-top: 8rem;
}


.wp-block-navigation__responsive-container.is-menu-open {
  padding: 0 1rem;
}

.wp-block-cb-carousel-v2 .cb-button-next,
.wp-block-cb-carousel-v2 .cb-button-prev {
  color: var(--wp--preset--color--lov) !important;
}

.wp-block-cb-carousel-v2 .cb-button-next:hover,
.wp-block-cb-carousel-v2 .cb-button-prev:hover {
  color: black !important;
}

@media (max-width: 781px) {
  .slick-slider-custom-css {
    overflow: hidden !important;
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
.cb-carousel-block {
  margin-left: -30px !important;
  margin-right: -180px !important;
  
}
  .wp-block-cb-carousel-v2 .cb-button-next,
  .wp-block-cb-carousel-v2 .cb-button-prev {
    display: none
  }
}

.wp-block-cb-carousel-v2 .cb-button-prev::after,
.wp-block-cb-carousel-v2 .cb-button-next::after {
  /* Original 22 px glyph … */
  font-size: 22px;
  /* …scaled to ~100 px high but unchanged width */
  transform: scaleY(4.5);
  /* 22 × 4.5 ≈ 100 */
  transform-origin: center;
}

/* NEXT (→) */
.swiper-button-next::after {
  /* your SVG */
  /* background: url('../assets/icons/chevron-right.svg') center / contain no-repeat; */
}

/* PREV (←) — just rotate the same file 180 deg */
.swiper-button-prev::after {
  /* background: url('../assets/icons/chevron-right.svg') center / contain no-repeat; */
  transform: scaleX(-1);
  /* flips it leftwards */
}

div.faktaruta,
p.faktaruta {
  width: 100% !important;
}
  div.faktaruta,
  p.faktaruta {
    border-left: 1px solid #000;
    padding-left: 1rem;
    padding-right: 0;
    border-right: 0;
  }
@media (min-width: 993px) {
  .post-template-single-with-sidebar .wp-block-post-content div.is-content-justification-right>* {
    max-width: 80%;
  }

  .post-template-single-with-sidebar .wp-block-post-content div.is-content-justification-right>figure {
    max-width: 100%;
  }


}
@media (min-width: 782px) {
  div.faktaruta,
  p.faktaruta {
    width: 30% !important;
    border-right: 1px solid #000;
    padding-right: 1rem;
    padding-left: 0;
    border-left: 0;
  }
}

ul.wp-polls-ul {
  margin: 0 !important;
}


@media (max-width: 781px) {
  .custom-order .wp-block-column {
    order: initial;
  }

  .custom-order .column-1 {
    order: 2; /* Moves to bottom */
  }

  .custom-order .column-2 {
    order: 1; /* Moves to top */
  }

  .custom-order .column-3 {
    order: 3; /* Moves to top */
  }
}


.wp-block-button__link {
  padding-top: .75rem !important
}


.wp-polls h2 {
  margin-bottom: 1em !important;
}


.scroll-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  transform: translateY(-100%);
  transition: transform 0.3s ease;
}

.scroll-menu.visible {
  transform: translateY(0);
}
/* Lägg till detta för att tvinga overlay att ligga fritt i sidan */
.wp-block-navigation__responsive-container {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 100vh !important;
  z-index: 10000 !important;
}
.scroll-menu .wp-block-navigation__responsive-container-open svg,
.scroll-menu .wp-block-navigation__responsive-container-open svg path {
  stroke: white !important;
  fill: white !important;
}


.wp-block-group.faktaruta  .has-jord-color {
  color: var(--wp--preset--color--granit) !important;
}