/*
---------------------------------------------------------
NY SNABBLÄNKSMENY
---------------------------------------------------------*/

.new-quick-links {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 1em -10px;
  padding: 0;
}

.new-quick-links li {
  box-sizing: border-box;
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
  margin-bottom: 1em !important;
  padding: 0 10px;
  width: 100%;
}

.new-quick-links a {
  width: 100%;
}

@media (max-width: 667px) {
  .new-quick-links li {
    display: block;
    width: 100%;
    flex: none;
  }
}



/*
---------------------------------------------------------
NY LÄNKKNAPP – DYNAMISK IKON (PDF/WORD ↔ PIL)
---------------------------------------------------------
*/

.sv-text-portlet.new-linkbutton {
    margin-top: 1em;
    margin-bottom: 0;
}

.sv-text-portlet.new-linkbutton + .sv-text-portlet.new-linkbutton {
    margin-top: 0.6em;
}

.sv-text-portlet.new-linkbutton:last-child {
    margin-bottom: 2em !important;
}

.new-linkbutton a {
  align-items: center;
  background-color: #f6840c;
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 12px 16px 12px 16px;
  font-size: 1.6rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s ease;
}

/* ---------------------------------------------------------
   IKONER (dynamiskt innehåll via JS)
--------------------------------------------------------- */

/* Basinställningar som gäller båda typerna av ikoner */
.new-linkbutton a:after {
  margin-left: 1em !important;
  position: relative !important;
  top: -0.1em;
  flex: 0 0 auto !important;
  transition: transform .3s ease !important;
  transform: translateX(0);
}

/* --- PIL-IKONEN (››) – återställd till originalstorlek --- */
.new-linkbutton a:not(.has-doc-icon):after {
  content: var(--dynamic-icon) !important;  /* ›› */
  font-size: 1.7em !important;
  font-weight: 600 !important;
  line-height: 0 !important;
  color: #fff !important;
  display: inline-block !important;
}

/* --- DOKUMENTIKONEN (bild) --- */
.new-linkbutton a.has-doc-icon:after {
  content: "" !important;
  background-image: var(--dynamic-icon);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  width: 1.6em;
  height: 1.6em;
  top: 0px;
  left: 5px;
  display: inline-block !important;
}

/* ---------------------------------------------------------
   HOVER-EFFEKTER
--------------------------------------------------------- */

.new-linkbutton a:hover,
 .new-linkbutton a:focus {
  background-color: #e27310 !important;
  color: #fff !important;
}

/* --- PILENS studs-animation (sidled) --- */
@keyframes linkbutton-arrow-bounce {
  0%, 100% { transform: translateX(0); }
  50%      { transform: translateX(0.10em); }
}

.new-linkbutton a:not(.has-doc-icon):hover:after,
.new-linkbutton a:not(.has-doc-icon):focus:after {
  animation: linkbutton-arrow-bounce 0.6s ease-in-out infinite !important;
}

/* --- DOKUMENTIKONENS studs-animation (nedåt) --- */
@keyframes linkbutton-doc-bounce {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(0.10em); }
}

.new-linkbutton a.has-doc-icon:hover:after,
.new-linkbutton a.has-doc-icon:focus:after {
  animation: linkbutton-doc-bounce 0.6s ease-in-out infinite !important;
}



/*
---------------------------------------------------------
LISTNING AV LÄNKADE ORD I ORDLISTAN
---------------------------------------------------------*/


.ordlistan {
    border: 1px solid #e4e4e4;
    background: #ffffff;
    padding: 1em 1em 1.5em 1em;
    margin: 1em 0em 1em 0em;
}

.ordlistan ul {
  list-style: none;
  margin: 0;
  display: flex;        /* radlayout */
  flex-wrap: wrap;      /* gör att objekten bryts till ny rad */
  gap: 20px;            /* avstånd mellan */
}

.ordlistan ul li {
  background: #f5f5f5;
  padding: 5px 12px;
  border-radius: 0px; /* lite rundade hörn om du vill */
}

.ordlistan ul li a {
  text-decoration: none !important;  /* tar bort underline */
  color: inherit !important;         /* ärver textfärg */
}

.ordlistan ul li a:hover {
  text-decoration: underline !important; /* valfritt: underline på hover */
}





/*
---------------------------------------------------------
PRESSRUM: NYHETSLISTNING
---------------------------------------------------------*/

.press-news-list {
    background: #ffffff;
 }
 
 .press-news-list ul {
   list-style: none;
   padding: 0;
   margin: 0 -10px;
   display: flex;
   flex-wrap: wrap;
 }
 
 .press-news-list li {
   width: 50%;
   max-width: 50% !important; /* Ser till att artikeln aldrig blir bredare */
   height: 325px;
   margin: 0 0 20px;
   padding: 0 10px;
   box-sizing: border-box;
   display: flex;
   flex-direction: column; /* Säkerställer korrekt layout */
   flex: 1 0 auto;
   position: relative;
 }
 
 .press-news-list .litenxtext {
   position: absolute;
   top: 0;
   left: 10px;
   background: #f6840c;
   background: rgba(246, 132, 12, 0.9);
   color: #fff;
   font-size: 1.4rem;
   font-weight: bold;
   padding: 6px 8px;
 }
 
 .press-news-list-item {
   border: 1px solid #e4e4e4;
   overflow: hidden;
 }
 
 .press-news-list-image {
   width: 40%;
   height: 325px;
   position: relative;
   overflow: hidden;
   float: left;
 }
 
 .sv-archive-portlet .press-news-list-image img {
   width: 100% !important;
   height: 100% !important;
   object-fit: cover;
   position: absolute;
   top: 0;
   left: 0;
 }
 
 .sv-archive-portlet .press-news-list-image img:empty {
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }
 
 .press-news-list-content {
   width: 60%;
   padding: 20px;
   box-sizing: border-box;
   float: right;
 }    

 
 .press-news-list-content h2 {
   display: block !important;
   margin: 0 0 15px !important;
   line-height: 110%;
 }
 
 .press-news-list-content h2 a {
   font-size: 2.2rem;
   text-decoration: none;
   color: #f6840c;
   font-weight: 600;
 }
 
 .press-news-list-content h2 a:hover,
 .press-news-list-content h2 a:focus {

 }

/* Anpassning för större skärmar */
@media screen and (min-width: 668px) {
    .press-news-list .litenxtext {
        font-size: 1.6rem;
        padding: 8px 10px;
    }

    .press-news-list-content h2 a {
        font-size: 2.5rem;
    }
    
    .press-news-list-content {
        padding: 25px;
    }
}


/* Anpassning av ingresstext för små skärmar */

@media (max-width: 667px) {
  .pressmeddelande-arkiv-ingress-big {
    font-size: 1.4rem !important;
  }
}




/*
---------------------------------------------------------
PRESSRUM: PRESSMEDDELANDE
---------------------------------------------------------*/


.press-news-layout {
    background: #ffffff;
    max-width: 650px;
    padding: 0.8em 1.2em 0.3em 1.2em;
    margin: 0 auto;
}

@media (min-width: 668px) {
    .press-news-layout {
        padding: 1.7em 2em 1em 2em;
    }
}