/* ============================================================
   Dateilisten des Händlerbereichs
   Industrievertretung Torsten Meyer

   Apache (mod_autoindex) erzeugt diese Listen bei jedem Aufruf
   neu — nur deshalb erscheinen neu hochgeladene PDFs von selbst.
   Das Markup gibt Apache vor, wir gestalten nur.

   ACHTUNG, hart erkauft: Je nach Apache-Build sieht das Markup
   verschieden aus. Apples Build (2.4.66) liefert bei HTMLTable
   ein schlichtes <table> mit valign-Attributen, andere Builds
   liefern <table id="indexlist"> mit indexcol*-Klassen.
   Deshalb greifen die Regeln hier über die SPALTENPOSITION —
   das funktioniert überall — und zusätzlich über die Klassen,
   falls der Server sie mitliefert.

   Spalten: 1 Icon · 2 Name · 3 Datum · 4 Größe
   Setzt die Tokens aus style.css voraus; beide werden geladen.
   ============================================================ */

.idx-main{
  flex:1;
  width:100%;max-width:var(--container);
  margin:0 auto;padding:calc(var(--header-h) + 56px) 20px 90px;
}

.idx-eyebrow{
  color:var(--accent-str);font-weight:700;font-size:.78rem;
  letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;
}
.idx-main h1{font-size:2rem;margin-bottom:6px;word-break:break-word;}

.idx-pfad{color:var(--body);font-size:.9rem;margin-bottom:30px;}
.idx-pfad a{color:var(--accent-str);font-weight:600;}
.idx-pfad a:hover{text-decoration:underline;}
.idx-pfad span{margin:0 6px;opacity:.5;}


/* ── Die von Apache erzeugte Tabelle ─────────────────────── */
.idx-main table{
  width:100%;border-collapse:collapse;
  background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow);
}

.idx-main th,
.idx-main td{
  padding:13px 20px;text-align:left;font-size:.94rem;
  border-top:1px solid var(--line);
  vertical-align:middle;          /* überschreibt Apaches valign="top" */
}

.idx-main tr:first-child th{
  border-top:0;background:var(--dark);color:#fff;
  font-weight:600;font-size:.8rem;
  letter-spacing:.06em;text-transform:uppercase;
}
.idx-main tr:first-child th a{color:#fff;}
.idx-main tr:first-child th a:hover{text-decoration:underline;}

/* Spalte 1 ist Apaches Icon-Spalte — leer, wir brauchen sie nicht. */
.idx-main th:nth-child(1),
.idx-main td:nth-child(1),
.idx-main .indexcolicon{display:none;}

/* Spalte 2: Dateiname, nimmt den Rest der Breite. */
.idx-main td:nth-child(2),
.idx-main .indexcolname{width:100%;}
.idx-main td:nth-child(2) a,
.idx-main .indexcolname a{color:var(--ink);font-weight:500;word-break:break-word;}
.idx-main td:nth-child(2) a:hover,
.idx-main .indexcolname a:hover{color:var(--accent-str);}

/* Spalten 3 und 4: Datum und Größe, rechtsbündig und ruhig. */
.idx-main td:nth-child(3),
.idx-main td:nth-child(4),
.idx-main .indexcollastmod,
.idx-main .indexcolsize{
  color:var(--body);font-size:.86rem;white-space:nowrap;text-align:right;
}
.idx-main th:nth-child(3),
.idx-main th:nth-child(4){text-align:right;}

.idx-main tbody tr:hover td,
.idx-main tr:hover td{background:#fafcfc;}

/* Beschreibungsspalte, falls der Server sie doch mitschickt. */
.idx-main .indexcoldesc{display:none;}

.idx-hinweis{
  margin-top:30px;padding:16px 20px;font-size:.85rem;color:var(--body);
  background:var(--card);border-left:3px solid var(--accent);border-radius:6px;
}
.idx-hinweis a{color:var(--accent-str);font-weight:600;}

@media (max-width:700px){
  .idx-main{padding-top:calc(var(--header-h) + 34px);}
  .idx-main h1{font-size:1.5rem;}
  .idx-main th:nth-child(3),
  .idx-main td:nth-child(3),
  .idx-main .indexcollastmod{display:none;}
  .idx-main th,.idx-main td{padding:11px 14px;}
}