/* I quattro tasti sotto la scheda (scheda-azioni.js) e il foglio di stile della "Stampa base".
   Li usano la scheda di un annuncio (vendita-scheda.html) e quella di una barca a noleggio
   (barca.html e le 105 in barca/): le due pagine hanno gli stessi pezzi, con gli stessi nomi. */

/* ---- la fila dei tasti: quattro uguali, uno accanto all'altro ---- */
.bazsez{padding:clamp(40px,5vw,64px) 0;background:#fff}
.bazioni{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1060px;margin:0 auto}
.bazb{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 16px;margin:0;
 border:1.5px solid #0E2137;border-radius:3px;background:#fff;color:#0E2137;
 font:600 12px/1.3 'Montserrat',system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;
 text-align:center;text-decoration:none;cursor:pointer;transition:background .25s,color .25s}
.bazb:hover{background:#0E2137;color:#fff}
.bazb:focus-visible{outline:2px solid #0E2137;outline-offset:3px}
.bazb:disabled{opacity:.6;cursor:progress}
.bazb[hidden]{display:none}
@media(max-width:760px){.bazioni{grid-template-columns:1fr 1fr;gap:10px}.bazb{letter-spacing:.12em;font-size:11px}}
/* la testa del foglio della Stampa base di un annuncio: sullo schermo non c'e' */
.bstampa{display:none}

/* ---- Stampa base: la pagina com'e', pulita. Via menu, piede del sito, modulo, frecce e
   tasti; la foto in cima sopra il nome scritto in nero; le foto della galleria in griglia,
   tutte e intere; la scheda tecnica che non si spezza a meta' riga. ---- */
@media print{
 @page{size:A4;margin:14mm 13mm 15mm}
 html,body{background:#fff!important;overflow:visible!important}
 body{font-size:10pt!important;line-height:1.5!important;color:#000!important}
 .nav,.mmenu,footer,.bazsez,.blight,.bgalfr,.cform,#baltresez,.scrolldot,.grain,.lsw,.burger,.qhint,.okpop,
 .bpianofig figcaption{display:none!important}
 .reveal{opacity:1!important;transform:none!important;transition:none!important}
 img{filter:none!important}
 .wrap{max-width:none!important;padding:0!important}
 .sec,.bsez{padding:6mm 0!important;background:#fff!important}
 .btit{margin:0 0 4mm!important;text-align:left!important;max-width:none!important;break-inside:avoid;page-break-inside:avoid}
 .btit .h-upper,.bsez .h-upper{font-size:15pt!important;letter-spacing:.06em!important}
 .eyebrow{font-size:7pt!important}
 /* la foto in cima e il nome: niente testo bianco su una foto che la stampante puo' saltare */
 .bhero{min-height:0!important;display:block!important;background:none!important;padding:0!important}
 .bhero::after{display:none!important}
 .bhero .bg{position:static!important;display:block!important;width:100%!important;height:auto!important;
  max-height:105mm!important;aspect-ratio:auto!important;object-fit:contain!important}
 .bhero .banc{width:auto!important;padding:5mm 0 0!important;color:#000!important}
 .bhero .bantit{color:#000!important;font-size:24pt!important;text-shadow:none!important}
 .bhero .baneye,.bhero .banp{color:#333!important;text-shadow:none!important;max-width:none!important}
 .bstat{border:0!important}
 .bstat ul{padding:4mm 0!important;grid-template-columns:repeat(5,1fr)!important}
 .bstat b{font-size:18pt!important}
 .bgrid2{display:block!important}
 #brtesto p{font-size:10.5pt!important;line-height:1.55!important;margin-bottom:2.5mm!important}
 /* la galleria: tre per riga, ognuna con la sua forma */
 .bgal{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:3mm!important;overflow:visible!important;
  margin:0!important;padding:0!important;scroll-snap-type:none!important}
 .bgal figure{width:auto!important;break-inside:avoid;page-break-inside:avoid}
 .bgal img{aspect-ratio:auto!important;height:auto!important;border-radius:0!important;object-fit:contain!important;transform:none!important}
 .bgal figcaption{margin-top:1mm!important;font-size:6.5pt!important}
 /* la scheda tecnica: righe intere, titoli mai soli in fondo al foglio */
 .btab div,.acop>div,.anote li,.acab li,.agr,.bliste li,.bstag .bd{break-inside:avoid;page-break-inside:avoid}
 .bgr h3,.asez h3,.bliste h3,.agr h4,.btit{break-after:avoid;page-break-after:avoid}
 .btab div{padding:2mm 0!important}
 .btab dt,.btab dd,.acop dt,.acop dd{font-size:9pt!important}
 .bstag article{background:#fff!important;color:#000!important;border:.3mm solid #C9D0D8;break-inside:avoid}
 .bstag h3,.bstag .bd b,.bstag .bd span,.bstag .bd i{color:#000!important}
 .bpianoimg{max-height:120mm;width:auto!important;max-width:100%!important;margin:0 auto}
 /* i contatti restano, il modulo no */
 #prenota{background:#fff!important}
 #prenota .ccol,.recapiti li{break-inside:avoid;page-break-inside:avoid}
 .cgrid2{display:block!important}
 a{color:inherit!important;text-decoration:none!important}
 /* la scheda di un annuncio impaginata in un solo schermo (11/10/2026): la foto grande sopra il
    nome, i tasti in alto via, la striscia delle foto in griglia senza ripetere la prima */
 .bapre{padding:0!important}
 .bapgrid{display:block!important}
 .bmain{aspect-ratio:auto!important;border-radius:0!important;margin:0 0 5mm!important;background:none!important}
 .bmain .bg{position:static!important;width:100%!important;height:auto!important;max-height:105mm!important;object-fit:contain!important;transform:none!important}
 .bnfoto,.bazioni.bsu{display:none!important}
 .bcapo .bantit{font-size:22pt!important;color:#000!important}
 .bprz .bprezzo{font-size:16pt!important;color:#000!important}
 .bapre .bstat ul{display:flex!important}
 .bstrip{padding:4mm 0 0!important}
 .bstrip .bgal figure[data-i="0"]{display:none!important}
 .bstrip .bgal figure{height:auto!important}
 .bstrip .bgal img{width:100%!important}
 .bstrip .bgal figcaption{display:block!important}
 .bspec{padding-top:4mm!important}
 /* Stampa base di un annuncio, giro due (11/10/2026): un foglio corto e col marchio. In testa
    logo, dati di AYS e indirizzo della pagina; poi la foto grande accanto a nome, prezzo e
    numeri; la scheda tecnica; in fondo otto foto della striscia, intere, e i recapiti. Prima
    erano cinque fogli senza marchio, con le foto prima dei dati. */
 .bstampa{display:flex!important;align-items:center;justify-content:space-between;gap:8mm;
  padding:0 0 3.5mm;margin:0 0 5mm;border-bottom:.3mm solid #0E2137;break-inside:avoid}
 .bstampa img{height:12mm;width:auto}
 .bstampa p{margin:0;text-align:right;font-size:8pt;line-height:1.45;color:#000}
 .bstampa b,.bstampa span{display:block}
 body:has(.bapre){display:flex!important;flex-direction:column!important}
 body:has(.bapre)>.bstrip{order:1}
 body:has(.bapre)>#prenota{order:2}
 .bapre .bapgrid{display:grid!important;grid-template-columns:78mm minmax(0,1fr)!important;gap:7mm!important;align-items:start}
 .bapre .bapgrid.senzafoto{grid-template-columns:1fr!important}
 .bapre .bmain{display:block!important;height:auto!important;margin:0!important}
 .bapre .bmain[hidden]{display:none!important}
 .bapre .bmain .bg{max-height:62mm!important}
 .bcapo .bantit{font-size:19pt!important}
 .bstrip{padding:2mm 0 0!important;break-before:auto}
 .bstrip .bgal{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3mm!important}
 .bstrip .bgal figure:nth-child(n+10){display:none!important}
 body:has(.bapre)>#prenota{padding:4mm 0 0!important}
 .bstrip .bgal img{aspect-ratio:4/3!important;height:auto!important;object-fit:contain!important;background:#fff!important}
 .bstrip .bgal figcaption{display:none!important}
}
