/**
 * Indeholder styles, der er UNIKKE for forsiden (home.html).
 * Da denne fil importeres sidst i main.css, vil dens regler typisk vinde
 * over mere generelle regler i tilfælde af samme specificitet.
 */

/* Specifik styling for hero-sektionen øverst på forsiden. */
.hero-section {
    /* Fjernet background-color - flyttet til .hero-section-wrapper */
    padding: 10px 0 20px 0;
    text-align: center;
    position: relative;
}

/* Ny klasse for hero section wrapper - får hele bredden som "Hvem er vi" sektionen */
.hero-section-wrapper {
    background-color: var(--color-bg-light);
    padding: 0;
}

/* Specifikke overrides for overskrifter i hero-sektionen for at matche designet præcist. */
.hero-section h1 {
    /* important: Disse regler sikrer, at hero-teksten er unik og ikke påvirkes af generelle h1-styles. */
    font-size: 42px;
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: 5px;
    line-height: 1.2;
    white-space: nowrap; /* Forhindrer tekst-wrap */
    text-align: center;
}

.hero-section h5 {
    /* important: Disse regler sikrer, at hero-underoverskriften er unik. */
    font-size: 24px;
    color: var(--color-text-primary);
    font-weight: 400;
    line-height: 1.4;
    max-width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
    white-space: nowrap;
}

/* Deaktiverer hover-effekten for kort KUN i hero-sektionen. */
.hero-section .content-column:hover {
    /* important: Denne regel fjerner hover-effekten fra .column-with-shadow:hover. */
    transform: none;
}

/* Giver nyhedssektionen på forsiden en specifik baggrundsfarve. */
.news-section {
    background-color: var(--color-bg-light);
    padding: 60px 0;
}

.news-feed-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding-top: 20px;
}

/* Giver "Hvem er vi?" sektionen på forsiden en specifik baggrund.
 * Replaced non-brand purple gradient with LOGB brand gradient */
.about-section {
    position: relative;
    background: linear-gradient(135deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
    color: var(--color-white);
    padding: 60px 0;
}

.about-section::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: var(--color-bg-overlay);
    z-index: 1;
}

/* Gradient sektioner med hvid tekst */
.gradient-section {
    background: linear-gradient(130deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 87%);
    color: var(--color-white);
    padding: 40px 0 14px 0; /* Minimal padding i bunden som original */
}

.gradient-section h1,
.gradient-section h2,
.gradient-section h3,
.gradient-section h4,
.gradient-section h5,
.gradient-section h6,
.gradient-section p,
.gradient-section a,
.gradient-section .content-heading,
.gradient-section .text-block {
    color: var(--color-white);
}

/* Logo wall sektion - minimal padding som original */
.content-section .logo-wall-container {
    padding-top: 1px;
    padding-bottom: 14px;
}

/* Sektion der indeholder logo-wall - reduceret padding */
.content-section:has(.logo-wall-container) {
    padding-top: 1px;
    padding-bottom: 14px;
}