/* Gör Pagefind-resultaten till en "floating" lightbox */
.pagefind-ui__drawer {
    position: absolute;
    top: 100%; /* Startar precis under sökfältet */
    right: 0;
    width: 600px; /* Eller den bredd du önskar */
    max-height: 80vh; /* Max 80% av skärmhöjden */
    overflow-y: auto;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    z-index: 10000; /* Se till att den ligger över allt annat */
    padding: 1rem;
    border-radius: 4px;
}

/* Anpassa för mobilen så den inte blir bredare än skärmen */
@media (max-width: 640px) {
    .pagefind-ui__drawer {
        width: 90vw;
        right: 5vw;
    }
}

/* Snygga till sökfältet så det inte tar för mycket plats i menyn */
.pagefind-ui__search-input {
    font-size: 14px !important;
    padding: 8px !important;
}

/* Ta bort Pagefinds standard-marginaler som kan spöka i headern */
.pagefind-ui {
    width: 100%;
}

/*
nav.pv3 {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: #000 !important; /* Solid svart för läsbarhet */
}

#body {
#    padding-top: 70px; /* Knuffa ner allt så menyn inte täcker rubriken */
}*/

/* Döljer header-titeln specifikt på startsidan */

ul.mr3 {
    line-height:1.5;
}

.bg-black {
    background-image:url("/images/cloud.jpg");
}

.is-home .tc-l.pv3.ph3.ph4-ns {
   display: none;
}

.pb3-m.pb6-l.bg-black {
    padding-bottom: 0px;
}

.f6.db {
    display: none;
}

.f3.fw2.hover-white.white-90.dib.no-underline {
    margin-right:25px;
    margin-top:10px;
}


.f2.f1-l.fw2.white-90.mb0.lh-title {
    visibility:hidden;
}


.instapaper_ignoref.b.helvetica.tracked.ttu {
    display: none;
}

.pv3.ph3.ph4-ns {
    background-color: rgba(0, 0, 0, 0.6);
}


header.cover {
    background-size: cover; /* Eller 'contain' om du absolut inte vill klippa något */
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    display: block; /* Säkerställ att den beter sig som ett block */
}

/* Ta bort fasta höjder som Ananke kan ha lagt till */
.pv6, .pv7 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.bg-black-60 {
    background-color: rgba(0,0,0,.0);
}


/* Gör sökcontainern kompakt
.search-container {
  min-width: 200px;
  display: inline-block;
  vertical-align: middle;
}

/* Döljer Googles branding och fixar höjden så den matchar menyn */
.gcse-search {
  margin-top: -5px;
}

/* Tvingar sökfältet att bli smalare om det behövs på mindre skärmar */
@media screen and (max-width: 60em) {
  .search-container {
    display: block;
    margin: 10px 0;
    width: 100%;
  }
}

*/


.search-container form {
    display: flex;
    align-items: center;
}

.search-container input[type="text"] {
    background: rgba(255, 255, 255, 0.9);
    transition: width 0.3s ease-in-out;
    width: 150px;
}

.search-container input[type="text"]:focus {
    width: 200px; /* Expanderar när man klickar i den */
    outline: none;
    background: #fff;
}