/*
-------------------------------------------
wf-dual-content.css
-------------------------------------------

  Beskrivning: Stilregler för Tvådelat innehåll
  Skapad av: Webbfröken AB
  Webbadress: https://webbfroken.se

------------------------------------------- */


/*
-------------------------------------------
Tvådelat innehåll
------------------------------------------- */

.wf-dual-content > div:has(> div:not(:empty)) {
  margin-bottom: var(--wf-spacing-120);
}

.wf-dual-content > div {
  max-width: var(--wf-grid-size);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--wf-spacing-40);
}


/* Om Tvådelat innehåll är satt i en mall */
html:not(.sv-edit-mode) .wf-dual-content .pagecontent > div:first-child {
  display: none;
}

/* Om Tvådelat innehåll är placerat inuti en fliklösning */
.wf-tab-container > .wf-dual-content > div:has(> div:not(:empty)) {
  margin-bottom: var(--wf-spacing-40);
}


/*
-------------------------------------------
Tömning/Sortering i Tvådelat innehåll
------------------------------------------- */

.wf-dual-content .wf-emptying-schedule-box,
.wf-dual-content .wf-sorting-search-form{
  border-radius: 0;
  padding: var(--wf-spacing-120);
  height: 100%;
  box-sizing: border-box;
}


/*
-------------------------------------------
Mobil
------------------------------------------- */

@media screen and (max-width: 767px) {

  .wf-dual-content .pagecontent {
    grid-template-columns: 1fr;
  }

  .wf-dual-content .pagecontent > div:last-child {
    margin-bottom: 0;
  }

  .wf-dual-content > div  {
    grid-template-columns: 1fr;
  }

  .wf-dual-content .wf-emptying-schedule-box,
  .wf-dual-content .wf-sorting-search-form{
    padding: var(--wf-spacing-120) var(--wf-spacing-40);
  }

}