@import '/Colors.css';
@import '/Fonts.css';

#bottom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* spread across full width */
    align-items: stretch;
    background-color: var(--lysegrå);
    color: var(--mørkeblå);
    font-size: 0.8rem;
    font-family: Inter-Medium;
    line-height: 1.6;

    padding-top: 60px;
    padding-bottom: 60px;
    gap: 0; /* we'll handle spacing in flex layout */
}

/* Each line of text (3 columns) */
#bottom-line-1,
#bottom-line-2,
#bottom-line-3 {
    flex: 0 0 33.333%; /* equal width columns */
    box-sizing: border-box;
    padding-left: 8vw;
}

/* Responsive: stack in mobile */
@media (max-width: 768px) {
    #bottom-line-1,
    #bottom-line-2,
    #bottom-line-3 {
        flex: 0 0 100%; /* full width in mobile */
    }
}