/* mobile.css - regole per schermi stretti (max 768px). Un solo file condiviso, collegato da tutte le pagine.
   Nasconde la colonna laterale (resta il blocco Info & booking), impila il layout a 867px,
   rende fluide immagini/form/social. Il desktop non e' toccato. Backup: MARTIRIA_bak_mobile_20261020 */
@media (max-width:768px){
table[width="867"],table[width="867"]>tbody,table[width="867"]>tbody>tr,table[width="867"]>tbody>tr>td{display:block;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;height:auto!important}
tr:has(>td[width="20%"][valign="top"]),tr:has(>td[width="20%"][valign="top"])>td{display:block;width:100%!important}
td[width="20%"][valign="top"]>div>:not(:has(a[href="mailto:info@martiria.com"])){display:none!important}
table[width="200"],table[width="200"]>tbody{display:block;width:100%!important}
table[width="200"]{border-spacing:0!important}
table[width="200"] tr{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}
table[width="200"] td{display:block;width:auto!important}
table[width="200"] td:has(img[src*="homebtn"]),table[width="200"] td:has(img[src*="scrivibtn"]),table[width="200"] td:has(img[src*="webbtn"]){display:none!important}
td[background*="bg-top2"]{background-image:url("/immagini/bg-top2-mobile.jpg")!important;background-size:100% 100%!important;background-repeat:no-repeat!important;aspect-ratio:958/280;padding:0!important}
td[background*="bg-top2"] img{display:none!important}
tr:has(>td>table[width="200"]),tr:has(>td>table[width="200"])>td{display:block;width:100%!important;text-align:center}
.fb-like,.fb-share-button{display:inline-block;max-width:140px;overflow:hidden}
.fb-like span,.fb-share-button span{max-width:140px!important;overflow:hidden}
table{max-width:100%!important;border-spacing:0!important}
td,th{min-width:0!important;max-width:100%!important;box-sizing:border-box}
img{max-width:100%!important;height:auto!important}
#sliderFrame,#slider{width:100%!important;max-width:100%!important}
iframe,embed,object,video{max-width:100%!important}
*{overflow-wrap:anywhere}
input,textarea,select{max-width:100%!important;box-sizing:border-box}
input[type=text],input[type=email],textarea{width:100%!important}
blockquote{margin:0!important;padding:0!important}
table[width="95%"]{height:auto!important}
table[width="95%"]>tbody>tr:has(>td:nth-child(2):last-child),table[width="95%"] table[width="100%"]>tbody>tr:has(>td:nth-child(2):last-child){display:block}
table[width="95%"]>tbody>tr:has(>td:nth-child(2):last-child)>td,table[width="95%"] table[width="100%"]>tbody>tr:has(>td:nth-child(2):last-child)>td{display:block;width:100%!important;height:auto!important;padding:5px 0}
table[width="95%"] table[width="100%"]>tbody>tr:has(>td:nth-child(2):last-child)>td p[align="right"]{text-align:center}
table:has(>tbody>tr>td[rowspan="6"])>tbody{display:flex;flex-direction:column}
table:has(>tbody>tr>td[rowspan="6"])>tbody>tr{display:contents}
table:has(>tbody>tr>td[rowspan="6"])>tbody>tr>td{display:block;width:100%!important;height:auto!important;text-align:center}
table:has(>tbody>tr>td[rowspan="6"])>tbody>tr>td[rowspan]{order:1;text-align:left}
table:has(>tbody>tr>td[rowspan="6"])>tbody>tr>td:not([rowspan]) img{width:100%!important;height:auto!important}
table[width="98%"] font[size="2"][color="#FFFFCC"]{font-size:10px!important}
.g-recaptcha{display:flex;justify-content:center}
form:has(.g-recaptcha) table,form:has(.g-recaptcha) tbody,form:has(.g-recaptcha) tr,form:has(.g-recaptcha) td{display:block;width:100%!important}
form:has(.g-recaptcha) div[align="left"]{text-align:center}
}

