/* 1. Grundläggande stil och VÄNSTERJUSTERING */
body {
    /* Återgår till Arial/sans-serif som liknar typsnittet i bilden */
    font-family: Arial, sans-serif; 
    font-weight: 400; 
    margin: 0;
    /* Lägger till en fast marginal till vänster för att placera innehållet */
    padding: 50px 0 50px 100px; 
    background-color: white;
}

/* 2. Logotypen: Vänsterjusterad */
header {
    width: 300px; 
    margin-bottom: 30px; 
    /* Vänstermarginalen för att logotypen ska linjera med innehållet */
    margin-left: 15px; 
    text-align: left; 
}

.logo {
    display: block;
    margin: 0; 
    width: 185px; /* Matchar den ursprungliga bredden */
    height: 101px;
}

/* 3. Behållaren för textinnehållet och den vertikala linjen */
.content-wrapper {
    width: 300px; /* Bredd på kolumnen */
    padding-left: 15px; /* Utrymme mellan linje och text */
    padding-right: 15px;
}

/* 4. H2-rubriker (Decoria, Minivisc, Lubravisc Bio) */
h2 {
    font-size: 1.5em; /* Större och fetare som i bilden */
    font-weight: bold;
    margin-top: 30px; 
    margin-bottom: 5px; 
    letter-spacing: normal;
}

/* 5. Listor och Listpunkt (Li) Styling */
ul {
    /* Använder standard list-type: disc eftersom punkterna är svarta i den bilden */
    list-style-type: disc; 
    list-style-position: outside; /* Standardposition */
    margin-left: 20px; /* Standardmarginal för punkter */
    padding-left: 0;
}

li {
    margin-bottom: 0px; 
    line-height: 1.4;
    font-size: 1em; 
    font-weight: normal;
    /* Tar bort all custom styling för punkterna */
    padding-left: 0; 
    position: static;
}

/* Tar bort den lila ::before-punkten eftersom vi använder standardpunkter */
li::before {
    content: none; 
}


/* 6. Länkar: Färg och understrykning */
a {
    color: purple; /* Lila färg som i den första bilden */
    text-decoration: underline; /* VIKTIGT: Länkarna SKA vara understrukna */
    font-weight: normal;
}

/* 7. Rubriker i footern (MANUFACTURER, CONTACT INFORMATION) */
.contact-section h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 50px; /* Stort mellanrum här som i den första bilden */
    margin-bottom: 5px; 
    letter-spacing: normal;
}

/* Adressen: Kursiv stil som i den första bilden */
.manufacturer-address {
    font-size: 1em; 
    font-style: italic; /* Kursiv stil */
    line-height: 1.4; 
    margin-bottom: 20px; 
    margin-top: 0;
}

/* Kontaktinformationen */
.contact-section p {
    font-size: 1em; 
    font-style: normal;
    line-height: 1.4; 
    margin-bottom: 5px; 
    margin-top: 0;
}