/* Tjänstebilder: lägg efter webbplatsens befintliga stilar. */
#tjanster .offer {position:relative;isolation:isolate;background:#121a27;}
#tjanster .offer::before {content:"";position:absolute;inset:0;z-index:-2;background-image:var(--service-image);background-size:cover;background-position:var(--service-position,center);opacity:.58;pointer-events:none;}
#tjanster .offer::after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,17,30,.86),rgba(11,17,30,.62) 55%,rgba(11,17,30,.34)),linear-gradient(0deg,#111927 0%,transparent 48%);pointer-events:none;}
#tjanster #livemusik {--service-image:url('/service-images/midsommar.jpg');--service-position:center 42%;}
#tjanster #musikquiz {--service-image:url('/service-images/quiz.png');--service-position:center 42%;}
#tjanster #seniorer {--service-image:url('/service-images/seniorer-danne-hatt.png');--service-position:65% center;}
#tjanster #speaker {--service-image:url('/service-images/speaker.png');--service-position:65% center;}
#tjanster .offer>p:not(.eyebrow) {color:#e1e4e9;}
#tjanster .offer h3,#tjanster .service-link {color:#fff4df;}
#tjanster .offer .service-link:hover {color:var(--amber);}
@media(max-width:600px){
#tjanster .offer::before {background-position:var(--service-position,center);}
#tjanster .offer::after {background:linear-gradient(0deg,#111927 0%,rgba(11,17,30,.80) 40%,rgba(11,17,30,.45) 100%);}
}
#tjanster #livemusik::before {left:25%;background-position:50% 40%;}
@media(max-width:600px){#tjanster #livemusik::before{left:0;background-position:55% 40%;}}

/* Tekniksektion: separat bildlager behåller textens fulla opacitet. */
#helheten .season-note{position:relative;isolation:isolate;overflow:hidden;background:#151c29;}
#helheten .season-note::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/service-images/pa-talt-scen.png') right center / auto 100% no-repeat;opacity:.68;pointer-events:none;}
#helheten .season-note::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,22,35,.96),rgba(15,22,35,.76) 45%,rgba(15,22,35,.36)),linear-gradient(0deg,rgba(15,22,35,.75),transparent 55%);pointer-events:none;}
#helheten .season-note>p:not(.eyebrow){color:#e1e4e9;}
#helheten .season-note .service-link{color:#fff4df;}
#helheten .season-note .service-link:hover{color:var(--amber);}
@media(max-width:600px){#helheten .season-note::before{background-size:auto 100%;background-position:65% center;opacity:.48;}#helheten .season-note::after{background:linear-gradient(0deg,rgba(15,22,35,.92),rgba(15,22,35,.65) 65%,rgba(15,22,35,.4));}}