/* 
Theme Name: evoltek
Theme URI: http://carrostrand.com/evoltek
Author: Caroline Strand
Description: This is an awesome theme 
*/

.header-cont {
  position: fixed;        /* gör headern “sticky” */
  top: 0;                 /* längst upp på sidan */
  left: 0;                /* börja från vänsterkant */
  width: 100%;            /* täcker hela bredden */
  z-index: 99999;          /* ligger ovanpå allt annat innehåll */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #333; /* headerns bakgrund */
  padding: 15px 0;
  box-sizing: border-box;
}

/* Ta bort standard-list-stil och nollställ padding/margin */
.header-cont .menu-menu-main-nav-container .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;             /* gör UL horisontell */
  gap: 20px;                 /* mellanrum mellan menypunkter */
}

/* Se till att LIs inte bryts och ligger i rad */
.header-cont .menu-menu-main-nav-container .menu li {
  display: inline-block;     /* extra säkerhet, Flex klarar det men vissa teman använder block */
}

/* Länkar i menyn */
.header-cont .menu-menu-main-nav-container .menu li a {
  text-decoration: none;     /* ta bort understrykning */
  color: #fdc528;              /* valfri färg */
  padding: 5px 10px;         /* klickyta */
  transition: color 0.3s;    /* smooth hover */
}

.header-cont .menu-menu-main-nav-container .menu li a:hover {
  color: #ffe089;            /* färg vid hover */
}


.menu-menu-main-nav-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu a,
.menu ul {
    text-decoration: none;
    font-weight: 900;
    color: #fdc528;
    padding-left: 15px;
}

.logotype {
    display: inline-block;
    width: 50px;
    height: auto;
    padding: 5px 10px;
}