/* --- Phoca Download Modernisierung & Anpassung an das AK-Design --- */

/* Container der Kategorie-Liste */
#phoca-download .pd-categories,
#phoca-download .categories-list {
    display: block;
    margin: 20px auto;
    max-width: 750px; /* Gleiche Breite wie die Visitenkarten */
    padding: 0;
}

/* Einzelne Kategorie-Zeile als Karte umwandeln */
#phoca-download .pd-filename,
#phoca-download .categories-list .pd-file-title,
#phoca-download .phocadownload-cat-box {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 12px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03);
    transition: all 0.2s ease-in-out;
    display: block;
}

/* Hover-Effekt für die Download-Kategorien */
#phoca-download .pd-filename:hover,
#phoca-download .categories-list .pd-file-title:hover {
    border-color: #c60c0c; /* Das markante Feuerwehr-Rot bei Fokus */
    box-shadow: 0 4px 12px rgba(198, 12, 12, 0.08);
    background-color: #fcfcfc;
}

/* Links innerhalb der Kategorien stylen */
#phoca-download .pd-filename a,
#phoca-download .categories-list .pd-file-title a {
    color: #2c3e50 !important; /* Dunkles, edles Anthrazit der AK-Namen */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
}

/* Falls die Anzahl der Dateien (z.B. "(5)") angezeigt wird */
#phoca-download .pd-filename small,
#phoca-download .categories-list small {
    color: #7f8c8d;
    font-weight: normal;
    margin-left: 8px;
}

/* --- Optionale Anpassung der Ordner-Icons --- */

/* Entfernt das Standard-Hintergrundbild, falls störend, oder passt die Abstände an */
#phoca-download .pd-filename img,
#phoca-download .categories-list img {
    margin-right: 12px;
    vertical-align: middle;
    /* Falls du die Icons farblich leicht anpassen oder harmonisieren möchtest: */
    opacity: 0.85; 
}

/* Spezifisch für die Detail-Dateiliste (falls du auch die einzelnen Dateien anpassen willst) */
#phoca-download .pd-filebox {
    border-left: 4px solid #c60c0c; /* Roter Akzentstreifen links bei echten Dateien */
    background: #ffffff;
    margin-bottom: 10px;
    border-radius: 6px;
    padding: 12px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}