/*
=========================================================
TABLET CSS
=========================================================
 * Innehåller styling för läsplattor
 *
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/

/*
---------------------------------------------------------
VARIABLER
--------------------------------------------------------- */

body {
  --lp-spacing: 2.5rem;
}

/*
---------------------------------------------------------
GRUNDLAYOUT
--------------------------------------------------------- */

.lp-main {
  margin: 0 auto;
  max-width: 77rem;
}

.lp-secondary-content,
.lp-submenu {
  margin-top: 0;
}

.lp-main-grid div[class*='sv-column'].lp-submenu {
  margin-bottom: 0;
}


/*
---------------------------------------------------------
MARGINAL GRID
--------------------------------------------------------- */

.lp-main-grid {
  box-sizing: border-box;
  padding: var(--lp-spacing);
}

/* Nollar marginaler under kolumner */
.lp-header div[class*='sv-column-'] {
  margin-bottom: 0;
}

/* Justerar så att det inte blir dubbelt avstånd iom marginal under kolumner */
.pagecontent > .sv-layout.sv-row {
  margin-bottom: 0;
}

/* Tar bort avstånd under om det är en 12-kolumnare då det inte är något som staplas */
.sv-row > .sv-column-12 {
  margin-bottom: 0;
}

/*
---------------------------------------------------------
SIDHUVUD
--------------------------------------------------------- */

.lp-header {
  margin-bottom: 0;
}

/*
---------------------------------------------------------
SIDFOT
--------------------------------------------------------- */

.lp-footer {
  margin: 0;
}

.lp-footer-grid {
  gap: var(--lp-spacing-x-large);
}

/*
---------------------------------------------------------
FACETTERAD SÖK
--------------------------------------------------------- */

.lp-search-hits {
  flex-wrap: wrap;
}

.lp-search-result {
  width: 100%;

  order: 2;
}

.lp-search-facets {
  margin-left: 0;
  width: 100%;

  order: 1;
}

.lp-search .sv-facetedsearch-portlet form {
  width: 100%;
}

.lp-search-details {
  width: 100%;
}

/*
---------------------------------------------------------
KONTAKTCENTER
--------------------------------------------------------- */

.lp-kontaktcenter .lp-contact-menu {
  display: inline-block;
}

/*
---------------------------------------------------------
STARTSIDAN
--------------------------------------------------------- */

.sv-template-startsida .lp-box-menu__item--additional-box .lp-box-menu__content div.sv-vertical {
  grid-template-columns: 1fr;
}

.sv-template-startsida .lp-box-menu__item--additional-box {
  grid-column: auto;
}

.sv-template-startsida .lp-box-menu__item--additional-box .lp-icon {
  display: none;
}