/* ============================================================
   Downloads-Seite  –  Hof alla Cava
   Farben: Grün #bac6ae | Blau #1d89f6  (wie Partnerseiten)
   ============================================================ */

:root {
    --hac-dl-gruen:    #bac6ae;
    --hac-dl-gruen-dk: #9aab8c;
    --hac-dl-blau:     #1d89f6;
    --hac-dl-blau-dk:  #0e6ed0;
    --hac-dl-border:   #e8ede4;
    --hac-dl-bg:       #fafaf8;
    --hac-dl-text:     #333333;
}

/* ── Seiten-Container ──────────────────────────────────────── */
.hac-downloads-page {
    padding-top:    60px;
    padding-bottom: 100px;
    padding-left:   40px;
    padding-right:  40px;
}

/* ── Header ────────────────────────────────────────────────── */
.hac-downloads-header {
    margin-bottom: 48px;
    text-align: center;
}

.hac-downloads-header__title {
    font-size: clamp(2rem, 4vw, 3.2rem);
    margin-bottom: 16px;
}

.hac-downloads-header__intro {
    max-width: 680px;
    margin: 0 auto;
    color: #6b6b6b;
    font-size: 1.05rem;
    line-height: 1.7;
}

/* ── Sprungmarken-Navigation ───────────────────────────────── */
.hac-downloads-nav {
    display:         flex;
    flex-wrap:       wrap;
    gap:             8px;
    justify-content: center;
    margin-bottom:   56px;
    padding:         20px 28px;
    background:      var(--hac-dl-bg);
    border:          1.5px solid var(--hac-dl-border);
    border-radius:   10px;
}

.hac-downloads-nav__link {
    display:         inline-block;
    padding:         6px 16px;
    background:      #fff;
    border:          1.5px solid var(--hac-dl-gruen);
    border-radius:   20px;
    font-size:       0.82rem;
    font-weight:     500;
    color:           var(--hac-farbe-text, #333333);
    text-decoration: none;
    white-space:     nowrap;
    transition:      background 0.15s, border-color 0.15s, color 0.15s;
}

.hac-downloads-nav__link:hover {
    background:      var(--hac-dl-gruen);
    border-color:    var(--hac-dl-gruen);
    color:           #fff;
    text-decoration: none;
}

/* ── Unterüberschrift (## in der Textarea) ─────────────────── */
.hac-downloads-subheading {
    font-size:      0.78rem;
    font-weight:    700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color:          var(--hac-farbe-gruen-tief, #4d5f3b); /* vorher #9aab8c: 2,4:1 */
    margin-top:     28px;
    margin-bottom:  10px;
    padding-bottom: 6px;
    border-bottom:  1px solid var(--hac-dl-border);
}

/* Erste Unterüberschrift braucht keinen Extra-Abstand nach oben */
.hac-downloads-section > .hac-downloads-subheading:first-of-type {
    margin-top: 0;
}

/* ── Abschnitt ─────────────────────────────────────────────── */
.hac-downloads-section {
    margin-bottom:     64px;
    scroll-margin-top: 32px;
}

.hac-downloads-section:last-of-type {
    margin-bottom: 0;
}

.hac-downloads-section__title {
    font-size:      1.25rem;
    font-weight:    600;
    margin-bottom:  20px;
    padding-bottom: 12px;
    border-bottom:  2px solid var(--hac-dl-gruen);
    color:          var(--hac-farbe-text-dunkel, #1a1a1a);
    letter-spacing: 0.01em;
}

/* ── Listen-Layout ─────────────────────────────────────────── */
.hac-downloads-list {
    list-style: none;
    margin:  0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 10px;
}

/* ── Download-Button ───────────────────────────────────────── */
.hac-downloads-btn {
    display:         flex;
    align-items:     center;
    gap:             12px;
    padding:         14px 16px;
    background:      var(--hac-dl-bg);
    border:          1.5px solid var(--hac-dl-border);
    border-radius:   7px;
    text-decoration: none;
    color:           var(--hac-dl-text);
    font-size:       0.9rem;
    line-height:     1.4;
    height:          100%;
    transition:      background 0.18s, border-color 0.18s, transform 0.15s, color 0.15s;
}

.hac-downloads-btn:hover {
    background:      #eef4eb;
    border-color:    var(--hac-dl-gruen-dk);
    transform:       translateY(-1px);
    text-decoration: none;
    color:           var(--hac-farbe-text-dunkel, #1a1a1a);
}

/* Icon – blau wie Partnerseiten-Links */
.hac-downloads-btn__icon {
    flex-shrink: 0;
    width:  20px;
    height: 20px;
    color:  var(--hac-dl-blau);
    display: flex;
    align-items: center;
}

.hac-downloads-btn__icon svg {
    width:  100%;
    height: 100%;
}

/* Label */
.hac-downloads-btn__label {
    flex: 1;
    min-width: 0;
}

/* Dateiformat-Badge – grün */
.hac-downloads-btn__ext {
    flex-shrink:    0;
    font-size:      0.68rem;
    font-weight:    700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color:          var(--hac-farbe-text, #333333);   /* Text auf Gruen – weiss waere 1,8:1 */
    background:     var(--hac-farbe-gruen, #bac6ae);
    padding:        2px 7px;
    border-radius:  3px;
    line-height:    1.6;
}

/* ── Leer-Hinweis ──────────────────────────────────────────── */
.hac-downloads-empty {
    color:       #999;
    font-style:  italic;
    text-align:  center;
    padding:     40px 0;
}

/* ── Responsiv ─────────────────────────────────────────────── */
@media (max-width: 768px) {
    .hac-downloads-page {
        padding-left:  24px;
        padding-right: 24px;
    }

    .hac-downloads-nav {
        padding:       14px 18px;
        margin-bottom: 40px;
    }

    .hac-downloads-section {
        margin-bottom:     48px;
        scroll-margin-top: 20px;
    }
}

@media (max-width: 640px) {
    .hac-downloads-page {
        padding-top:    32px;
        padding-bottom: 60px;
        padding-left:   16px;
        padding-right:  16px;
    }

    .hac-downloads-list {
        grid-template-columns: 1fr;
    }

    .hac-downloads-nav__link {
        font-size: 0.78rem;
        padding:   5px 12px;
    }
}