/*
-------------------------------------------
wf-news-menu.css
-------------------------------------------

  Beskrivning: Stilregler för Nyhetsmenyn
  Skapad av: Webbfröken AB
  Webbadress: https://webbfroken.se

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


/*
-------------------------------------------
Nyhetsmenyn
------------------------------------------- */

.wf-box:has(*[class*="wf-news-filter-"]) h2 {
  font-size: var(--wf-font-size-h3);
}

.sv-archivemenu-portlet .env-text-body-01 {
  font-family: var(--wf-font-heading);
  font-weight: bold;
  color: inherit;
  display: block;
  margin-bottom: var(--wf-spacing-10);
}

div[class*="wf-news-filter-"] ul,
ul[class*="wf-news-filter-"],
.sv-archivemenu-portlet>ul>li>ul {
  list-style: none;
  padding: 0;
  display: flex;
  gap: var(--wf-spacing-10);
  flex-flow: row wrap;
}

*[class*="wf-news-filter-"] a,
.sv-archivemenu-portlet>ul>li>ul>li .env-text-body-01 {
  border: 1px solid var(--color-brand);
  border-radius: 50px;
  display: inline-block;
  margin: 0;
  padding: .4em 1em;
  text-decoration: none;
  font-weight: bold;
  color: var(--color-text-decor);
}

.wf-news-filter-date .wf-news-filter-date-selected{
  background-color: var(--color-brand);
  color: var(--color-brand-contrast);
}

*[class*="wf-news-filter-"] a:not(.wf-news-filter-date-selected):hover {
  text-decoration: underline;
}

.wf-news-filter-subareas a.wf-news-filter-subarea-smuab,
.wf-news-filter-subareas:not(:has(a.wf-news-filter-subarea-all.wf-news-filter-selected)) a.wf-news-filter-subarea-smuab:not(.wf-news-filter-selected):hover {
  background-color: var(--smuab-color-brand);
  border-color: var(--smuab-color-brand);
  color: var(--smuab-color-brand-contrast);
}

.wf-news-filter-subareas a.wf-news-filter-subarea-smuab:hover {
  background-color: var(--smuab-color-brand-hover);
}


/*Skeppsbron*/
.wf-news-filter-subareas a.wf-news-filter-subarea-skeppsbron,
.wf-news-filter-subareas:not(:has(a.wf-news-filter-subarea-all.wf-news-filter-selected)) a.wf-news-filter-subarea-skeppsbron:not(.wf-news-filter-selected):hover {
  background-color: var(--skeppsbron-color-brand);
  border-color: var(--skeppsbron-color-brand);
  color: var(--skeppsbron-color-brand-contrast);
}

.wf-news-filter-subareas a.wf-news-filter-subarea-skeppsbron:hover {
  background-color: var(--skeppsbron-color-brand-hover);
}

/*Solåsen-Fridhem*/
.wf-news-filter-subareas a.wf-news-filter-subarea-solasenfridhem,
.wf-news-filter-subareas:not(:has(a.wf-news-filter-subarea-all.wf-news-filter-selected)) a.wf-news-filter-subarea-solasenfridhem:not(.wf-news-filter-selected):hover {
  background-color: var(--solasen-fridhem-color-brand);
  border-color: var(--solasen-fridhem-color-brand);
  color: var(--solasen-fridhem-color-brand-contrast);
}

.wf-news-filter-subareas a.wf-news-filter-subarea-solasenfridhem:hover {
  background-color: var(--solasen-fridhem-color-brand-hover);
}

/*Munksjöstaden*/
.wf-news-filter-subareas a.wf-news-filter-subarea-munksjostaden,
.wf-news-filter-subareas:not(:has(a.wf-news-filter-subarea-all.wf-news-filter-selected)) a.wf-news-filter-subarea-munksjostaden:not(.wf-news-filter-selected):hover {
  background-color: var(--munksjostaden-color-brand);
  border-color: var(--munksjostaden-color-brand);
  color: var(--munksjostaden-color-brand-contrast);
}

.wf-news-filter-subareas a.wf-news-filter-subarea-munksjostaden:hover {
  background-color: var(--munksjostaden-color-brand-hover);
}

/*Östra-Munksjön*/
.wf-news-filter-subareas a.wf-news-filter-subarea-ostramunksjon,
.wf-news-filter-subareas:not(:has(a.wf-news-filter-subarea-all.wf-news-filter-selected)) a.wf-news-filter-subarea-ostramunksjon:not(.wf-news-filter-selected):hover {
  background-color: var(--ostra-munksjon-color-brand);
  border-color: var(--ostra-munksjon-color-brand);
  color: var(--ostra-munksjon-color-brand-contrast);
}

.wf-news-filter-subareas a.wf-news-filter-subarea-ostramunksjon:hover {
  background-color: var(--ostra-munksjon-color-brand-hover);
}

/*Stationsområdet*/
.wf-news-filter-subareas a.wf-news-filter-subarea-stationsomradet,
.wf-news-filter-subareas:not(:has(a.wf-news-filter-subarea-all.wf-news-filter-selected)) a.wf-news-filter-subarea-stationsomradet:not(.wf-news-filter-selected):hover {
  background-color: var(--stationsomradet-color-brand);
  border-color: var(--stationsomradet-color-brand);
  color: var(--stationsomradet-color-brand-contrast);
}

.wf-news-filter-subareas a.wf-news-filter-subarea-stationsomradet:hover {
  background-color: var(--stationsomradet-color-brand-hover);
}

.wf-news-filter-subareas:not(:has(a.wf-news-filter-subarea-all.wf-news-filter-selected)) a:not(.wf-news-filter-selected) {
  background-color: transparent;
  color: initial;
  border: 1px solid var(--color-brand);
}

/* Active / Hover */
.sv-archivemenu-portlet>ul>li>ul>li a.env-text-body-01:hover,
.sv-archivemenu-portlet>ul>li>ul>li span.env-text-body-01 {
  background-color: var(--color-brand);
  color: var(--color-brand-contrast);
}

/* Om inga nyheter */
p.wf-news-box-empty {
  font-style: italic;
}