/*
Theme Name: Ordklinga Divi Child
Theme URI: https://ordklinga.se
Description: Child theme för Ordklinga förlag
Author: Maja Cronert
Template: Divi
Version: 1.0.0
*/

/* ------------------------------------------------------------
   RELATERADE BÖCKER – SAMMA STIL SOM BOKARKIVET
------------------------------------------------------------ */

.ordklinga-forfattarbocker {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 40px 28px;
}

.ordklinga-bokkort {
  width: 100%;
  margin: 0;
  justify-self: stretch;
}

.ordklinga-bokkort__lank {
  display: block;
  color: inherit;
  text-decoration: none;
}

.ordklinga-bokkort__bild {
  position: relative;
  width: 100%;
  margin: 0 0 16px;
  overflow: hidden;
  aspect-ratio: 500 / 777;
}

.ordklinga-bokkort__bild img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  transition: transform 0.25s ease;
}

@media (hover: hover) and (pointer: fine) {
  .ordklinga-bokkort__lank:hover
  .ordklinga-bokkort__bild img {
    transform: scale(1.02);
  }
}

.ordklinga-bokkort__titel {
  margin: 0;
  padding: 0;
  font-weight: 400;
  line-height: 1.2;
}

/* ------------------------------------------------------------
   RELATERADE NYHETER – SHORTCODE
------------------------------------------------------------ */

.ordklinga-nyheter {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px 28px;
}

.ordklinga-nyhetskort {
  width: 100%;
  margin: 0;
}

.ordklinga-nyhetskort__lank {
  display: block;
  color: inherit;
  text-decoration: none;
}

.ordklinga-nyhetskort__bild {
  position: relative;
  width: 100%;
  margin-bottom: 16px;
  overflow: hidden;
  aspect-ratio: 786 / 1052;
}

.ordklinga-nyhetskort__bild img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  transition: transform 0.25s ease;
}

@media (hover: hover) and (pointer: fine) {
  .ordklinga-nyhetskort__lank:hover
  .ordklinga-nyhetskort__bild img {
    transform: scale(1.02);
  }
}

.ordklinga-nyhetskort__titel {
  margin: 0;
  padding: 0;
  font-weight: 400;
  line-height: 1.2;
}

.ordklinga-nyhetskort__datum {
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #895027;
    font-family: "Inter", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Rubrik för sektionen Nyheter */

.ordklinga-innehallssektion--nyheter
.ordklinga-innehallssektion__rubrik {
    font-size: 48px !important;
}

/* ------------------------------------------------------------
   FÖRFATTARLÄNK
------------------------------------------------------------ */

.ordklinga-forfattarlank {
  color: inherit;
  text-decoration: none;
}

.ordklinga-forfattarlank:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}


/* ------------------------------------------------------------
   POSTTYP
------------------------------------------------------------ */

.ordklinga-posttyp__lank,
.ordklinga-posttyp__lank:visited,
.ordklinga-posttyp__lank:hover,
.ordklinga-posttyp__lank:focus {
  color: #895027 !important;
  text-decoration: none !important;
}


/* ------------------------------------------------------------
   RELATERADE SEKTIONER
------------------------------------------------------------ */

.ordklinga-innehallssektion__rubrik {
  margin-bottom: 30px;
}


/* ------------------------------------------------------------
   BOKDETALJER OCH NEDLADDNINGAR
------------------------------------------------------------ */

.ordklinga-bokmetadata,
.ordklinga-nedladdningar {
  margin: 0;
}

.ordklinga-bokmetadata__rubrik,
.ordklinga-nedladdningar__rubrik {
  margin: 30px 0 18px !important;
  padding: 0 !important;
}

.ordklinga-bokdetaljer,
.ordklinga-nedladdningar__lista {
  margin: 0;
  padding: 0;
}

.ordklinga-bokdetaljer__rad {
  margin: 0;
  padding: 0;
  font: inherit;
  font-weight: 400;
  line-height: 1.55;
}

.ordklinga-nedladdningar__lista {
  list-style: none;
}

.ordklinga-nedladdningar__rad {
  margin: 0;
  padding: 0;
  line-height: 1.7;
}

.ordklinga-nedladdningar__lank {
  color: inherit;
  text-decoration: none;
}

.ordklinga-nedladdningar__lank:hover,
.ordklinga-nedladdningar__lank:focus {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}


/* ------------------------------------------------------------
   FÖRFATTARGRID – DIVI BLOG MODULE
------------------------------------------------------------ */

.ordklinga-forfattargrid,
.ordklinga-forfattargrid .et_pb_module_inner,
.ordklinga-forfattargrid .et_pb_ajax_pagination_container,
.ordklinga-forfattargrid .et_pb_salvattore_content {
  width: 100% !important;
  max-width: none !important;
}

.ordklinga-forfattargrid .et_pb_ajax_pagination_container {
  display: block !important;
}

.ordklinga-forfattargrid .et_pb_salvattore_content > .column {
  display: contents !important;
}

.ordklinga-forfattargrid article.et_pb_post {
  position: relative;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  overflow: hidden;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ordklinga-forfattargrid .et_pb_image_container {
  position: relative;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}

.ordklinga-forfattargrid .entry-featured-image-url {
  position: relative;
  display: block;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  aspect-ratio: 786 / 1052;
}

.ordklinga-forfattargrid .entry-featured-image-url img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: center;
  filter: grayscale(100%);
  transition: filter 0.35s ease;
}

@media (hover: hover) and (pointer: fine) {
  .ordklinga-forfattargrid article.et_pb_post:hover
  .entry-featured-image-url img {
    filter: grayscale(0%);
  }
}

.ordklinga-forfattargrid .entry-title {
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 !important;
  padding: 8px 16px !important;
  background: #000;
  color: #fff !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.4 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(100%);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}

.ordklinga-forfattargrid .entry-title a,
.ordklinga-forfattargrid .entry-title a:visited,
.ordklinga-forfattargrid .entry-title a:hover,
.ordklinga-forfattargrid .entry-title a:focus {
  color: #fff !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.4 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase;
  text-decoration: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .ordklinga-forfattargrid article.et_pb_post:hover .entry-title {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (hover: none), (pointer: coarse) {
  .ordklinga-forfattargrid .entry-title {
    opacity: 1;
    transform: translateY(0);
  }
}


/* ------------------------------------------------------------
   NYHETSGRID – DIVI BLOG MODULE
------------------------------------------------------------ */

.ordklinga-nyhetsgrid,
.ordklinga-nyhetsgrid .et_pb_module_inner,
.ordklinga-nyhetsgrid .et_pb_ajax_pagination_container,
.ordklinga-nyhetsgrid .et_pb_salvattore_content {
  width: 100% !important;
  max-width: none !important;
}

.ordklinga-nyhetsgrid .et_pb_salvattore_content > .column {
  display: contents !important;
}

.ordklinga-nyhetsgrid article.et_pb_post {
  display: flex;
  flex-direction: column;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ordklinga-nyhetsgrid .et_pb_image_container {
  order: 1;
  width: 100% !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  overflow: hidden;
}

.ordklinga-nyhetsgrid .entry-featured-image-url {
  position: relative;
  display: block;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  aspect-ratio: 786 / 1052;
}

.ordklinga-nyhetsgrid .entry-featured-image-url img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: center;
  filter: none !important;
  transition: transform 0.25s ease;
}

@media (hover: hover) and (pointer: fine) {
  .ordklinga-nyhetsgrid article.et_pb_post:hover
  .entry-featured-image-url img {
    transform: scale(1.02);
  }
}

.ordklinga-nyhetsgrid .post-meta {
  order: 2;
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #895027 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.4 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase;
}

.ordklinga-nyhetsgrid .post-meta a,
.ordklinga-nyhetsgrid .post-meta a:visited,
.ordklinga-nyhetsgrid .post-meta a:hover,
.ordklinga-nyhetsgrid .post-meta a:focus {
  color: #895027 !important;
  text-decoration: none !important;
}

.ordklinga-nyhetsgrid .entry-title {
  order: 3;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

.ordklinga-nyhetsgrid .entry-title a,
.ordklinga-nyhetsgrid .entry-title a:visited,
.ordklinga-nyhetsgrid .entry-title a:hover,
.ordklinga-nyhetsgrid .entry-title a:focus {
  color: inherit !important;
  font: inherit !important;
  text-decoration: none !important;
}

.ordklinga-nyhetsgrid .post-content,
.ordklinga-nyhetsgrid .more-link {
  display: none !important;
}


/* ------------------------------------------------------------
   BOKGRID – DIVI BLOG MODULE
------------------------------------------------------------ */

.ordklinga-bokgrid,
.ordklinga-bokgrid .et_pb_module_inner,
.ordklinga-bokgrid .et_pb_ajax_pagination_container,
.ordklinga-bokgrid .et_pb_salvattore_content {
  width: 100% !important;
  max-width: none !important;
}

.ordklinga-bokgrid .et_pb_salvattore_content > .column {
  display: contents !important;
}

.ordklinga-bokgrid article.et_pb_post {
  display: flex;
  flex-direction: column;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ordklinga-bokgrid .et_pb_image_container {
  order: 1;
  width: 100% !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  overflow: hidden;
}

.ordklinga-bokgrid .entry-featured-image-url {
  position: relative;
  display: block;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  aspect-ratio: 500 / 777;
}

.ordklinga-bokgrid .entry-featured-image-url img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: center;
  filter: none !important;
  transition: transform 0.25s ease;
}

@media (hover: hover) and (pointer: fine) {
  .ordklinga-bokgrid article.et_pb_post:hover
  .entry-featured-image-url img {
    transform: scale(1.02);
  }
}

.ordklinga-bokgrid .entry-title {
  order: 2;
  margin: 0 0 6px !important;
  padding: 0 !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

.ordklinga-bokgrid .entry-title a,
.ordklinga-bokgrid .entry-title a:visited,
.ordklinga-bokgrid .entry-title a:hover,
.ordklinga-bokgrid .entry-title a:focus {
  color: inherit !important;
  font: inherit !important;
  text-decoration: none !important;
}

.ordklinga-bokgrid .post-content {
  order: 3;
  margin: 0 !important;
  padding: 0 !important;
}

.ordklinga-bokgrid .post-content-inner {
  margin: 0 !important;
  padding: 0 !important;
}

.ordklinga-bokgrid .post-content-inner > p:empty {
  display: none !important;
}

.ordklinga-bokgrid .post-meta,
.ordklinga-bokgrid .more-link {
  display: none !important;
}


/* ------------------------------------------------------------
   RESPONSIVT FÖR SHORTCODE-GRIDER
------------------------------------------------------------ */

@media (max-width: 980px) {
  .ordklinga-forfattarbocker,
  .ordklinga-nyheter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .ordklinga-forfattarbocker,
  .ordklinga-nyheter {
    grid-template-columns: 1fr;
  }

  .ordklinga-bokkort {
    width: 100%;
  }
}
/* ------------------------------------------------------------
   ORDKLINGA SWIPE
   Aktiveras endast på moduler med klassen .ordklinga-swipe
------------------------------------------------------------ */

@media (max-width: 980px) {

  /* ----------------------------------------------------------
     DIVI BLOG MODULE
  ---------------------------------------------------------- */

  .ordklinga-swipe .et_pb_ajax_pagination_container,
  .ordklinga-swipe .et_pb_salvattore_content {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start;
    gap: 24px;

    width: 100% !important;
    max-width: none !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;

    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .ordklinga-swipe .et_pb_ajax_pagination_container::-webkit-scrollbar,
  .ordklinga-swipe .et_pb_salvattore_content::-webkit-scrollbar {
    display: none;
  }

  /* Divi 4 */

  .ordklinga-swipe .et_pb_salvattore_content > .column {
    display: contents !important;
  }

  /* Divi 5 */

  .ordklinga-swipe .et_pb_ajax_pagination_container > div,
  .ordklinga-swipe .et_pb_ajax_pagination_container > .column {
    display: contents !important;
  }

  .ordklinga-swipe article.et_pb_post {
    flex: 0 0 42% !important;
    width: 42% !important;
    min-width: 42% !important;
    max-width: none !important;

    margin: 0 !important;
    float: none !important;

    scroll-snap-align: start;
    scroll-snap-stop: always;
  }


  /* ----------------------------------------------------------
     SHORTCODES
  ---------------------------------------------------------- */

  .ordklinga-swipe .ordklinga-forfattarbocker,
  .ordklinga-swipe .ordklinga-nyheter {

    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start;
    gap: 24px;

    width: 100% !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;

    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .ordklinga-swipe .ordklinga-forfattarbocker::-webkit-scrollbar,
  .ordklinga-swipe .ordklinga-nyheter::-webkit-scrollbar {
    display: none;
  }

  .ordklinga-swipe .ordklinga-bokkort,
  .ordklinga-swipe .ordklinga-nyhetskort {
    flex: 0 0 42% !important;
    width: 42% !important;
    min-width: 42% !important;

    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}


/* ------------------------------------------------------------
   MOBIL
------------------------------------------------------------ */

@media (max-width: 767px) {

  .ordklinga-swipe article.et_pb_post,
  .ordklinga-swipe .ordklinga-bokkort,
  .ordklinga-swipe .ordklinga-nyhetskort {

    flex-basis: 82% !important;
    width: 82% !important;
    min-width: 82% !important;
  }

}
/* ------------------------------------------------------------
   HERO-SLIDER
------------------------------------------------------------ */

.ordklinga-hero-slider {
  position: relative;
  width: 100%;
  min-height: 720px;
  overflow: hidden;
  background: #222;
}

.ordklinga-hero-slider__slides {
  position: relative;
  width: 100%;
  min-height: inherit;
}

.ordklinga-hero-slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  width: 100%;
  min-height: inherit;
  padding: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.7s ease,
    visibility 0.7s ease;
}

.ordklinga-hero-slide.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.ordklinga-hero-slide__toning {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.56) 0%,
      rgba(0, 0, 0, 0.28) 42%,
      rgba(0, 0, 0, 0) 75%
    );
}

.ordklinga-hero-slide__innehall {
  position: relative;
  z-index: 2;
  width: 80%;
  max-width: 1480px;
  margin-right: auto;
  margin-left: auto;
  padding: 100px 0 90px;
  color: #fff;
  text-align: left;
}

.ordklinga-hero-slide__titel {
  max-width: 1044px;
  margin: 0 0 24px !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 64px !important;
  font-weight: 400;
  line-height: 1.05;
  text-shadow: none;
}

.ordklinga-hero-slide__lank,
.ordklinga-hero-slide__lank:visited,
.ordklinga-hero-slide__lank:hover,
.ordklinga-hero-slide__lank:focus {
  display: inline-block;
  color: #fff !important;
  font-family: "Inter", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}

.ordklinga-hero-slider__navigation {
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 24px;
  left: 0;
  display: flex;
  justify-content: center;
  gap: 8px;
  pointer-events: none;
}

.ordklinga-hero-slider__punkt {
  width: 8px;
  height: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.48);
  cursor: pointer;
  pointer-events: auto;
  appearance: none;
}

.ordklinga-hero-slider__punkt.is-active {
  background: #fff;
}

.ordklinga-hero-slider__punkt:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}


/* ------------------------------------------------------------
   HERO-SLIDER – PLATTA
------------------------------------------------------------ */

@media (max-width: 980px) {

  .ordklinga-hero-slider {
    min-height: 620px;
  }

  .ordklinga-hero-slide__innehall {
    width: 80%;
    max-width: 1480px;
    padding: 85px 0 78px;
  }

  .ordklinga-hero-slide__titel {
    max-width: 75%;
    font-size: 48px !important;
  }
}


/* ------------------------------------------------------------
   HERO-SLIDER – MOBIL
------------------------------------------------------------ */

@media (max-width: 767px) {

  .ordklinga-hero-slider {
    min-height: 560px;
  }

  .ordklinga-hero-slide {
    background-position: center;
  }

  .ordklinga-hero-slide__toning {
    background:
      linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.68) 0%,
        rgba(0, 0, 0, 0.25) 58%,
        rgba(0, 0, 0, 0.05) 100%
      );
  }

  .ordklinga-hero-slide__innehall {
    width: calc(100% - 40px);
    max-width: none;
    padding: 60px 0 72px;
  }

  .ordklinga-hero-slide__titel {
    max-width: 100%;
    font-size: 38px !important;
    line-height: 1.08;
  }

  .ordklinga-hero-slider__navigation {
    bottom: 20px;
  }
}

/* ------------------------------------------------------------
   UTVÄLD BILD PÅ FÖRFATTAR- OCH NYHETSSIDOR
   Lägg klassen ordklinga-portrattbild på Post Title-modulen.
   Proportion 786 × 1052
------------------------------------------------------------ */

.ordklinga-portrattbild .et_pb_title_featured_container {
  width: 100%;
  max-width: 500px;
  overflow: hidden;
}

.ordklinga-portrattbild
.et_pb_title_featured_container
.et_pb_image_wrap {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 786 / 1052;
  overflow: hidden;
}

.ordklinga-portrattbild
.et_pb_title_featured_container
img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center;
}


/* ------------------------------------------------------------
   BILDOMSLAG PÅ BOKSIDOR
   Klassen ordklinga-bokomslag ska ligga på själva Image Module.
   Proportion 500 × 777
------------------------------------------------------------ */

body.single-bocker
.et_pb_image.ordklinga-bokomslag {
  width: 100%;
  max-width: 500px;
}

body.single-bocker
.et_pb_image.ordklinga-bokomslag
> .et_pb_image_wrap {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 500 / 777 !important;
  overflow: hidden !important;
}

body.single-bocker
.et_pb_image.ordklinga-bokomslag
> .et_pb_image_wrap
> img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
}
/* ------------------------------------------------------------
   BOKTITEL OCH FÖRFATTARE
   Minskar avståndet mellan modulerna
------------------------------------------------------------ */

.ordklinga-boktitel {
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
}

.ordklinga-boktitel h1,
.ordklinga-boktitel .entry-title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.1;
}

.ordklinga-bokforfattare {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.ordklinga-bokforfattare h2,
.ordklinga-bokforfattare p {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Mobilmeny – ta bort linjer */

.et_mobile_menu li a {
    border-bottom: none !important;
}

/* Mobilmeny – full bredd */

.et_mobile_menu {
    width: 100vw !important;
    left: 50% !important;
    right: auto !important;
    margin-left: -50vw !important;
    box-sizing: border-box;
}
/* ------------------------------------------------------------
   TA BORT DIVIS TAP-/FOCUS-EFFEKT
------------------------------------------------------------ */

a,
button,
.et_pb_button,
.et_pb_module a,
.et-menu a {
    -webkit-tap-highlight-color: transparent;
}

a:focus,
button:focus,
.et_pb_button:focus,
.et_pb_module a:focus,
.et-menu a:focus {
    outline: none !important;
    box-shadow: none !important;
}

a:active,
button:active,
.et_pb_button:active,
.et_pb_module a:active,
.et-menu a:active {
    box-shadow: none !important;
}

/* ------------------------------------------------------------
   KONTAKTINFO PÅ KONTAKT-SIDAN
------------------------------------------------------------ */

.ordklinga-kontaktlank,
.ordklinga-kontaktlank:visited {
    color: inherit;
    text-decoration: none;
}

.ordklinga-kontaktlank:hover,
.ordklinga-kontaktlank:focus {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

/* ------------------------------------------------------------
   MEDARBETARE
------------------------------------------------------------ */

.ordklinga-medarbetare {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;

    gap: 70px 90px;

    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.ordklinga-medarbetare__kort {
    flex: 0 0 320px;
    max-width: 320px;
    margin: 0;
    text-align: center;
}

.ordklinga-medarbetare__bild {
    position: relative;

    width: 250px !important;
    height: 250px !important;
    min-width: 250px !important;
    min-height: 250px !important;
    max-width: 250px !important;
    max-height: 250px !important;

    margin: 0 auto 24px !important;
    padding: 0 !important;

    overflow: hidden !important;
    border-radius: 50% !important;
}

.ordklinga-medarbetare__foto {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 50% !important;
}

.ordklinga-medarbetare__namn {
    margin: 0 0 8px !important;
    padding: 0 !important;

    line-height: 1.2 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.ordklinga-medarbetare__roll {
    margin: 0 0 12px !important;
    padding: 0 !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.ordklinga-medarbetare__epost {
    margin: 0 !important;
    padding: 0 !important;
}

.ordklinga-medarbetare__epost a,
.ordklinga-medarbetare__epost a:visited {
    color: inherit;
    text-decoration: none;
}

.ordklinga-medarbetare__epost a:hover,
.ordklinga-medarbetare__epost a:focus {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}


/* ------------------------------------------------------------
   MEDARBETARE – TABLET
------------------------------------------------------------ */

@media (max-width: 980px) {

    .ordklinga-medarbetare {
        gap: 60px 40px;
    }

    .ordklinga-medarbetare__kort {
        flex: 0 0 300px;
        max-width: 300px;
    }
}


/* ------------------------------------------------------------
   MEDARBETARE – MOBIL
------------------------------------------------------------ */

@media (max-width: 767px) {

    .ordklinga-medarbetare {
        gap: 50px;
    }

    .ordklinga-medarbetare__kort {
        flex: 0 0 100%;
        max-width: 320px;
    }

    .ordklinga-medarbetare__bild {
        width: 220px !important;
        height: 220px !important;
        min-width: 220px !important;
        min-height: 220px !important;
        max-width: 220px !important;
        max-height: 220px !important;
    }

    .ordklinga-medarbetare__namn,
    .ordklinga-medarbetare__roll,
    .ordklinga-medarbetare__epost {
        text-align: center !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
}

/* ------------------------------------------------------------
   PRESSBILDER FÖR NEDLADDNING
------------------------------------------------------------ */

.ordklinga-pressbilder {
    width: 100%;
    margin: 0;
}

.ordklinga-pressbilder__grupp {
    margin: 0 0 30px;
}

.ordklinga-pressbilder__grupp:last-child {
    margin-bottom: 0;
}

.ordklinga-pressbilder__fotograf {
    margin: 0 0 10px !important;
    padding: 0 !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1.4 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.ordklinga-pressbilder__galleri {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;

    width: 100%;
    margin: 0;
}

.ordklinga-pressbilder__bildlank {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.ordklinga-pressbilder__bild {
    position: absolute;
    inset: 0;

    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    object-fit: cover;
    object-position: center;
}

.ordklinga-pressbilder__fotograf {
    margin: 10px 0 0 !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}


/* ------------------------------------------------------------
   PRESSBILDER – MOBIL
------------------------------------------------------------ */

@media (max-width: 767px) {

    .ordklinga-pressbilder__galleri {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

}

/* ------------------------------------------------------------
   FOOTER – RESPONSIVA KOLUMNER

   Desktop:
   Första kolumnen större, övriga tre mindre.

   Platta:
   Två kolumner per rad.

   Mobil:
   En kolumn per rad.
------------------------------------------------------------ */

/* Säkerställer att raden använder flex och kan radbrytas */

.ordklinga-footer-rad {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    column-gap: 60px !important;
    row-gap: 50px !important;
}


/* ------------------------------------------------------------
   DESKTOP
------------------------------------------------------------ */

@media (min-width: 981px) {

    .ordklinga-footer-rad > .et_pb_column {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /* Stor första kolumn */

    .ordklinga-footer-rad > .et_pb_column:nth-child(1) {
        flex: 1 1 42% !important;
        width: auto !important;
        max-width: none !important;
    }

    /* Tre mindre kolumner */

    .ordklinga-footer-rad > .et_pb_column:nth-child(2),
    .ordklinga-footer-rad > .et_pb_column:nth-child(3),
    .ordklinga-footer-rad > .et_pb_column:nth-child(4) {
        flex: 1 1 14% !important;
        width: auto !important;
        max-width: none !important;
    }
}


/* ------------------------------------------------------------
   PLATTA – TVÅ KOLUMNER
------------------------------------------------------------ */

@media (min-width: 768px) and (max-width: 980px) {

    .ordklinga-footer-rad {
        column-gap: 40px !important;
        row-gap: 50px !important;
    }

    .ordklinga-footer-rad > .et_pb_column {
        flex: 0 0 calc(50% - 20px) !important;
        width: calc(50% - 20px) !important;
        max-width: calc(50% - 20px) !important;

        margin: 0 !important;
    }
}


/* ------------------------------------------------------------
   MOBIL – EN KOLUMN
------------------------------------------------------------ */

@media (max-width: 767px) {

    .ordklinga-footer-rad {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 40px !important;

        width: 100% !important;
    }

    .ordklinga-footer-rad > .et_pb_column {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
    }

    /* Hindrar att texten bryts mitt i orden */

    .ordklinga-footer-rad,
    .ordklinga-footer-rad p,
    .ordklinga-footer-rad a,
    .ordklinga-footer-rad h1,
    .ordklinga-footer-rad h2,
    .ordklinga-footer-rad h3,
    .ordklinga-footer-rad h4,
    .ordklinga-footer-rad h5,
    .ordklinga-footer-rad h6 {
        word-break: normal !important;
        overflow-wrap: normal !important;
        white-space: normal !important;
    }
}

/* ------------------------------------------------------------
   FOOTER – SIDMARGINALER PÅ PLATTA OCH MOBIL
------------------------------------------------------------ */

@media (max-width: 980px) {

    body .ordklinga-footer-rad {
        width: calc(100% - 80px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 767px) {

    body .ordklinga-footer-rad {
        width: calc(100% - 40px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}