/* qlWeb v8 blocks for the classic templates.
   These sit in areas where a template may set no colours at all, so each block
   paints its own panel. Light templates barely show it, dark ones stay readable. */
.v8-utility,
.v8-block,
.v8-footer-cols,
.v8-footer-bottom{
  background:rgba(255,255,255,.92);
  color:#1a1a1a;
  border-radius:3px;
}
.v8-utility a,.v8-block a,.v8-footer-cols a,.v8-footer-bottom a{color:#0b4d6e;text-decoration:underline}
.v8-utility a:hover,.v8-block a:hover,.v8-footer-cols a:hover,.v8-footer-bottom a:hover{color:#08344a}

.v8-utility{padding:6px 10px;font-size:12px;text-align:center;border-bottom:1px solid rgba(0,0,0,.15)}
.v8-utility span{margin:0 8px}
.v8-logo{padding:6px 0}
.v8-logo img{max-width:100%;height:auto;display:inline-block}
.v8-block{padding:8px 10px;margin:6px 0}
.v8-footer-cols{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;padding:12px 10px;text-align:left;margin:8px 0}
.v8-fcol{min-width:130px}
.v8-fcol a{display:block;padding:2px 0}
.v8-footer-bottom{padding:8px 10px;text-align:center;margin:4px 0}
.v8-footer-bottom a{display:inline-block;margin:0 8px}
@media (max-width:600px){
  .v8-footer-cols{gap:10px}
  .v8-fcol{min-width:45%}
}