/*
-------------------------------------------
wf-box.css
-------------------------------------------

  Beskrivning: Stilregler för block / rutor
  Skapad av: Webbfröken AB
  Webbadress: https://webbfroken.se

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


/*
-------------------------------------------
Ruta - Standard
Ruta - Sekundär
Ruta - Länkar (Primär)
------------------------------------------- */

.wf-box,
.wf-box-secondary,
.wf-box-links,
.env-block.sv-layout,
.env-block-primary.sv-layout,
.env-block-secondary.sv-layout {
  box-sizing: border-box;
  margin-bottom: var(--wf-spacing-40);
  padding: var(--wf-spacing-40);
}

.wf-box .sv-text-portlet-content > *:first-child,
.wf-box-secondary .sv-text-portlet-content > *:first-child,
.wf-box-links .sv-text-portlet-content > *:first-child,
.env-block.sv-layout .sv-text-portlet-content > *:first-child,
.env-block-primary.sv-layout .sv-text-portlet-content > *:first-child,
.env-block-secondary.sv-layout .sv-text-portlet-content > *:first-child {
  margin-top: 0;
}

.wf-box .env-text-heading-02,
.wf-box-secondary .env-text-heading-02,
.wf-box-links .env-text-heading-02,
.env-block.sv-layout .env-text-heading-02,
.env-block-primary.sv-layout .env-text-heading-02,
.env-block-secondary.sv-layout .env-text-heading-02 {
  border-bottom: 1px solid var(--color-brand-secondary);
  color: inherit;
  padding-bottom: 0.5em;
}

.wf-box-links .env-text-heading-02 {
  /* Undantag */
  border-bottom-color: var(--color-brand);
}

/* Ärv blockens textinställningar */
.wf-box,
.wf-box-secondary,
.wf-box-links {
  --env-font-color: var(--env-block-font-color);
  --env-link-font-color: var(--env-block-link-font-color);
  --env-link-hover-font-color: var(--env-block-link-hover-font-color);
  --env-link-hover-text-decoration: var(--env-block-link-hover-text-decoration);
  --env-link-secondary-font-color: var(--env-block-font-color);
  --env-link-secondary-hover-font-color: var(--env-block-link-hover-font-color);
  --env-link-secondary-hover-text-decoration: var(--env-block-link-hover-text-decoration);
  --env-link-secondary-text-decoration: var(--env-block-link-text-decoration);
  --env-link-text-decoration: var(--env-block-link-text-decoration);
  --env-text-heading-02-font-color: var(--env-block-font-color);
  --env-text-heading-03-font-color: var(--env-block-font-color);
  --env-text-heading-04-font-color: var(--env-block-font-color);
  --env-ui-text-caption-font-color: var(--env-block-font-color);
  --env-ui-text-heading-font-color: var(--env-block-font-color);
  --env-ui-text-overline-font-color: var(--env-block-font-color);
  --env-ui-text-sectionheading-font-color: var(--env-block-font-color);
  --env-ui-text-subheading-font-color: var(--env-block-font-color);
}


/* Ruta - Standard */
.wf-box,
.env-block.sv-layout {
  background-color: var(--color-block);
}

/* Ruta - Sekundär */
.wf-box-secondary,
.env-block-secondary.sv-layout {
  background-color: var(--color-block-secondary);
}

/* Ruta - Länkar (Primär) */
.wf-box-links,
.env-block-primary.sv-layout {
  background-color: var(--color-block-primary);
}


.wf-box-links .sv-marketplace-sitevision-button,
.env-block-primary.sv-layout .sv-marketplace-sitevision-button {
  margin-bottom: 0.5em;
}

.wf-box-links .sv-marketplace-sitevision-button:last-child,
.env-block-primary.sv-layout .sv-marketplace-sitevision-button:last-child {
  margin-bottom: 0;
}

.wf-box-links .sv-marketplace-sitevision-button .env-button,
.env-block-primary.sv-layout .sv-marketplace-sitevision-button .env-button {
  --env-element-background-color: #fff;
}

.wf-box-links .sv-marketplace-sitevision-button .env-button:hover,
.env-block-primary.sv-layout .sv-marketplace-sitevision-button .env-button:hover {
  --env-element-background-color-dark: rgba(255,255,255,0.8);
}


/*
-------------------------------------------
Justeringar för Sommar i Skeppsbron
------------------------------------------- */

.sv-theme-sommar-i-skeppsbron .wf-box .env-text-heading-02,
.sv-theme-sommar-i-skeppsbron .wf-box-secondary .env-text-heading-02,
.sv-theme-sommar-i-skeppsbron .wf-box-links .env-text-heading-02,
.sv-theme-sommar-i-skeppsbron .env-block.sv-layout .env-text-heading-02,
.sv-theme-sommar-i-skeppsbron .env-block-primary.sv-layout .env-text-heading-02,
.sv-theme-sommar-i-skeppsbron .env-block-secondary.sv-layout .env-text-heading-02 {
  border-bottom: none;
  padding-bottom: 0.0;
}