/*
 * Copyright 2025 Marek Kobida
 * Last Updated: 14.08.2025
 */

:root {
  --Header-background-color: transparent;
  --Header-color: var(--body-color);
  --Header-z-index: 8;
}

.Header {
  background-color: var(--Header-background-color);
  color: var(--Header-color);

  transition-duration: 0.5s;
  transition-property: color;

  @media (max-width: 640px) {
    --icon-size: 20px;
  }

  &.HeaderFixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: var(--Header-z-index);
  }

  .FiveStarLivingLogo {
    width: 100%;

    @media (min-width: 640px) {
      width: 427px; /* 1.5 */
    }
  }
}

/* DOKONČIŤ */
.FiveStarLivingLogo,
.FiveStarLivingHomeLogo {
  width: 50%;

  @media (min-width: 640px) {
    width: 320px;
  }
}