/* Rooms: the original Archtek navigation replaces the photographic banner. */
.header-menu-inline{background:#222;position:relative;z-index:999}
.header-menu-inline #header-container{position:relative;top:0;left:auto;margin:0 auto;background:#222;min-height:60px}
.header-menu-inline #logo-wrapper{position:static;padding:15px 20px;float:left}
.header-menu-inline #logo img{height:30px;margin:0}
.header-menu-inline #menu-wrapper{padding:4px 16px 0 0}
.header-menu-inline #root-menu{margin-bottom:0}
@media(max-width:959px){.header-menu-inline #logo-wrapper{float:none;padding:14px 20px}.header-menu-inline #menu-wrapper{padding:0}}
.rooms-two-columns{background:#fff}
.rooms-description{padding:28px}
.rooms-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.rooms-images{padding:0}
.rooms-image-link{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:#eee}
.rooms-image-link img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.rooms-image-caption{position:absolute;bottom:0;left:0;right:0;padding:12px;background:rgba(0,0,0,.65);color:#fff}
@media(max-width:767px){.rooms-description{padding:24px}.rooms-image-caption{padding:8px;font-size:13px}}
/* Classic Archtek header: in document flow, with no scroll animation. */
#header-container.header-static{position:relative;top:0;left:auto;margin:0 auto;background:#222;min-height:60px}
#header-container.header-static #logo-wrapper{position:static;float:left;padding:15px 20px}
#header-container.header-static #logo img{height:30px;margin:0}
#header-container.header-static #menu-wrapper{padding:4px 16px 0 0}
#header-container.header-static #root-menu{margin-bottom:0}
#header-container.header-static a{transition:none}
@media(max-width:959px){#header-container.header-static #logo-wrapper{float:none;padding:14px 20px}#header-container.header-static #menu-wrapper{padding:0}}
/* Full-width classic navigation bar. */
#header-container.header-static{width:100%;max-width:none}
/* Two Foundation columns; retain Archtek portfolio cards and hover treatment. */
.rooms-archtek-layout{background:#fff}
.rooms-archtek-text{padding:32px 40px}
.rooms-archtek-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.rooms-archtek-grid .portfolio-item{width:100%;height:auto;aspect-ratio:1;float:none}
.rooms-archtek-grid .portfolio-item>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.rooms-archtek-grid .backstretch{width:100%!important;height:100%!important}
@media(max-width:767px){.rooms-archtek-text{padding:24px 20px}}
.rooms-archtek-grid .portfolio-item{position:relative}
#logo .hotel-name{display:block;color:#fff;font-size:20px;font-weight:600;line-height:30px;text-decoration:none}
/* Booking search: shared public form, retaining its existing fields and calendar. */
#form_prezzi{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0;margin:0 auto;padding:22px 20px;max-width:1200px;background:#fff}
#form_prezzi>.columns{float:none;padding:0 10px}
#form_prezzi label{display:block;color:#555;font-size:13px;font-weight:600;line-height:1.4}
#form_prezzi input:not([type="hidden"]),#form_prezzi select{box-sizing:border-box;width:100%;height:46px;margin:7px 0 0;padding:10px 12px;border:1px solid #d3d9dd;background:#fafbfc;color:#333;font-size:15px;line-height:normal;border-radius:4px;box-shadow:none}
#form_prezzi input:focus,#form_prezzi select:focus{border-color:#1b83be;outline:2px solid rgba(27,131,190,.18);outline-offset:1px;background:#fff}
#form_prezzi input[type="submit"]{background:#1b83be;color:#fff;border-color:#1b83be;font-weight:600;cursor:pointer}
#form_prezzi input[type="submit"]:hover{background:#146b9d}
#form_prezzi>.columns:last-of-type label{font-size:13px}
@media(max-width:959px){#form_prezzi{row-gap:16px}}
@media(max-width:479px){#form_prezzi{padding:20px 10px}#form_prezzi>.columns{padding:0 7px}#form_prezzi input:not([type="hidden"]),#form_prezzi select{padding:8px;font-size:14px}}
@media(min-width:768px) and (max-width:959px){#form_prezzi>.columns{width:33.333333%}}
#form_prezzi .booking-label-icon{display:inline-block;width:18px;color:#1b83be;text-align:center;margin-right:3px}
#form_prezzi svg.booking-label-icon{width:18px;height:18px;vertical-align:-4px}
#slider-prev .carousel-arrow,#slider-next .carousel-arrow{width:28px;height:36px;vertical-align:middle}
.hotel-sidebar{margin:8px 0 24px;background:#f7f8f9;border:1px solid #e1e5e8;border-radius:4px;overflow:hidden}
.hotel-sidebar ul{list-style:none;margin:0;padding:0}
.hotel-sidebar li{margin:0;padding:0}
.hotel-sidebar li+li{border-top:1px solid #e1e5e8}
.hotel-sidebar a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px;border-left:3px solid transparent;color:#555;font-size:14px;line-height:1.4;text-decoration:none}
.hotel-sidebar svg{width:14px;height:14px;flex-shrink:0;color:#8d9aa3}
.hotel-sidebar a:hover,.hotel-sidebar a:focus-visible{background:#eaf3f8;color:#146b9d}
.hotel-sidebar a.is-current{background:#eaf3f8;border-left-color:#1b83be;color:#146b9d;font-weight:600}
.hotel-sidebar a.is-current svg{color:#1b83be}
@media(max-width:767px){.hotel-sidebar a{padding:13px 16px}}
.hotel-sidebar,.hotel-sidebar a,.hotel-sidebar a span{text-align:left}
.hotel-sidebar a span{flex:1}
.hotel-sidebar{margin:0 0 18px}
.hotel-sidebar a{padding:10px 12px;gap:6px;line-height:1.3}
@media(max-width:767px){.hotel-sidebar a{padding:11px 12px}}
#content-container .hotel-sidebar ul{list-style:none;margin:0;padding:0}
#content-container .hotel-sidebar li{list-style:none}
@media(min-width:768px){.hotel-sidebar-layout>.large-3{padding-right:16px}.hotel-sidebar-layout>.large-9{padding-left:16px}}
/* Let the sidebar fill its existing column, with minimal side gutters. */
.hotel-sidebar-layout>.large-3{padding-left:8px;padding-right:8px}
/* Public Archtek typography: editorial headings and clear interface text. */
body,input,select,textarea,button{font-family:'Source Sans 3',Arial,sans-serif}
h1,h2,h3,h4,h5,h6,#logo .hotel-name{font-family:'Lora',Georgia,serif;font-weight:500;letter-spacing:-.015em}
#root-menu,.hotel-sidebar,#form_prezzi,.button{font-family:'Source Sans 3',Arial,sans-serif}
#root-menu{letter-spacing:.015em}
#logo .hotel-name{font-weight:500;letter-spacing:.01em}
#content-container .columns,#intro p,.slider-caption p,#footer-content-container,#footer-bar-container{font-family:'Source Sans 3',Arial,sans-serif}
body h1,body h2,body h3,body h4,body h5,body h6{font-family:'Lora',Georgia,serif!important}
.testimonial-inner{font-family:'Source Sans 3',Arial,sans-serif!important}
/* Public accessibility: landmarks, focus, readable links and button contrast. */
.skip-content{position:absolute;left:12px;top:-100px;background:#fff;color:#164f73;padding:12px 18px;z-index:10000}
.skip-content:focus{top:12px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #146b9d;outline-offset:3px}
#main-content:focus{outline:none}
#content-container p a:not(.button),#footer-content p a:not(.button),#footer-content li a{text-decoration:underline}
#content-container p a:not(.button){color:#12638f}
#form_prezzi input[type="submit"],.button{background-color:#146b9d;border-color:#146b9d;color:#fff}
.button.success{background-color:#39751b;border-color:#39751b;color:#fff}
#footer-content-container{color:#ccc}
#footer-content a:not(.button){color:#e0e8ed}
#footer-content .footer-heading{color:#fff;font-size:18px;font-weight:600;line-height:24px;margin-bottom:12px}
#content-container .newsletter-heading{font-size:18px;font-weight:600;line-height:1.3}
.slider-caption .slide-title{font-family:'Lora',Georgia,serif;font-size:60px;font-weight:400;line-height:1.1;margin-bottom:30px;color:#fff}
@media(max-width:959px){.slider-caption .slide-title{font-size:42px}}
@media(max-width:767px){.slider-caption .slide-title{font-size:36px}}
.portfolio-item-hover .portfolio-card-title{border-bottom:1px solid #fff;color:#fff;font-family:'Lora',Georgia,serif;font-size:18px;font-weight:600;line-height:1;margin-bottom:24px;padding:25px 0;text-transform:uppercase}
/* Preserve the original centred promo block after the semantic section change. */
#news-offers{margin-left:auto;margin-right:auto;position:relative}
#news-offers .columns{color:#444;font-family:'Source Sans 3',Arial,sans-serif;font-size:18px}
#news-offers .newsletter-heading{font-size:18px;font-weight:600;line-height:1.3}
/* Review links must remain legible against Archtek's dark testimonial panel. */
#content-container .testimonial-inner blockquote p a:not(.button){color:#b8e3ff;text-decoration:underline}
#content-container .testimonial-inner blockquote p a:not(.button):hover,#content-container .testimonial-inner blockquote p a:not(.button):focus-visible{color:#fff}
/* Cookie information is an inline link and must not rely on colour alone. */
.cc_banner-wrapper .cc_banner .cc_message a.cc_more_info{text-decoration:underline!important;text-underline-offset:2px}