/* ============================================================================
   listing.css — restyled directory listing.
   Targets Apache mod_autoindex's own HTMLTable markup (table#indexlist and the
   .indexcol* cells), so this file is PORTABLE: it can drop into the live
   /fancy-index/style.css unchanged and reskin the real subdirectory listings.
   The local list preview (list-demo.php) reproduces that exact markup.
   ========================================================================== */

.listing-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 6px}
.listing-head h1{font-family:var(--cond);font-weight:700;letter-spacing:.02em;
  font-size:23px;color:var(--ink)}
.listing-head h1 .path{color:var(--amber-soft)}
.listing-search{margin-left:auto}
.listing-search input{font-family:var(--mono);font-size:12.5px;color:var(--ink);
  background:var(--panel);border:1px solid var(--edge);border-radius:6px;
  padding:7px 12px;min-width:220px;outline:none;transition:border-color .13s}
.listing-search input:focus{border-color:var(--amber)}
.listing-search input::placeholder{color:var(--ink-faint)}

#indexlist{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12.5px;margin-top:8px}
#indexlist a{color:var(--link);text-decoration:none}
#indexlist a:hover{color:var(--amber-soft);text-decoration:underline}

tr.indexhead th{text-align:left;font-family:var(--cond);font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;font-size:11px;color:var(--ink-dim);
  padding:8px 14px;border-bottom:1px solid var(--edge)}
tr.indexhead th a{color:var(--ink-dim)}
tr.indexhead th a:hover{color:var(--amber-soft)}
/* Apache emits <hr> separator rows; the borders below replace them */
tr.indexbreakrow{display:none}

#indexlist td{padding:7px 14px;border-bottom:1px solid var(--line);color:var(--ink);
  vertical-align:middle}
tr.even{background:rgba(255,255,255,.012)}
tr.odd{background:transparent}
#indexlist tbody tr:hover td{background:rgba(127,178,230,.06)}
td.indexcolicon{width:24px;text-align:center;opacity:.85}
td.indexcolicon img{width:16px;height:16px;vertical-align:middle}
td.indexcollastmod,td.indexcolsize{color:var(--ink-dim);white-space:nowrap}
td.indexcolsize{text-align:right}
td.indexcoldesc{color:var(--ink-faint)}

/* a row hidden by the client-side search filter */
tr.filtered{display:none}