/*
===================================
   F R O N T E N D — EDITORIALE FORTE
   Identità visiva + interazione
===================================
*/

:root{
  --bg-page:#ffffff;
  --bg-card:#f4f6f9;
  --bg-card-hover:#eef3ff;
  --border-soft:#dde3ec;
  --accent:#1f4fd8;          /* colore caratterizzante */
  --accent-soft:#cdd9ff;
  --text-main:#0f172a;
  --text-muted:#475569;
}

/* LINK */
.dirlinkMain a{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--accent);
  text-decoration: none;
  transition: color .2s ease;
}
.dirlinkMain a:hover{
  color:#0b2fa3;
  text-decoration: underline;
}

/* ===============================
   CARD LAYOUT (desktop)
================================ */

table.design_dlTable1{
  width:100%;
  border-collapse: separate;
  border-spacing: 0 18px;
  background: transparent;
}

/* nascondo intestazioni */
table.design_dlTable1 thead{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
}

table.design_dlTable1 tr{
  background: var(--bg-card);
  border:1px solid var(--border-soft);
  border-left:10px solid var(--accent);
  border-radius:14px;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

/* HOVER VISIBILE */
table.design_dlTable1 tr:hover{
  background: var(--bg-card-hover);
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

/* grid interno */
table.design_dlTable1 tr{
  display:grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "title meta"
    "title meta";
  gap:10px 22px;
}

table.design_dlTable1 td{
  padding:18px 22px;
  border:none;
  vertical-align: top;
  line-height:1.5;
}

/* TITOLI */
table.design_dlTable1 .dl_filename{
  grid-area:title;
  font-size:1.25rem;          /* DIMENSIONE CAMBIATA */
  font-weight:800;
  color:var(--text-main);
}

/* METADATI */
table.design_dlTable1 .dl_filetype,
table.design_dlTable1 .dl_filedate,
table.design_dlTable1 .dl_filesize{
  grid-area:meta;
  text-align:right;
  font-size:.85rem;
  font-weight:500;
  color:var(--text-muted);
  white-space:nowrap;
}

/* ===============================
   MOBILE — card editoriali
================================ */

@media (max-width: 768px){

  table.design_dlTable1,
  table.design_dlTable1 tbody,
  table.design_dlTable1 tr,
  table.design_dlTable1 td{
    display:block;
    width:100%;
  }

  table.design_dlTable1 tr{
    grid-template-columns: 1fr;
    grid-template-areas:
      "title"
      "meta";
  }

  table.design_dlTable1 .dl_filename{
    font-size:1.15rem;
    margin-bottom:8px;
  }

  table.design_dlTable1 .dl_filetype,
  table.design_dlTable1 .dl_filedate,
  table.design_dlTable1 .dl_filesize{
    display:inline-block;
    margin-right:14px;
    text-align:left;
  }
}