/* raimondostrassoldo.it - foglio di stile unico (2026) */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-y:scroll}
@supports (scrollbar-gutter:stable){html{overflow-y:auto;scrollbar-gutter:stable}}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:#f0f0f0 url(../images/content_bkgd_tile.jpg) repeat-x;color:#3a3a3a;font:16px/1.55 Arial,Helvetica,Verdana,sans-serif}
img{max-width:100%;height:auto}
a{color:#1f4f8a;text-decoration:underline dotted 1px;text-decoration-color:rgba(31,79,138,.55);text-underline-offset:3px;transition:color .2s,background-color .2s,text-decoration-color .2s}
a:hover,a:focus{color:#0d2f57;text-decoration-style:solid;text-decoration-color:currentColor;background-color:rgba(115,145,182,.18)}
a:has(img):hover,a:has(img):focus{background-color:transparent}
.logo,.logo:hover,.logo:focus{background:none}
:focus-visible{outline:3px solid #f0b400;outline-offset:2px}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:10px;top:10px;z-index:10;background:#fff;padding:8px 12px}

/* Testata */
.testata{background:#4971a2}
.testata .wrap{display:flex;align-items:center;justify-content:space-between;min-height:80px;background:url(../images/banner_bkgd.jpg) no-repeat left top}
.logo{display:flex;align-items:center;gap:14px;color:#271d1c;text-decoration:none;font-weight:bold;font-size:2.6rem;line-height:1.1;padding:8px 0}
.logo img{height:60px;width:auto}
.logo:hover,.logo:focus{color:#000}
.menu-toggle{display:none;background:#2f5583;color:#fff;border:1px solid #fff;border-radius:4px;padding:8px 14px;font-size:1rem;cursor:pointer}

/* Menu */
.nav{background:#436d9c url(../images/topnav_bkgd.jpg) repeat-x}
.nav ul{list-style:none;margin:0;padding:0}
.nav>.wrap>ul{display:flex;justify-content:flex-end;flex-wrap:wrap}
.nav li{position:relative}
.nav a,.nav button{display:block;color:#fff;text-decoration:none;font:bold 15px Arial,Helvetica,sans-serif;padding:9px 16px;background:none;border:0;border-left:1px solid rgba(255,255,255,.35);cursor:pointer;width:100%;text-align:left}
.nav a:hover,.nav a:focus,.nav button:hover,.nav button:focus,.nav [aria-current=page]{background:#2f5583}
.nav .sub>button::after{content:" \25BE"}
.nav .sub ul{display:none;position:absolute;right:0;top:100%;min-width:300px;background:#eeeeee;box-shadow:0 4px 10px rgba(0,0,0,.25);z-index:5}
.nav .sub ul a{color:#333;font-weight:normal;border:0;padding:7px 14px}
.nav .sub ul a:hover,.nav .sub ul a:focus{background:#33629c;color:#fff}
.nav .sub:hover>ul,.nav .sub:focus-within>ul,.nav .sub.open>ul{display:block}

/* Contenuti */
main{flex:1 0 auto;width:100%;background:#f2f2f2;max-width:980px;margin:0 auto;padding:30px 40px 40px;min-height:60vh}
h1.titolo-sezione,h2.sottotitolo{color:#fff;background:#7391b6;padding:4px 10px;font-size:1.6rem;font-weight:normal;margin:0 0 20px}
h2.sottotitolo{background:#b7cce5;color:#214265;font-size:1.25rem}
main p{text-align:justify;margin:0 0 12px}
.elenco{font-size:1.1rem}
.elenco ul{padding-left:0}
.elenco li{margin:4px 0}

/* Tabelle di copertine */
table{border-collapse:collapse}
td{vertical-align:top}
td.articolo{width:185px;padding:5px 15px 5px 5px;font-size:1.05rem}
img.articolo{width:160px;height:220px;object-fit:cover}
td.libri{text-align:center;width:155px;padding:0 4px 10px}
img.libro{width:150px;height:210px;object-fit:cover}
img.libroGrande{width:200px;height:310px;object-fit:cover}
td.foto{text-align:center;padding:0 6px 10px}
img.foto,img.fotoV{height:130px;width:auto}

/* Home */
.home{display:grid;grid-template-columns:1fr 230px;gap:30px}
.home .principale{border-right:1px solid #bbb;padding-right:30px}
.foto-home{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 20px;text-align:center;font-size:.8rem}
.foto-home img{height:198px;width:auto}
.foto-home figure{margin:0}
.laterale ul{list-style:none;padding:0}
.laterale li{display:flex;align-items:center;gap:8px;margin:6px 0;font-weight:bold}
.recapiti{margin-top:40px;font-size:.95rem}
.recapiti address{font-style:normal}

/* Pagina foto singola */
.foto-singola img{width:600px;max-width:100%}

/* Piede */
.piede{width:100%;max-width:980px;margin:0 auto;padding:12px 40px;background:#cfcfcf;font-size:.9rem}
.piede nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.copyright{width:100%;max-width:980px;margin:0 auto;padding:10px 40px;background:#436d9c;color:#fff;font-size:.8rem;text-align:center}
.piede a{color:#1f3f66}

/* Mobile */
@media (max-width:760px){
  .logo{font-size:1.5rem}
  .logo img{height:44px}
  .js .menu-toggle{display:block}
  .js .nav{display:none}
  .js .nav.open{display:block}
  .nav>.wrap{padding:0}
  .nav>.wrap>ul{display:block}
  .nav a,.nav button{border-left:0;border-top:1px solid rgba(255,255,255,.25);padding:12px 20px}
  .nav .sub ul{position:static;box-shadow:none;min-width:0}
  .nav .sub:hover>ul,.nav .sub:focus-within>ul{display:none}
  .nav .sub.open>ul{display:block}
  .no-js .nav .sub ul{display:block}
  main{padding:20px 16px 30px}
  .home{grid-template-columns:1fr}
  .home .principale{border-right:0;padding-right:0}
  .foto-home{grid-template-columns:1fr 1fr}
  .foto-home img{height:150px}
  table,tbody{display:block}
  table.tab-articoli tr{display:grid;grid-template-columns:110px 1fr;gap:6px 12px;margin-bottom:6px}
  table.tab-articoli td{display:block;width:auto;padding:0}
  img.articolo{width:110px;height:150px}
  table.tab-griglia tr{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
  table.tab-griglia td{display:block;width:auto;max-width:none}
  img.libro{width:130px;height:182px}
  main p{text-align:left}
  .piede,.copyright{padding:12px 16px}
}
@media print{.nav,.menu-toggle,.piede{display:none}.copyright{background:none;color:#000}main{max-width:none}}
.laterale li img{height:25px;width:auto}
@media (max-width:760px){.nav .sub ul a{padding-left:36px}}
/* Griglia libri */
.griglia-libri{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 12px}
.griglia-libri li{text-align:center}
.griglia-libri a{display:block}
.griglia-libri img.libro{display:block;margin:0 auto 6px;width:100%;max-width:150px;height:auto;aspect-ratio:150/210;object-fit:cover}
.griglia-libri .didascalia{font-size:.95rem}
@media (max-width:760px){.griglia-libri{grid-template-columns:repeat(2,1fr)}}