/**********************************************
**
** Sök
**
**********************************************/

.akis-searchbox {
   display: none;
}

/**********************************************
**
** Kategorier
**
**********************************************/

.akis-category__grid {
   list-style: none;
   margin: 0;
   padding: 0;
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 2rem;
   justify-content: center;
   margin-bottom: 2rem;
}

.akis-category__item {
   display: flex;
   justify-content: center;
}

.akis-category__link {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   text-decoration: none;         
   transition: transform 0.15s ease;
}


.akis-category__icon {
   display: flex;
   line-height: 1;
   margin-bottom: 0.75rem;
   font-size: 2.3rem;
}

.akis-category__icon-bg {
   color: #dbe4ea;
   transition: color 0.2s ease;
}

.akis-category__icon-fg {
   color: #5a6a6f;
   display: flex;
   align-self: center;
   justify-content: center;
   font-size: 2.3rem;
}

.akis-category__text {
   display: block;
   font-size: 0.975rem;
   line-height: 1.35;
}

.akis-category__count {
   opacity: 0.75;
   font-size: 0.875rem;
}

/* Hover-effekt */
.akis-category__item:hover .akis-category__icon-bg {
   color: #bfd0d8;
}

/* Vald kategori */
.akis-category__item.is-selected .akis-category__icon-bg {
   color: #e0edd5;
}

.akis-category__item.is-selected .akis-category__text {
   font-weight: 600;
}

/* RESPONSIVE – går ner stegvis */
@media (max-width: 1200px) {
   .akis-category__grid {
      grid-template-columns: repeat(4, 1fr);
      gap: 1.75rem;
   }
}

@media (max-width: 900px) {
   .akis-category__grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
   }
}

@media (max-width: 640px) {
   .akis-category__grid {
      grid-template-columns: 1fr 1fr;
      gap: 1.25rem;
   }
   .akis-category__icon {
      font-size: 2.5rem;
   }
}

@media (max-width: 480px) {
   .akis-category__grid {
      grid-template-columns: 1fr;
   }
}


/**********************************************
**
** Filter
**
**********************************************/
.akis-search-facets {
   display: inline-block;
   padding: 2rem 0.5rem;
   background: transparent;
   border-top: 1px solid #e5e5e5;
   border-bottom: 1px solid #e5e5e5;
}

.akis-search-facets-list {
   display: flex;
   flex-wrap: wrap;
   gap: 2rem 3rem;
   margin: 0;
   padding: 0;
}


.akis-search-facets-listitem.sv-search-facet {
   flex: 1 1 300px;
   max-width: 420px;
}


.normal.sv-search-facet-name {
   margin: 0 0 .5rem 0;
   font-weight: 700;
}

.sv-search-facet-items {
   list-style: none;
   margin: 0;
   padding: 0;
}

.sv-search-facet-item {
   display: flex;
   align-items: center;
   margin: .45rem 0;
   line-height: 1.35;
}

.sv-search-facet-item:has(0) {
   display: none;
}

.akis-search-facet_link {
   display: inline-flex;
   align-items: center;
   gap: .5rem;
}
.sv-search-facet-item.normal .akis-search-facet_link a {
   text-decoration: none;
}
.sv-search-facet-item.normal .akis-search-facet_link a:hover {
   text-decoration: underline;
}

.akis-search-facets .reset_filter_button {
   margin-top: 1.5rem;
   font-size: 0.938rem;
}

/* Responsivt */
@media (max-width: 1024px) {
   .akis-search-facets-listitem.sv-search-facet { flex-basis: 45%; max-width: none; }
}
@media (max-width: 640px) {
   .akis-search-facets-listitem.sv-search-facet { flex-basis: 100%; }
}



/**********************************************
**
** Resultat
**
**********************************************/
.akis-item__result {
   margin-top: 2em;
   margin-bottom: 3em;
}

.akis-item__result > ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0 -10px;
   padding: 0;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-bottom: 20px;
}

.akis-item__result > ul > li,
.akis-item__result-content,
.akis-item__result-item,
.akis-item__result-content__inner {
  min-width: 0;
}

.akis-item__result > ul > li {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 10px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.333333%;
   flex: 0 0 33.333333%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   margin-bottom: 0;
}


/* ===== AKIS: Resultatkort (listningen) ===== */

.akis-item__result > ul > li {
   align-items: stretch;
}

/* Själva kortlänken */
.akis-item__result-item {
   flex: 1 1 auto;
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   text-decoration: none;
   background: #f5f5f5;
   padding: 1rem;
   color: inherit;
   transition: background-color .15s ease, box-shadow .15s ease, border-color .15s ease;
   position: relative;
   box-sizing: border-box;
}

/*
.akis-item__result-item:hover,
.akis-item__result-item:focus-visible {
background: #f0f0f0;
border-color: #dcdcdc;
box-shadow: 0 1px 0 rgba(0,0,0,.03);
outline: none;
}
*/

.akis-item__result-content {
   display: flex;
   flex: 1 1 auto;
}

/* Innehållsblock */
.akis-item__result-content__inner {
   display: block;
   padding-right: 2rem;
   flex: 1 1 auto;
}

.akis-item__result-content__inner .ingress {
	font-weight: normal;
}

/* Datum överst, liten och nedtonad */
.akis-item__result-item time.normal {
   display: block;
   font-size: .875rem;
   color: #6a747a;
   margin: 0 0 .25rem 0;
}

/* Titel */
.akis-item__result-item h2.subheading {
   display: flex;
   align-items: center;
   gap: .5rem;
   font-size: 1.125rem;
   line-height: 1.25;
   margin: 0 0 .5rem 0;
   font-weight: 600;
}

.akis-item__result-item h2.subheading i {
   font-size: 2rem;
   color: #bdc4c7;
   position: absolute;
   bottom: 1rem;
   right: 1rem;
}

/* Ingress / kort beskrivning */
.akis-item__result-item p.normal {
   margin: 0 0 1rem 0;
}

/* ===== Meta-lista (beskrivning av dokument) ===== */
.akis-meta-list {
   list-style: none;
   margin: 0;
   padding: 0;
   display: grid;
   gap: .4rem 0;
}

.akis-meta-list li {
   display: grid;
   grid-template-columns: 1.25rem 5.5rem 1fr; /* ikon | label | värde */
   align-items: start;
   gap: .5rem;
   font-size: 0.875rem;
   line-height: 1.35;
   color: #2b3337;
}

/* Ikoner till vänster om varje rad */
.akis-meta-list li i {
   font-size: 1rem;
   line-height: 1;
   color: #6d7a80;
   margin-top: .2rem;
   text-align: center;
}

/* Labeln (Kategori:, Område:, …) får fast bredd */
.akis-meta-list li strong {
   font-weight: 600;
   white-space: nowrap;
   color: #2b3337;
}

/* Själva värdet */
.akis-meta-list li span {
   word-break: break-word;
}


/* Responsivt för små skärmar */
@media (max-width: 900px) {

   .akis-item__result > ul > li {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
   }
}

@media (max-width: 767px) {

   .akis-item__result > ul > li {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
   }

   /* Mobil = göm .akis-category som ligger utanför filterpanelen */
   .akis-category {
      display: none !important;
   }

   .akis-search-facets {
      padding: 1.5rem 0.5rem;
   }

   .akis-item__result {
      margin-top: 1rem;
   }
   
   /* Visa igen när den ligger i .akis-search-facets (efter flytten) */
   .akis-search-facets > .akis-category,
   .akis-search-facets .akis-category {
      display: block !important;
   }


}


/* TABLET – två kolumner */
@media (max-width: 767px) {
   .akis-category__grid {
      grid-template-columns: 1fr 1fr;
      gap: 1.25rem;
   }

   .akis-category__item {
      justify-content: flex-start;
   }

   .akis-category__link {
      flex-direction: row;
      align-items: center;
      text-align: left;
      gap: 0.5rem;
   }

   .akis-category__icon {
      font-size: 1.75rem;
      margin: 0;
      width: 4rem;
      min-width: 4rem;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   /* Mindre foreground-ikon */
   .akis-category__icon-fg {
      font-size: 1.3rem;
   }
}

/* MOBIL – en kolumn */
@media (max-width: 480px) {
   .akis-category__grid {
      grid-template-columns: 1fr;
      gap: 0.65rem;
   }
}