/* Additions for new pages only; original styles.css intentionally unchanged. */
:root{--villa-brown:#b58e60}
/* Same navigation width as original version: 1600px, not the 1140px top-bar width. */
.site-navigation{max-width:1600px;width:100%;min-height:90px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-inline:auto}
.site-navigation .primary-links{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(15px,1.45vw,26px);min-width:0}
.site-navigation .primary-links a{display:inline-block;flex:none;white-space:nowrap;padding:8px 0;font-size:clamp(.76rem,.9vw,.94rem);line-height:1.3}
.site-navigation .center-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.site-navigation .center-logo img{display:block;width:145px;max-height:70px;object-fit:contain}
.site-navigation .nav-booking{margin-left:auto;display:flex;align-items:center;justify-content:end;min-width:155px}
.site-navigation .booking-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:13px 24px;text-decoration:none}
@media(min-width:992px) and (max-width:1300px){.site-navigation{gap:13px}.site-navigation .primary-links{gap:14px}.site-navigation .primary-links a{font-size:.76rem}.site-navigation .center-logo img{width:120px}.site-navigation .nav-booking{min-width:125px}.site-navigation .nav-booking .booking-btn{padding:12px 13px}}
@media(max-width:991.98px){.site-navigation{min-height:82px;display:grid;grid-template-columns:1fr auto 1fr}.site-navigation .center-logo{position:static;transform:none;grid-column:2;grid-row:1}.site-navigation .mobile-menu-icon{grid-column:1;grid-row:1;display:flex;justify-content:start}.site-navigation .nav-booking,.site-navigation .primary-links{display:none!important}.site-navigation .center-logo img{width:135px;max-height:65px}}
/* Original About Us booking button is .btn.btn-primary.booking-btn; no replacement button color. */
.room-detail-content,.new-page-content{max-width:1140px;margin-inline:auto}
.room-detail-content .room-copy{max-width:860px;margin:0 auto 32px;text-align:center}
.room-detail-content .room-copy p{line-height:1.85}
.room-detail-content .room-lead{font-size:clamp(1.05rem,1.5vw,1.22rem)}
.room-detail-content .room-copy-after{margin:35px auto 0}
.room-detail-content .room-note{font-size:.94rem;color:#666;margin:20px auto 25px}
.room-detail-content .room-gallery{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:18px;margin:25px auto 45px;max-width:100%}
.room-detail-content .room-gallery .gallery-item{min-width:0;max-width:none;width:auto;display:block;flex:none}
.room-detail-content .room-gallery img{width:100%;height:320px;object-fit:cover;border-radius:3px;display:block}
.room-detail-content .room-action-row{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin:26px auto 0}
.room-detail-content .room-action-row .booking-btn,.six-page .booking-btn{display:inline-block;padding:15px 24px;text-decoration:none;line-height:1.3}
.room-detail-content .room-action-row .room-back-link{color:#fff;text-decoration:none}
.six-card{height:100%;background:white;border:1px solid #e8e5e2;overflow:hidden}
.six-cover{display:block;width:100%;height:250px;object-fit:cover}
.six-thumbnails{display:flex;gap:10px}.six-thumbnails img{width:100%;height:92px;object-fit:cover}
.six-menu-panel{max-width:900px;margin:auto;padding:clamp(20px,4vw,55px);border:1px solid #e5e5e5}
.six-menu-heading{border-bottom:2px solid var(--villa-brown);padding-bottom:10px;margin:25px 0 12px}
.six-menu-item{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:13px}
.six-menu-item span{color:#896743;white-space:nowrap}.six-menu-desc{color:#606060;line-height:1.65}
.six-breakfast-img{max-width:min(100%,650px);height:auto}
.villa-faq-intro{max-width:760px;margin:0 auto 40px;text-align:center;line-height:1.8}
.legal-content h2{font-size:1.55rem;margin-top:26px}.legal-content p{line-height:1.8}
.blog-listing .blog-img-wrapper img.blog-img{object-fit:cover}
@media(max-width:767px){.room-detail-content .room-gallery{grid-template-columns:1fr;gap:15px}.room-detail-content .room-gallery img{height:260px}.room-detail-content .room-action-row{flex-direction:column}.room-detail-content .room-action-row>a{width:min(100%,340px);text-align:center}.six-menu-item{flex-wrap:wrap;gap:5px}.six-cover{height:230px}}

/* V8: original About page alignment and homepage booking row, scoped fixes only. */
.about-section .row.align-items-center.justify-content-center {margin-left:auto;margin-right:auto;}
.about-section .rating-block {gap:12px;}
.services-section .row.justify-content-center > .col {display:flex;justify-content:center;}
.services-section .service-item {width:100%;max-width:300px;text-align:center;}
@media (min-width:1200px) {
  .hero .booking-form .hero-booking-row {display:flex;flex-wrap:nowrap;align-items:stretch;}
  .hero .booking-form .hero-booking-field {flex:1 1 0;min-width:0;width:auto;max-width:none;}
  .hero .booking-form .hero-booking-field input,
  .hero .booking-form .hero-booking-field select,
  .hero .booking-form .hero-booking-field button {height:54px;margin-bottom:0;min-width:0;}
  .hero .booking-form .hero-booking-field button {white-space:nowrap;}
}
@media (max-width:1199.98px) {
  .hero .booking-form .hero-booking-field {min-width:0;}
}