/* Liste archivio (opere, fototeca) - stile comune. !important perche' gli stili originali sono inline nel JS */
.oa-lista{background:var(--ast-global-color-4,#FAF5E5)!important;font-family:"Nunito Sans",sans-serif}
.oa-lista__filtri{background:rgba(112,66,20,.05)!important;border-right:1px solid rgba(112,66,20,.18)}
.oa-lista__filtri hr{display:none!important}
.oa-box{background:#fff!important;border:1px solid rgba(112,66,20,.15);box-shadow:none!important;border-radius:10px!important}
.oa-lista__filtri h3.title{font-size:17px!important;border-bottom:1px solid rgba(112,66,20,.15)!important;padding-bottom:8px!important}
.oa-lista__filtri input[type="text"]{border:1px solid rgba(112,66,20,.3)!important;border-radius:8px!important;background:#fffdf6!important;min-height:40px;box-sizing:border-box}
.oa-lista__filtri input[type="text"]:focus{outline:none;border-color:var(--ast-global-color-0)!important;box-shadow:0 0 0 3px rgba(220,165,74,.25)}
#flex{gap:8px}
#flex input{margin-right:0!important}
#flex button{background:var(--ast-global-color-0)!important;border-radius:8px!important;min-height:40px;display:flex;align-items:center;justify-content:center}
.oa-lista__filtri button{border-radius:8px!important}
.oa-lista__filtri div[style*="cursor: pointer"]{display:flex;justify-content:space-between;align-items:center;font-size:16px!important;font-weight:600!important;padding:12px 0!important;border-bottom:1px solid rgba(112,66,20,.15)!important}
.oa-lista__filtri div[style*="cursor: pointer"] svg{margin-top:0!important;float:none!important}
.oa-lista__filtri ul{list-style:none!important;border:none!important;background:transparent!important;padding:6px 0!important;margin:0!important}
.oa-lista__filtri li{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;font-size:14px;line-height:1.35;cursor:default}
.oa-lista__filtri li:hover{background:rgba(220,165,74,.12)}
.oa-lista__filtri li:has(input:checked){background:rgba(220,165,74,.25)}
.oa-lista__filtri li:has(input:disabled){opacity:.45;cursor:default}
.oa-lista__filtri li input[type="checkbox"]{accent-color:var(--ast-global-color-0);width:16px;height:16px;margin:0;flex:none}
.oa-lista__filtri li span{margin-left:0!important}
.oa-lista__filtri li span:nth-child(2){flex:1}
.oa-lista__filtri li span:last-child{flex:none;font-size:12px;color:#7a6445!important;background:rgba(112,66,20,.08);border-radius:999px;padding:0 8px}
.oa-lista__filtri button[id^="applyFilters"]{margin-top:8px!important;padding:8px 16px!important;background:var(--ast-global-color-0)!important;color:#000!important}
#activeFilters{border:none!important;padding:0!important;gap:6px!important}
#activeFilters>span{background:var(--ast-global-color-0)!important;border:none!important;color:#3a2a14;border-radius:999px!important;padding:3px 12px!important;font-size:13px!important}
#headerContainer{background:transparent!important;border-bottom:1px solid rgba(112,66,20,.18)!important}
#sortDropdown{border:1px solid rgba(112,66,20,.3);border-radius:8px;background:#fffdf6;min-height:40px;padding:0 10px}
#resultContainer>div{background:#fff!important;border:1px solid rgba(112,66,20,.15)!important;border-radius:10px!important;box-shadow:none!important}
/* Vista tabella */
#tableContainer{width:100%!important;border:none!important;padding:0 20px;box-sizing:border-box}
#tableView{width:100%!important;margin:15px 0!important;border-collapse:separate!important;border-spacing:0 8px}
#tableView .table-row{cursor:pointer}
#tableView .table-row:hover{transform:none!important;background:transparent!important}
#tableView td{background:#fff;padding:10px 14px!important;border:none!important;border-top:1px solid rgba(112,66,20,.15)!important;border-bottom:1px solid rgba(112,66,20,.15)!important;vertical-align:middle;font-size:14px;color:#3a2a14;line-height:1.4}
#tableView td:first-child{border-left:1px solid rgba(112,66,20,.15)!important;border-radius:10px 0 0 10px;width:118px}
#tableView td:last-child{border-right:1px solid rgba(112,66,20,.15)!important;border-radius:0 10px 10px 0}
#tableView td:first-child img{width:90px!important;height:90px;object-fit:cover;border-radius:6px;display:block;margin:0 auto}
#tableView td:nth-child(2){font-style:italic;font-weight:600;max-width:260px!important}
#tableView .table-row:hover td{background:#f3e3bf;border-color:var(--ast-global-color-0)!important}
#tableView th{text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#7a6445;padding:4px 14px;border:none;background:transparent}
#tableView{border:none!important}

/* Lista corali */
.oa-lista--corali{display:flex;align-items:stretch;width:100%}
.oa-lista--corali .oa-lista__filtri{width:30%;padding:20px;box-sizing:border-box}
.oa-lista--corali .oa-lista__risultati{width:70%;padding:20px;box-sizing:border-box}
.oa-lista--corali .oa-box{padding:20px}
#filters-info p{margin:0 0 10px;font-size:18px;font-weight:600}
#filters-info span{display:block;font-size:14px;font-weight:400;color:#7a6445}
#filters{display:flex;flex-direction:column;gap:6px}
#filters label{font-size:16px;font-weight:600;color:#3a2a14;margin-top:10px;padding-bottom:6px;border-bottom:1px solid rgba(112,66,20,.15)}
#filters select{width:100%;min-height:40px;padding:0 10px;border:1px solid rgba(112,66,20,.3);border-radius:8px;background:#fffdf6;font-size:15px}
#filters select:focus{outline:none;border-color:var(--ast-global-color-0);box-shadow:0 0 0 3px rgba(220,165,74,.25)}
#data-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.book-card{background:#fff;border:1px solid rgba(112,66,20,.15);border-radius:10px;overflow:hidden;transition:box-shadow .3s}
.book-card:hover{box-shadow:0 0 0 1px var(--ast-global-color-0)}
.book-card a{display:block;text-decoration:none;color:inherit;padding-bottom:12px;text-align:center}
.book-card img{display:block;width:100%;height:300px;object-fit:cover;object-position:top}
.book-card h3{margin:10px 12px 2px;font-size:18px;color:#3a2a14}
.book-card h7{display:block;margin:0 12px;font-style:italic;font-weight:600;font-size:14px;line-height:1.4;color:#3a2a14}
#reset-filters{margin-top:14px;border-radius:8px}
/* Uniformità opere / fototeca */
.oa-lista__filtri > button:first-child{background:var(--ast-global-color-0)!important;color:#fff!important;border-radius:6px!important}
#flex button svg{display:none!important}
#flex button::before{content:"";display:block;width:17px;height:17px;background:#fff;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'><circle cx='10' cy='10' r='7'/><path d='M21 21l-6-6'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'><circle cx='10' cy='10' r='7'/><path d='M21 21l-6-6'/></svg>") center/contain no-repeat}
#resultContainer{margin-top:15px!important}
.e-con:has(.oa-lista__filtri){padding:0!important}

/* pulsante Annulla della ricerca avanzata: secondario rispetto a Cerca */
.oa-lista__filtri .oa-btn-annulla{background:#fff!important;color:#3a2a14!important;border:none!important;box-shadow:inset 0 0 0 1px var(--ast-global-color-0);padding:8px 16px!important;margin-top:8px!important}
/* === Responsive liste (opere, fototeca, corali) — 2026-10 ===
   Le larghezze sono impostate inline dal JS: qui si sovrascrivono con !important */

/* tablet e schermi piccoli: filtri sopra, risultati sotto, a tutta larghezza */
@media (max-width: 1024px) {
  .oa-lista { flex-direction: column !important; }
  .oa-lista > .oa-lista__filtri,
  .oa-lista > .oa-lista__risultati {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }
  .oa-lista #resultContainer,
  .oa-lista #itemsContainer,
  .oa-lista #data-container { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

/* telefono: 2 colonne */
@media (max-width: 600px) {
  .oa-lista > .oa-lista__filtri { padding: 12px !important; }
  .oa-lista #resultContainer,
  .oa-lista #itemsContainer,
  .oa-lista #data-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}