/* Metoden: behåll den mörka bildbakgrunden men gör de ljusa textkorten tydligt läsbara. */
.site-page.page-metoden #metoden .pelare-detaljer .pelare-text{
  color:#272a22 !important;
  background:rgba(250,246,237,.97) !important;
  border:1px solid rgba(45,54,42,.18) !important;
  box-shadow:0 18px 38px rgba(10,15,11,.22), inset 0 1px rgba(255,255,255,.84) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.site-page.page-metoden #metoden .pelare-detaljer .pelare-text h2,
.site-page.page-metoden #metoden .pelare-detaljer .pelare-text h3{
  color:#24372b !important;
  text-shadow:none !important;
}
.site-page.page-metoden #metoden .pelare-detaljer .pelare-text p,
.site-page.page-metoden #metoden .pelare-detaljer .pelare-text li,
.site-page.page-metoden #metoden .pelare-detaljer .pelare-text strong{
  color:#41463c !important;
  text-shadow:none !important;
}
.site-page.page-metoden #metoden .pelare-detaljer .pelare-text .eyebrow{
  color:#5b6747 !important;
  text-shadow:none !important;
}
.site-page.page-metoden #metoden .pelare-detaljer .pelare-text .eyebrow::before{
  background:#b28f50 !important;
}

/* Den sammanfattande notisen ska vara lätt att läsa mot fotografiet. */
.site-page.page-metoden #metoden .pelarnot{
  color:#f8f2e7 !important;
  background:rgba(20,27,21,.90) !important;
  border-left:3px solid #d4b774 !important;
  border-radius:0 18px 18px 0 !important;
  box-shadow:0 14px 30px rgba(8,12,9,.20) !important;
  padding:1.2rem 1.35rem !important;
  max-width:760px !important;
  line-height:1.65 !important;
  text-shadow:none !important;
}

/* Introtexten ligger direkt mot den mörka bilden och ska fortsatt vara ljus. */
.site-page.page-metoden #metoden > .inre > .eyebrow{
  color:#e0c98f !important;
}
.site-page.page-metoden #metoden > .inre > h2{
  color:#fffaf0 !important;
}
.site-page.page-metoden #metoden > .inre > .smal > p{
  color:#eee8da !important;
}

@media(max-width:780px){
  .site-page.page-metoden #metoden .pelare-detaljer .pelare-text{
    padding:1.35rem 1.15rem 1.45rem !important;
    border-radius:18px !important;
  }
  .site-page.page-metoden #metoden .pelare-detaljer .pelare-text p{
    font-size:1rem !important;
    line-height:1.68 !important;
  }
  .site-page.page-metoden #metoden .pelarnot{
    padding:1.05rem 1.1rem !important;
    border-radius:0 15px 15px 0 !important;
  }
}


/* Extra safeguard for the Metoden cards on mobile: dark text on solid light panels. */
@media(max-width:900px){
  .site-page.page-metoden #metoden .pelare-detaljer{
    gap:1rem !important;
  }
  .site-page.page-metoden #metoden .pelare-detaljer .pelare-text{
    background:#f8f4ec !important;
    color:#2d3428 !important;
    border:1px solid rgba(48,58,43,.16) !important;
    box-shadow:0 10px 24px rgba(16,20,16,.16) !important;
    opacity:1 !important;
  }
  .site-page.page-metoden #metoden .pelare-detaljer .pelare-text .eyebrow,
  .site-page.page-metoden #metoden .pelare-detaljer .pelare-text .eyebrow::before{
    color:#7b8352 !important;
    background:#c5a86c !important;
  }
  .site-page.page-metoden #metoden .pelare-detaljer .pelare-text h2,
  .site-page.page-metoden #metoden .pelare-detaljer .pelare-text h3,
  .site-page.page-metoden #metoden .pelare-detaljer .pelare-text strong{
    color:#223428 !important;
    text-shadow:none !important;
    opacity:1 !important;
  }
  .site-page.page-metoden #metoden .pelare-detaljer .pelare-text p,
  .site-page.page-metoden #metoden .pelare-detaljer .pelare-text li{
    color:#495042 !important;
    text-shadow:none !important;
    opacity:1 !important;
  }
  .site-page.page-metoden #metoden .pelare-detaljer .pelare-text a{
    color:#374a34 !important;
  }
}