/* ===== Top/Service – förenklad enligt _page_top.php ===== */

.full-bleed{
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
}

:root{
  --header-h: 72px;              /* matcha din faktiska fixed header-höjd */
}

/* --- Topsektion (global default) --- */
.page-top{
  position: relative;
  padding: calc(var(--header-h,72px) + 2rem) 0 1.5rem;
  background: var(--pt-bg-color, var(--bg, #F2F0EF));
  min-height: var(--pt-min-h, 36vh);
  display: flex;
  align-items: flex-end;          /* rubrik/lead nära nederkant */
  overflow: clip;
  color: inherit;                 /* mörk text som default */
}

/* Variant med bakgrundsbild + overlay (sätts av _page_top.php) */
.page-top.has-bg{
  background: none;
  color: #fff;                    /* bättre kontrast över bild */
}
.page-top.has-bg::before{
  content: "";
  position: absolute; inset: 0;
  background-image: var(--pt-bg-url);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateZ(0);
}
.page-top.has-bg::after{
  content: "";
  position: absolute; inset: 0;
  background: var(--pt-overlay, rgba(0,0,0,.35));
}
.page-top > .container{
  position: relative;
  z-index: 1;
}

/* Om headern inte auto-gömmer: lite mindre topp-padding */
.no-header-hide .page-top{ padding-top: 2.5rem; }

/* Små hjälpare för läsbarhet på ljusa bilder */
.page-top.has-bg .display-5,
.page-top.has-bg .lead{
  text-shadow: 0 1px 2px rgba(0,0,0,.25);
}

/* Valfri parallax-känsla (desktop only) */
@media (min-width: 992px){
  .page-top--parallax.has-bg::before{ background-attachment: fixed; }
}

/* ---- Innehållsstilar för tjänstesidor ---- */
.service-content{
  color: #353E43;
  line-height: 1.6;
}
.service-content .lead{ color: #353E43; }

/* spacing om toppen följs av innehåll */
.page-top + .service-content{ margin-top: 2rem; }

/* Ljus bakgrundssektioner */
.service-content .bg-light{ background: #f7f9fb !important; }