/*
=========================================================
HEADER CSS
=========================================================
 * Innehåller styling för sidhuvudet
 * 
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/



.lp-header {
  align-items: center;
  background-color: var(--lp-color-brand);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  display: flex;
  margin: 0;
  padding: var(--lp-spacing-small) var(--lp-spacing);

  justify-content: space-between;
}

.lp-header > .sv-layout {
  align-items: center;
  display: flex;

  gap: 1rem;
  justify-content: end;
}

/* Logotyp */
.lp-logo {
  margin: 0;
  z-index: 1000;
}

.lp-logo img {
  display: block;
  height: clamp(45px, 6vw, 60px) !important;
  max-height: 100% !important; /* för skärumupplösning lägre än logotypens bredd */
  max-width: 100% !important; /* för skärumupplösning lägre än logotypens bredd */
  width: auto !important; /* ändra till halva bildbredden för retinaupplösning */

  object-fit: contain;
}

.lp-logo a {
  display: inline-block;
}

/* Nedräkning */

.lp-header-countdown {
  align-items: center;
  background-color: #010420;
  border-left: 1px solid rgba(255,255,255,0.1);
  display: flex;
  margin: calc(-1 * var(--lp-spacing-small)) calc(-1 * var(--lp-spacing)) calc(-1 * var(--lp-spacing-small)) 0;
  padding-left: var(--lp-spacing);
}

.lp-header-countdown .lp-countdown-inner {
  display: flex;
  flex-direction: column;
  margin-top: 0.4em;
}

.lp-header-countdown .lp-countdown-days {
  color: var(--lp-color-brand-contrast);
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-weight: 700;
}

.lp-header-countdown .lp-countdown-inner p {
  color: var(--lp-color-gold);
  font-family: var(--lp-font-family--heading);
  font-size: var(--lp-font-size-x-small);
  font-weight: 300;
  line-height: 1.1;
  margin: 0 0 0.1em;
}