/* =====================================================
   FOOTER – LISTOR & LÄNKAR (Blocksy + Gutenberg)
   ===================================================== */

/* Begränsa scope: endast footer */
.ct-footer{
  /* om du vill sätta default textfärg i footer */
  color: #fff;
}

/* 1) Reset listor i footer (både WP block list och vanliga ul) */
.ct-footer ul,
.ct-footer ol,
.ct-footer .wp-block-list{
  margin: 0;
  padding: 0;
  list-style: none; /* ta bort bullets helt */
}

/* 2) List-items: spacing */
.ct-footer li{
  margin: 0;
  padding: 0;
}

.ct-footer li + li{
  margin-top: 10px; /* jämn vertikal spacing */
}

/* 3) Länkar i footer */
.ct-footer a{
  color: rgba(255,255,255,0.9);
  text-decoration: none;
  font-size: 14px;
 
  font-weight: 500;
}

.ct-footer a:hover{
  color: var(--sj-orange);
  text-decoration: none;
}

/* 4) Om du vill ha en liten “punkt”/ikon istället för bullet */
.ct-footer ul li a{
  position: relative;
  padding-left: 14px;
}

.ct-footer ul li a::before{
  /* content: "•"; */
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1.6;
  color: var(--sj-orange);
  opacity: .9;
}

/* =====================================================
   FOOTER – LISTOR: FIX för tomma <a> + snygga bullets
   ===================================================== */

/* Bas: gör listan ren */
.ct-footer .wp-block-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.ct-footer .wp-block-list li{
  position: relative;
  margin: 0;
  padding: 0;
}

/* Spacing mellan rader */
.ct-footer .wp-block-list li + li{
  margin-top: 10px;
}

/* TEXTEN i listan (när den inte ligger i <a>) */
.ct-footer .wp-block-list li{
  color: rgba(255,255,255,0.9);
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  padding-left: 16px; /* plats för vår bullet */
}

/* Snygg bullet */
.ct-footer .wp-block-list li::before{
  /* content: "•"; */
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1.6;
  color: var(--sj-orange);
  opacity: .9;
}

/* LÄNKAR: om de är tomma, gör dem till “overlay” över hela raden */
.ct-footer .wp-block-list li > a{
  position: absolute;
  inset: 0;
  z-index: 2;
  /* gör att det känns klickbart */
  cursor: pointer;
  text-decoration: none;
}

/* Hover-effekt: trigga på li:hover (funkar även när <a> är tom) */
.ct-footer .wp-block-list li:hover{
  color: var(--sj-orange);
}

/* Hover-effekt för vår bullet också */
.ct-footer .wp-block-list li:hover::before{
  color: var(--sj-orange);
  opacity: 1;
}

/* Extra: om du har listor där texten faktiskt ligger i <a>, styla dem också */
.ct-footer .wp-block-list li a:not(:empty){
  position: static;
  color: inherit;
}