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

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

.sv-template-startsida .lp-main,
.sv-template-navigationssida .lp-main,
.sv-template-bred-sida .lp-main {
  max-width: 100%;
}

/* .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;
}

.lp-header-layout {
  align-items: center;
}

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

.lp-footer {
  margin: 0;
}

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

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

.sv-facetedsearch-portlet .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%;
}

/*
---------------------------------------------------------
MALLEN SIDA 
--------------------------------------------------------- */

.sv-template-sida-2025 .main-grid .lp-content {
  width: 100%;
}

.sv-template-sida-2025 .lp-content .pagecontent {
  margin: 0 auto;
}

.sv-template-sida-2025 .lp-submenu {
  display: none;
}

/*
---------------------------------------------------------
FILTRERBAR LISTNING
--------------------------------------------------------- */


.lp-filterable-list--template-news .lp-filterable-list-filter form {
  grid-template-columns: 100%;
}

.lp-filterable-list.lp-filterable-list--template-news .lp-filterable-list-categories {
  grid-column: initial;
}

/*
---------------------------------------------------------
TÄVLINGSINFORMATION
--------------------------------------------------------- */

.lp-game-info {
  grid-template-columns: 1fr 1fr;
}

.lp-game-info > *:nth-child(3) {
  grid-column: span 2;
}

/*
---------------------------------------------------------
ÖVERTÄCKNINGSKNAPP MENY
--------------------------------------------------------- */

.lp-overlay__container.lp-fixed-menu .lp-overlay__inner {
  width: 75vw !important;
}

.lp-overlay__container.lp-fixed-menu .sv-image-portlet {
  width: min(85vw, 80rem);
}

/*
---------------------------------------------------------
BAKGRUNDSGRADIENT
--------------------------------------------------------- */

.lp-background-gradient:after {
  max-height: 45vh;
}