/*
=========================================================
SMARTPHONE CSS
=========================================================
 * Innehåller styling för smartphones
 *
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


/*
---------------------------------------------------------
FIXAR/FÄRBÄTTRINGAR
---------------------------------------------------------*/

html {
  font-size: 62.5%;
  height: 100%; /* Storlek och position för off canvas */
}

body[class*='sv-theme'],
:root {
  --env-spacing-medium: 1rem;
  --lp-box-menu-content-padding: 1.5rem;
  --lp-box-menu-padding: 1.5rem;
  --lp-grid-column-min-width-default: 28rem;
  --lp-header-height: 9rem;
  --lp-spacing: 2rem;
}

/* Anpassar bilder i nyhetslistningen för mobilläge */
.lp-news-listing.sv-archive-portlet li img {
  float: none;
  padding: 0 0 1rem 0 !important;
}

/* Dölj utskriftslänk i smartphone */
.lp-print-link {
  display: none !important;
}

/* Fix så autocomplete inte kan bli bredare än tillgänglig yta */

.sv-autocomplete-search-result {
  box-sizing: border-box;
  max-width: 95% !important;
}

ul.sv-autocomplete-search-result .sv-autocomplete-result-item {
  box-sizing: border-box;
  padding: 0.3rem 1rem;
}

/* Hoppa direkt till meny-länkar */

.lp-skip-links li a.lp-skip-to-menu-smartphone {
  display: block;
}

.lp-skip-links li a.lp-skip-to-menu-desktop {
  display: none;
}

/*
---------------------------------------------------------
MOBILMARGINAL GRID
--------------------------------------------------------- */

.lp-main-grid {
  box-sizing: border-box;
  padding: 2rem;
}

/*
---------------------------------------------------------
FORMATMALLAR
--------------------------------------------------------- */


.heading {
  font-size: 2.6rem;
  line-height: 1.4;
}

.subheading {
  font-size: 2rem;
  line-height: 1.4;
}

.heading3 {
  font-size: 1.8rem;
  line-height: 1.4;
}

.preamble {
  font-size: 1.8rem;
}

body,
.normal {
  font-size: 1.6rem;
}


/*
---------------------------------------------------------
TABELLER
--------------------------------------------------------- */

.sv-text-portlet-content table caption {
  font-size: 2rem;
}

.sv-text-portlet-content table.sv-standard th p,
.sv-text-portlet-content table.sv-standard td p {
  font-size: 1.5rem;
}

.sv-text-portlet-content table.sv-standard th,
.sv-text-portlet-content table.sv-standard td {
  padding: 1rem;
}

/* Tillåter radbrytning */
body div.sv-responsiveTable * {
  white-space: normal !important;
}


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

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

.lp-content {
  margin-top: 1rem;
}

.lp-secondary-content {
  padding: 0 1.5rem 1.5rem;
}

.lp-submenu {
  padding: 0;
}


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

.lp-header {
  padding: 0;
}

.lp-header .lp-main-grid {
  padding: 2rem;
  padding-bottom: 0;
}

.lp-logo a {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}

.lp-logo img {
  height: 60px !important;
}

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

.lp-footer {
  margin: 0;
  padding: 0;
}

.lp-footer .sv-column-3 {
  margin-bottom: var(--lp-spacing-xx-large);
}

/*
---------------------------------------------------------
UNDERMENY
--------------------------------------------------------- */

.lp-overlay__container .lp-app-submenu {
  margin-top: 0;
}

/*
---------------------------------------------------------
BRÖDSMULOR / FLERNIVÅLÄNK
--------------------------------------------------------- */

.sv-multilevellink-portlet {
  margin: 0;
}


/*
---------------------------------------------------------
VERTKTYGSMENY
---------------------------------------------------------*/

.lp-site-tools {
  margin: 1rem 0 0;
  text-align: left;
}

.lp-js nav .lp-site-tools {
  box-sizing: border-box;
  padding: 1rem;
}

.lp-js nav .lp-site-tools li {
  display: block;
  margin: 0;
}


/*
---------------------------------------------------------
SNABBLÄNKSMENY STARTSIDA
---------------------------------------------------------*/

.lp-quick-links {
  margin-bottom: 5rem;
  padding: 1rem;

  gap: 1rem;
  grid-template-columns: 1fr;
}

.lp-quick-links > li:nth-of-type(2):before,
.lp-quick-links > li:nth-of-type(3):before {
  display: block;
}

.lp-quick-links > li:before {
  height: 1px;
  left: 15px;
  top: -5px;
  width: calc(100% - 3rem);
}

.lp-quick-links > li:after {
  display: none;
}

.lp-quick-links a {
  align-items: center;
  display: flex;
  padding: 1rem 1rem;
}

.lp-quick-links .lp-icon {
  color: var(--lp-quick-link-font-color);
  display: block;
  font-size: 4rem;
  margin: 0 1rem 0 0;
}

/*
---------------------------------------------------------
VIKTIGT MEDDELANDE
---------------------------------------------------------*/

.lp-alert .sv-channel-item h1 a {
  font-size: 1.8rem;
  line-height: 1.3;
  padding: 1.5rem 1rem 1.3rem 1rem;
}

.lp-alert .lp-icon-wrapper {
  padding-left: 1rem;
}

.lp-alert .lp-icon {
  font-size: 2.2rem;
}

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

/*
---------------------------------------------------------
EXPANDERBART INNEHÅLL
--------------------------------------------------------- */

.sv-edit-mode .lp-expandable-content > *:nth-child(odd) .subheading,
.sv-edit-mode .lp-expandable-content > *:nth-child(odd) .normal,
.lp-expandable-content__toggler .subheading,
.lp-expandable-content__toggler .normal {
  font-size: 1.8rem;
}

.sv-edit-mode .lp-expandable-content > *:nth-child(odd),
.lp-expandable-content .lp-expandable-content__toggler,
.sv-edit-mode .lp-expandable-content > *:nth-child(even),
.lp-expandable-content__content {
  padding: 1rem 1rem;
}

.lp-expandable-content__toggler > .lp-toggler-icon {
  font-size: 1em;
}


/*
---------------------------------------------------------
RELATERAT INNEHÅLL
--------------------------------------------------------- */

.lp-related ul {
  grid-template-columns: repeat(1,1fr);
}
.lp-related ul li a {
  min-height: 44px;
}

/*
---------------------------------------------------------
KONTAKTLISTA
--------------------------------------------------------- */

.lp-contact-list .heading3,
.lp-contact-list .subheading {
  font-size: 1.6rem;
}

.lp-contact-list .normal {
  font-size: 1.5rem;
}

/*
---------------------------------------------------------
FEEDBACK
--------------------------------------------------------- */

.lp-page-feedback__question > span {
  margin-bottom: 1.5rem;
  max-width: 100%;
}


/*
---------------------------------------------------------
A-Ö
---------------------------------------------------------*/

.sv-marketplace-sitevision-azmenu .subheading {
  font-size: 2.2rem;
}

.sv-az-menu-container .sv-az-menu-list {
  padding: 1rem 0;
}

/*
---------------------------------------------------------
LANDNINGSMENY
--------------------------------------------------------- */
/* .lp-box-menu__item {
  width: 100%;
} */
a.lp-box-menu__item-link {
  font-size: 1.8rem;
}

/*
---------------------------------------------------------
SORTERINGSGUIDEN i facetterad sök (och sorteringsguiden)
--------------------------------------------------------- */

.lp-recycling-search-result__waste,
.limepark-recycling-guide__search-result__waste-wrapper {
  grid-template-columns: 1fr 1fr;
}

.lp-recycling-search-result__waste-title-wrapper,
.limepark-recycling-guide__search-result__waste-title-wrapper {
  grid-column: span 2;
}

@media screen and (max-width:480px) {
  .lp-recycling-search-result__waste,
  .limepark-recycling-guide__search-result__waste-wrapper {
    grid-template-columns: 1fr;
  }
  .lp-recycling-search-result__waste-title-wrapper,
  .limepark-recycling-guide__search-result__waste-title-wrapper {
    grid-column: auto;
  }
}

/* Sorteringsguiden flikar */

.limepark-recycling-guide__tabs__tab-button {
  padding: 1rem 1.5rem 1rem;
}

/*
---------------------------------------------------------
Driftstörningar
--------------------------------------------------------- */

.lp-operational-disturbances li a {
  font-size: 2rem;
}

.lp-operational-disturbances li span.normal,
.lp-operational-disturbances li time.normal {
  font-size: 1.5rem;
}

/*
---------------------------------------------------------
BILDPUFFAR
--------------------------------------------------------- */

[class*='lp-boxes'] {
  margin-top: 1rem;
}



/*
---------------------------------------------------------
ÖPPETTIDER
--------------------------------------------------------- */

.lp-openhours-list .env-text {
  font-size: var(--env-font-size-small);
}

.lp-expandable-hours .lp-expandable-content__toggler > .sv-layout {
  align-items: flex-start !important;
}

.lp-expandable-hours .heading3,
.lp-expandable-hours .lp-openhours-today__next-state,
.lp-expandable-hours .lp-openhours-badge {
  font-size: 1.4rem;
}

.lp-expandable-hours .sv-use-margins .small:last-child {
  margin-bottom: 0;
}

/*
---------------------------------------------------------
Kalkylator avfallshämtning
--------------------------------------------------------- */

.limepark-uppsala-vatten-wcc__form-list a {
  font-size: 1.4rem;
  padding: 0.6rem 1.1rem 0.4rem;
}

/*
---------------------------------------------------------
Evenemang
--------------------------------------------------------- */

.lp-event-list ul {
  grid-template-columns: 1fr;
}

.lp-event-list__date > div {
  padding: 1.5rem;
}

.lp-event-list__date-day {
  font-size: 2.5rem;
}

.lp-event-list__date-period {
  font-size: 1.5rem;
}

.lp-event-list__date-dayOfWeek,
.lp-event-list__date-month {
  font-size: 1.3rem;
}

.lp-event-list__info h2.subheading a {
  font-size: 1.8rem;
}

@media screen and (max-width: 400px) {
  body,
  body[class*='sv-theme'] {
    --lp-grid-column-min-width-default: 100%;
    --lp-grid-column-min-width-small: 100%;
  }
}

/*
---------------------------------------------------------
Årskostnad Avfallshämtning FNI
--------------------------------------------------------- */

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__field-inner-wrapper {
  grid-template-columns: 1fr;
}

/*
---------------------------------------------------------
UPPRÄKNARE
--------------------------------------------------------- */

.sv-layout:has(>.sv-limepark-number-aos) {
  grid-template-columns: 1fr;
}

.sv-layout:has(>.sv-limepark-number-aos) .sv-limepark-number-aos:nth-child(odd):last-child,
.sv-layout:has(>.sv-limepark-number-aos:only-child) .sv-limepark-number-aos {
  grid-column: initial;
}
/*
---------------------------------------------------------
BILDPUFF - BILD HÖGER/VÄNSTER
--------------------------------------------------------- */

@media screen and (max-width: 620px) {
  .sv-layout.lp-image-right-boxes,
  .sv-layout.lp-image-left-boxes {
    grid-template-columns: 100%;
    gap: var(--lp-spacing);
  }

  .sv-layout.lp-image-right-boxes .sv-text-portlet {
    padding-right: 0;
    order: 1;
  }

  .sv-layout.lp-image-left-boxes .sv-text-portlet {
    padding-left: 0;
  }
}