/*
-------------------------------------------
wf-sis-style.css
-------------------------------------------

  Beskrivning: Grundläggande strilregler för Sommar i Skeppsbron
	Skapad av: Webbfröken AB
  Webbadress: https://webbfroken.se

------------------------------------------- */


/*
-------------------------------------------
Bakgrundsblad
------------------------------------------- */

body.sv-theme-sommar-i-skeppsbron,
body.sv-theme-sommar-i-skeppsbron > .sv-layout {
  background-repeat: no-repeat;
}

body.sv-theme-sommar-i-skeppsbron {
  background-image: url('/images/18.71acb9fb195f05d5571f5e/1743352765199/main-top-right.webp');
  background-position: top right;
}

body.sv-theme-sommar-i-skeppsbron > .sv-layout {
  background-image: url('/images/18.71acb9fb195f05d5571f60/1743352818854/main-top-left.webp');
  background-position: top left;
}

/* TODO - clamp-lösning? */
@media(max-width: 1920px) {
  body.sv-theme-sommar-i-skeppsbron {
    background-size: 44%;
  }

  body.sv-theme-sommar-i-skeppsbron > .sv-layout {
    background-size: 24%;
  }
}

@media(max-width: 1820px) {
  body.sv-theme-sommar-i-skeppsbron {
    background-size: 40%;
  }

  body.sv-theme-sommar-i-skeppsbron > .sv-layout {
    background-size: 20%;
  }
}

@media(max-width: 1720px) {
  body.sv-theme-sommar-i-skeppsbron > .sv-layout {
    background-image: none;
  }

  body.sv-theme-sommar-i-skeppsbron {
    background-size: 60%;
  }
}

@media(max-width: 1024px) {
  body.sv-theme-sommar-i-skeppsbron > .sv-layout {
    background-image: none;
  }
}


/*
-------------------------------------------
Sidhuvud
------------------------------------------- */

.sv-theme-sommar-i-skeppsbron header > .sv-layout:last-child {
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.sv-theme-sommar-i-skeppsbron header > .sv-layout:last-child .wf-logo {
  position: absolute;
  z-index: 1;
}

.sv-template-startsida-sommar-i-skeppsbron .sv-theme-sommar-i-skeppsbron header > .sv-layout:last-child .wf-logo {
  display: none; /* Dölj logo på startsidan */
}

.sv-theme-sommar-i-skeppsbron header > .sv-layout:last-child .wf-logo img {
  background-color: var(--color-block-primary);
  max-width: clamp(80px, 5vw, 112px) !important;
  padding: var(--wf-spacing-60) var(--wf-spacing-10) var(--wf-spacing-10);
}

.sv-theme-sommar-i-skeppsbron header .wf-menu-button {
  background-color: var(--color-brand-secondary);
  border-color: var(--color-brand-secondary);
  flex-direction: row-reverse;
  padding-top: 0.75em;
  position: absolute;
  right: 0;
  top: var(--wf-spacing-60);
}

.sv-theme-sommar-i-skeppsbron header .wf-menu-button > svg,
.sv-theme-sommar-i-skeppsbron header .wf-menu-button > .env-text-body-01 {
  color: var(--color-brand-secondary-contrast);
  font-weight: 600;
}

.sv-theme-sommar-i-skeppsbron header .wf-menu-button > svg {
  height: 1.25em;
  width: 1.25em;
}


/* Mindre skärmupplösning */
@media (max-width: 1440px) {
  .sv-theme-sommar-i-skeppsbron header > .sv-layout:last-child .wf-logo {
    left: var(--wf-page-edge-spacing);
  }
}

/* Mobil & Läsplatta */
@media (max-width: 1024px) {
  .sv-theme-sommar-i-skeppsbron header > .sv-layout:last-child .wf-logo img {
    max-width: 90px !important;
    padding: 0 1.4rem; /* TODO */
  }
}

/* Mobil */
@media (max-width: 768px) {
  .sv-theme-sommar-i-skeppsbron header > .sv-layout:last-child .wf-logo {
    left: 0;
  }
}


/*
-------------------------------------------
Sidfot
------------------------------------------- */

/* Om Sommar i Skeppsbron */
.sv-theme-sommar-i-skeppsbron footer .wf-box-secondary {
  background-image: url('/images/18.71acb9fb195f05d5571f77/1743434375300/blommor-v-190.webp');
  background-position: top left;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}

.sv-theme-sommar-i-skeppsbron footer .wf-box-secondary > .sv-layout {
  background-image: url('/images/18.71acb9fb195f05d5571f78/1743434370417/blommor-h-190.webp');
  background-position: top right;
  background-repeat: no-repeat;
}

.sv-theme-sommar-i-skeppsbron footer .wf-box-secondary > .sv-layout > .sv-layout {
  margin: 0 auto;
  max-width: var(--wf-grid-size);
  padding: var(--wf-spacing-120) var(--wf-page-edge-spacing);
}

.sv-theme-sommar-i-skeppsbron footer .wf-box-secondary > .sv-layout > .sv-layout > div {
  max-width: var(--wf-grid-8-col);
}

.sv-theme-sommar-i-skeppsbron footer .wf-box-secondary > .sv-layout > .sv-layout  .env-text-heading-02 {
  font-size: var(--wf-font-size-h1);
}


/* Sociala medier */
.sv-theme-sommar-i-skeppsbron footer .sv-html-portlet a {
  text-decoration: none;
}

.sv-theme-sommar-i-skeppsbron footer .sv-html-portlet a svg {
  height: 46px; /* TODO */
  width: 46px; /* TODO */

  fill: #fff;
}

.sv-theme-sommar-i-skeppsbron footer .sv-html-portlet a:hover svg,
.sv-theme-sommar-i-skeppsbron footer .sv-html-portlet a:focus svg {
  fill: var(--yellow); /* TODO */
}


/* Specialare i desktop */
@media (max-width: 1720px) {
  .sv-theme-sommar-i-skeppsbron footer .wf-box-secondary {
    background-image: none;
  }
}


/* Mobil */
@media (max-width: 800px) {
  .sv-theme-sommar-i-skeppsbron footer .wf-box-secondary > .sv-layout {
    padding-bottom: var(--wf-spacing-60);
    padding-top: var(--wf-spacing-60);
  }
  .sv-theme-sommar-i-skeppsbron footer .wf-box-secondary .sv-text-portlet {
    display: none;
  }
  .sv-theme-sommar-i-skeppsbron footer .wf-box-secondary .env-flex--row {
    justify-content: center;
  }
}


/*
-------------------------------------------
Layout
------------------------------------------- */


.sv-theme-sommar-i-skeppsbron main {
  margin-top: calc(var(--wf-spacing-80) * 2);
}

html:not(.sv-template-evenemang) .sv-theme-sommar-i-skeppsbron .sv-marketplace-sitevision-breadcrumbs {
  margin-top: var(--wf-spacing-80);
}


/*
-------------------------------------------
Läsplatta
------------------------------------------- */

@media screen and (max-width: 1024px) {
}



/*
-------------------------------------------
Mobil
------------------------------------------- */

@media screen and (max-width: 767px) {
}