/* Kriterion Quant - Studi (v2): tema coerente con Soluzioni/Casi-duso
   SOLO formattazione. Più specificità e !important per vincere CSS del tema. */

/* Palette & vars */
:root{
  --kq-bg:#071a2d;
  --kq-text:#ffffff;
  --kq-muted:#b7c7da;
  --kq-accent:#ff7a00;
  --kq-accent-2:#ffa559;
  --kq-card:#0b2540;
  --kq-border:rgba(255,255,255,0.08);
}

/* Diagnostic: se vedi subito lo sfondo blu, il CSS è caricato */
html, body{ background:var(--kq-bg) !important; color:var(--kq-text) !important; }
html, body{ font-family:"Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji", sans-serif !important; }
a{ color:var(--kq-accent) !important; text-decoration:none; }
a:hover{ text-decoration:underline; }

/* Contenitore centrato */
.container, .wrap, .content, .main, .page, .page-content{
  max-width:1180px !important;
  width:92% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Se il tema usa flex e allinea a sinistra, recentra */
.wp-block-group, .wp-block-columns, .is-layout-flex, .row{
  justify-content:center !important;
}

/* Controlli/filtri */
input[type="text"], input[type="search"], select, .search input, .filter input, .filter select{
  background: rgba(255,255,255,0.04) !important;
  color: var(--kq-text) !important;
  border:1px solid var(--kq-border) !important;
  border-radius:12px !important;
  padding:10px 12px !important;
  outline:none !important;
}

/* Bottoni */
button, .btn, .button, input[type="submit"]{
  background: var(--kq-accent) !important;
  color:#0b1117 !important;
  border:1px solid transparent !important;
  border-radius:12px !important;
  height:40px !important;
  padding:0 14px !important;
  font-weight:700 !important;
  cursor:pointer !important;
}
.btn.ghost, .button.ghost{
  background:transparent !important;
  color:var(--kq-accent) !important;
  border-color:var(--kq-accent) !important;
}

/* Cards elenco */
.card, .post-card, .article, .box, .panel{
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.00)) !important;
  border:1px solid var(--kq-border) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}
.card:hover, .post-card:hover, .article:hover, .box:hover, .panel:hover{
  transform: translateY(-2px) !important;
  border-color: rgba(255,255,255,0.18) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.35) !important;
}
.card .title a, .post-card .title a, .article .title a{
  color:var(--kq-text) !important;
  text-decoration:none !important;
  font-weight:700 !important;
}
.card .title a:hover, .post-card .title a:hover, .article .title a:hover{
  color:var(--kq-accent) !important;
}

/* Tabelle */
table{ width:100% !important; border-collapse:separate !important; border-spacing:0 !important; border:1px solid var(--kq-border) !important; border-radius:14px !important; overflow:hidden !important; }
th, td{ padding:12px 14px !important; text-align:left !important; color:var(--kq-text) !important; }
thead th{ background: rgba(255,255,255,0.04) !important; font-weight:700 !important; }
tbody tr + tr td{ border-top:1px solid var(--kq-border) !important; }

/* Testo attenuato */
.muted, .subtle, .excerpt, .summary, .meta, .date{ color:var(--kq-muted) !important; }

/* Focus accessibile */
:focus-visible{ outline:2px solid rgba(255,122,0,0.55) !important; outline-offset:2px; }