/* Il widget Octorate sulle pagine del refresh (home).
   Estratto da site/stile.css il 13/09/2026: solo cio' che riguarda il modulo di
   ricerca e il suo calendario. Le pagine del refresh non caricano stile.css.
   Il carattere e' quello del refresh (Albert Sans). Il resto, comprese le
   ragioni di ogni regola, sta nei commenti di stile.css. */
.octobook>form{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:0 10px;padding:0!important;overflow:visible!important}
.octobooksubmit,.octobooksubmit>div{height:auto!important;overflow:visible!important}
.octobooksubmit>div>input{appearance:button;cursor:pointer;color:#fff!important;height:48px!important;line-height:48px!important;letter-spacing:.06em;text-align:center;text-transform:none;white-space:pre;width:170px!important;background:#6f5f35!important;border:0;font:500 15px/48px "Albert Sans",sans-serif!important;margin:0!important;padding:0;transition:background .2s}
.octobooksubmit>div>input:hover{background:#23221f!important}
.textdate{box-sizing:border-box;color:#23221f;cursor:pointer;height:108px;max-width:100%;text-align:left;white-space:nowrap;width:235px;padding:0 0 10px;overflow:hidden!important}
.textdate>div{box-sizing:border-box;color:#23221f;cursor:pointer;display:inline-block;height:90px;text-align:left;white-space:nowrap;width:235px;background:#fff;font-size:11.2px;line-height:23.8px}
.textdate table{color:#23221f;cursor:pointer;height:90px;min-height:53px;text-align:left;white-space:nowrap;width:235px;border-top:1px solid #cfccc4;border-left:1px solid #cfccc4;border-spacing:0;font-size:11.2px;line-height:23.8px}
.textdate tbody{box-sizing:border-box;height:89px;width:234px;font-size:11.2px;line-height:23.8px}
.textdate tr{box-sizing:border-box;height:44px;vertical-align:middle;white-space:nowrap;width:234px;font-size:11.2px;line-height:23.8px}
.textdate td.day{background:#fff;box-sizing:border-box;cursor:pointer;height:89px;min-width:32px;text-align:center;text-transform:uppercase;vertical-align:middle;width:81px;border-right:1px solid #cfccc4;border-bottom:1px solid #cfccc4;font-size:26px;line-height:23.8px;padding:10px 20px;font-family:Cormorant,serif;font-weight:500}
.textdate td:nth-child(2){background:#fff;box-sizing:border-box;cursor:pointer;height:44px;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap;width:153px;border-right:1px solid #cfccc4;border-bottom:1px solid #cfccc4;font-size:12px;line-height:23.8px;padding:10px 20px;letter-spacing:.04em}
.textdate tr:first-child td:nth-child(2){border-bottom:1px solid #cfccc4!important}
.textdate td>span.month{text-transform:uppercase;white-space:nowrap;font-size:12px}
.textdate td>span.year{background:#fff;color:#66625a;text-transform:uppercase;white-space:nowrap;font-size:12px}
.textdate td.weekday{background:#fff;box-sizing:border-box;cursor:pointer;height:44px;min-width:70px;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap;width:153px;border-right:1px solid #cfccc4;border-bottom:1px solid #cfccc4;font-size:12px;line-height:23.8px;padding:10px 20px;letter-spacing:.04em}
#ui-datepicker-div-octorate td a,#ui-datepicker-div-octorate td span{padding:0!important}
.octobookpax.Large>div>select{font-family:"Albert Sans",sans-serif!important;font-size:1.05em!important;padding:0 15px!important;height:48px!important;line-height:48px!important;text-align:center;background:#fff!important;box-sizing:border-box!important;border-top:1px solid #cfccc4!important;border-left:1px solid #cfccc4!important;border-right:0!important;border-bottom:0!important;color:#23221f}
#ui-datepicker-div-octorate td,#ui-datepicker-div-octorate th{border:hidden}
.octobookcheckin>div>div,.octobookcheckout>div>div{height:90px!important}
div.octobookpax select[name=pax] option:nth-child(n+3){display:none!important}
div.octorate-tooltip{display:none!important;opacity:0!important;visibility:hidden!important;height:0!important;width:0!important;padding:0!important}
.ui-datepicker,.ui-datepicker-multi,.ui-datepicker-div-octorate,.ui-datepicker *,.ui-datepicker-multi *,.ui-datepicker-div-octorate *{font-family:"Albert Sans",sans-serif!important}
/* Calendario: solo i colori (stile.css spiega perche' il doppio ID e perche' non si tocca la geometria). */
#ui-datepicker-div-octorate#ui-datepicker-div-octorate td.ui-range-start a,#ui-datepicker-div-octorate#ui-datepicker-div-octorate td.ui-range-end a{background-color:#a59156!important}
#ui-datepicker-div-octorate#ui-datepicker-div-octorate td.ui-range-start{background:linear-gradient(90deg,#fff 50%,rgba(165,145,86,0) 50%,#f2ead9 100%)}
#ui-datepicker-div-octorate#ui-datepicker-div-octorate td.ui-range-end{background:linear-gradient(270deg,#fff 50%,rgba(165,145,86,0) 50%,#f2ead9 100%)}
#ui-datepicker-div-octorate#ui-datepicker-div-octorate .ui-datepicker-prev span{border-right-color:#a59156!important}
#ui-datepicker-div-octorate#ui-datepicker-div-octorate .ui-datepicker-next span{border-left-color:#a59156!important}
#ui-datepicker-div-octorate#ui-datepicker-div-octorate td.ui-state-highlight,#ui-datepicker-div-octorate#ui-datepicker-div-octorate td.ui-state-highlight .ui-state-default{background:#f2ead9!important}
#ui-datepicker-div-octorate#ui-datepicker-div-octorate td.ui-datepicker-today:not(.ui-range-start):not(.ui-range-end)>a{color:#212121!important}
