.reservation-page{background:#f5f4ee;color:#17221d}.reservation-top{position:relative;background:#fff;border-bottom:1px solid #e5e8e1}.reservation-top .nav{min-height:76px}.back-home{display:inline-flex;gap:8px;align-items:center;color:#476154;font-size:13px;font-weight:500}.reservation-main{padding:48px 0 70px}.reservation-title{text-align:center;margin:0 auto 28px}.reservation-title h1{font-size:32px;font-weight:500;margin:8px 0 9px;letter-spacing:-.5px}.reservation-title p{color:#727b75;font-size:14px;margin:0}.steps{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 18px;max-width:920px}.steps i{height:1px;background:#d7ddd7;flex:1;max-width:90px}.step{display:flex;align-items:center;gap:8px;color:#8a928d;white-space:nowrap}.step b{width:34px;height:34px;border:1px solid #d9dfd8;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:500;background:#fff}.step span{font-size:11px}.step.active,.step.done{color:#1f6e51}.step.active b,.step.done b{background:#1f6e51;color:#fff;border-color:#1f6e51}.reservation-card{background:#fff;border:1px solid #e0e5df;border-radius:24px;box-shadow:0 18px 55px rgba(24,51,40,.09);overflow:hidden}.reservation-step{padding:34px 38px 30px}.step-heading{margin-bottom:25px}.step-heading>span{font-size:10px;color:#9b7440;letter-spacing:.7px}.step-heading h2{font-size:23px;font-weight:500;margin:6px 0 7px}.step-heading p{font-size:12px;color:#77817b;margin:0}.reservation-villas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.reservation-villa{border:1px solid #dfe5df;border-radius:18px;background:#fff;padding:12px;display:grid;grid-template-columns:116px 1fr auto;gap:14px;align-items:center;text-align:right;cursor:pointer;transition:.18s}.reservation-villa:hover{border-color:#a9c3b3}.reservation-villa.active{border-color:#1f7a5a;box-shadow:0 0 0 2px #1f7a5a12;background:#f7fbf8}.reservation-villa .photo{height:92px;border-radius:13px;background:#edf1ec;display:grid;place-items:center;overflow:hidden}.reservation-villa img{width:100%;height:100%;object-fit:cover}.reservation-villa h3{font-size:16px;font-weight:500;margin:0 0 7px}.reservation-villa p{font-size:10px;color:#748078;margin:3px 0}.reservation-villa .check{width:28px;height:28px;border:1px solid #d8dfd8;border-radius:50%;display:grid;place-items:center;color:transparent}.reservation-villa.active .check{background:#1f7a5a;color:#fff;border-color:#1f7a5a}.step-actions{display:flex;justify-content:flex-end;margin-top:26px}.step-actions.split{justify-content:space-between;gap:10px}.primary,.secondary{height:48px;border-radius:13px;padding:0 21px;font-family:inherit;font-size:12px;cursor:pointer}.primary{border:0;background:#1f6f52;color:#fff}.primary:disabled{opacity:.42;cursor:not-allowed}.secondary{border:1px solid #dbe2db;background:#fff;color:#51635a}.stay-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.reservation-calendar-wrap{border:1px solid #e0e6df;border-radius:18px;padding:20px 22px;background:#fbfcfa}.calendar-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;text-align:center;margin-bottom:15px}.calendar-head strong{font-size:16px;font-weight:500}.calendar-head button{width:36px;height:36px;border:1px solid #dce3dc;background:#fff;border-radius:10px;font-size:22px;color:#476154;cursor:pointer}.week,.reservation-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.week{margin-bottom:7px}.week b{text-align:center;color:#8a938d;font-size:9px;font-weight:500}.reservation-calendar button{height:49px;border:1px solid transparent;background:#fff;border-radius:10px;font-family:inherit;font-size:12px;color:#36483f;cursor:pointer}.reservation-calendar button:hover:not(:disabled){border-color:#a9c3b3;background:#f2f8f4}.reservation-calendar button.selected{background:#1f6f52;color:#fff;border-color:#1f6f52}.reservation-calendar button.unavailable{background:#f0f1ef;color:#afb5b0;text-decoration:line-through;cursor:not-allowed}.reservation-calendar button.past{color:#c4c9c5;background:#fafafa;cursor:not-allowed}.reservation-calendar button.empty{visibility:hidden}.calendar-legend{display:flex;gap:16px;justify-content:center;margin-top:16px;color:#7b847f;font-size:9px}.calendar-legend span{display:flex;align-items:center;gap:5px}.calendar-legend i{width:9px;height:9px;border-radius:3px;border:1px solid #d4dbd4}.calendar-legend .available{background:#fff}.calendar-legend .selected{background:#1f6f52;border-color:#1f6f52}.calendar-legend .unavailable{background:#eceeeb}.stay-selection{border:1px solid #e0e6df;border-radius:18px;padding:19px;background:#fafbf9;display:grid;gap:10px}.selected-villa{padding-bottom:10px;border-bottom:1px solid #e5e9e4}.selected-villa b{font-size:14px;font-weight:500;display:block}.selected-villa small{color:#7a847e;font-size:9px}.stay-selection label{font-size:10px;color:#68746d}.reservation-night{background:#fff;border:1px solid #dfe5df;border-radius:12px;padding:3px;justify-content:space-between}.reservation-night button{border:0;background:#eef3ef;width:38px;height:36px;border-radius:9px;font-size:20px;color:#416251;cursor:pointer}.reservation-night strong{font-size:14px;font-weight:500}.date-summary{font-size:10px;color:#6e7972;line-height:2;padding-top:3px}.date-summary b{color:#2e473b;font-weight:500}.guest-res-layout,.invoice-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:22px;align-items:start}.guest-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.guest-fields label{font-size:10px;color:#68746d;display:grid;gap:7px}.guest-fields input,.guest-fields textarea,.coupon-row input{border:1px solid #dce3dc;background:#fff;border-radius:11px;height:45px;padding:0 12px;font-family:inherit;font-size:12px;outline:none}.guest-fields textarea{height:90px;padding-top:12px;resize:vertical}.guest-fields input:focus,.guest-fields textarea:focus,.coupon-row input:focus{border-color:#8eaf9c;box-shadow:0 0 0 3px #1f7a5a0d}.guest-fields small{font-size:8px;color:#8a938d}.full-field{grid-column:1/-1}.guest-fields em{font-style:normal;color:#a2aaa5}.rules-box,.coupon-box{border:1px solid #e0e6df;border-radius:18px;background:#fafbf9;padding:20px}.rules-box h3,.coupon-box h3{font-size:15px;font-weight:500;margin:0 0 12px}.rules-box>div{font-size:10px;line-height:2;color:#707a74;min-height:100px;white-space:pre-line}.accept-rules{display:flex;gap:8px;align-items:flex-start;margin-top:16px;font-size:10px;line-height:1.8;color:#41564a}.accept-rules input{margin-top:3px;accent-color:#1f6f52}.invoice-card{border:1px solid #e0e6df;border-radius:18px;overflow:hidden}.invoice-row{display:flex;justify-content:space-between;gap:20px;padding:14px 18px;border-bottom:1px solid #edf0ec;font-size:11px}.invoice-row span{color:#7a847e}.invoice-row b{font-weight:500;color:#31473b}.invoice-total{display:flex;justify-content:space-between;align-items:center;padding:18px;background:#f4f8f4}.invoice-total span{font-size:11px}.invoice-total strong{font-size:19px;font-weight:500;color:#1d6248}.coupon-box p{font-size:10px;color:#7b847f;line-height:1.8;margin:0 0 15px}.coupon-row{display:flex;gap:7px}.coupon-row input{min-width:0;flex:1;direction:ltr;text-align:left}.coupon-row button{border:1px solid #cfdacf;background:#fff;border-radius:11px;padding:0 13px;font-family:inherit;font-size:10px;cursor:pointer}.coupon-message{font-size:9px;margin-top:9px}.coupon-message.ok{color:#287250}.coupon-message.error{color:#b04e4e}.final-pay{margin-top:25px;padding-top:15px;border-top:1px solid #e2e7e2;display:grid;gap:5px}.final-pay span{font-size:9px;color:#7d867f}.final-pay strong{font-size:20px;font-weight:500;color:#1f6f52}.payment-state{text-align:center;padding:65px 20px}.payment-state .state-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#e8f4ec;color:#277451;font-size:28px}.payment-state h2{font-size:24px;font-weight:500;margin:0 0 10px}.payment-state p{font-size:12px;color:#737e77;line-height:2}.reservation-help{margin-top:15px;background:#fff;border:1px solid #e3e7e2;border-radius:15px;padding:13px 17px;display:flex;align-items:center;gap:10px}.reservation-help>span{font-size:18px}.reservation-help div{flex:1}.reservation-help b{font-size:11px;font-weight:500;display:block}.reservation-help small{font-size:9px;color:#858d88}.reservation-help a{font-size:10px;color:#46705c}.error-box{margin-top:14px;background:#fff1f1;color:#9b4747;border:1px solid #efd2d2;border-radius:11px;padding:10px;font-size:10px}.success-box{margin-top:14px;background:#eff8f2;color:#296849;border:1px solid #d0e6d7;border-radius:11px;padding:10px;font-size:10px} @media(max-width:850px){.steps{gap:5px}.step span{display:none}.steps i{max-width:55px}.reservation-villas{grid-template-columns:1fr}.stay-layout,.guest-res-layout,.invoice-layout{grid-template-columns:1fr}.stay-selection{order:-1}.reservation-step{padding:26px 20px}.reservation-calendar-wrap{padding:16px}.reservation-calendar button{height:44px}.reservation-help{flex-wrap:wrap}.reservation-help a{width:100%;padding-top:5px}} @media(max-width:560px){.reservation-main{padding:28px 0 45px}.reservation-title h1{font-size:26px}.reservation-title p{font-size:11px}.reservation-top .nav{min-height:64px}.back-home{font-size:10px}.reservation-villa{grid-template-columns:76px 1fr 28px;gap:9px}.reservation-villa .photo{height:70px}.reservation-villa h3{font-size:13px}.reservation-villa p{font-size:8px}.week,.reservation-calendar{gap:4px}.reservation-calendar button{height:40px;border-radius:8px;font-size:10px}.calendar-head strong{font-size:13px}.guest-fields{grid-template-columns:1fr}.full-field{grid-column:auto}.step-actions,.step-actions.split{flex-direction:column}.primary,.secondary{width:100%}.coupon-box{padding:14px;border-radius:14px}.coupon-box h3{font-size:13px;margin-bottom:8px}.coupon-box p{font-size:9px;margin-bottom:10px}.coupon-row{flex-direction:row;gap:6px;align-items:stretch}.coupon-row input{height:40px;font-size:11px;padding:0 9px}.coupon-row button{height:40px;flex:0 0 86px;padding:0 8px;font-size:9px}.reservation-help{align-items:flex-start}} /* v1.6.25 — clearer green reservation affordances */ .reservation-card,.reservation-villa,.reservation-calendar-wrap,.stay-selection,.rules-box,.coupon-box,.invoice-card,.reservation-help{border-color:#b5cdbd} .reservation-villa:hover{border-color:#4f916f} .reservation-villa.active{border-color:#287b59;box-shadow:0 0 0 2px rgba(40,123,89,.12);background:#f3faf5} .reservation-villa .check{border-color:#9fbea9} .reservation-calendar button{border:1px solid #b8d0bf;background:#f2f8f3;color:#255d44;font-weight:500} .reservation-calendar button:hover:not(:disabled){border-color:#3f8b66;background:#e3f2e8} .reservation-calendar button.selected{background:#1f7a55;color:#fff;border-color:#1f7a55} .reservation-calendar button.unavailable,.reservation-calendar button.past{background:#eceeeb!important;border-color:#d8ddd8!important;color:#aeb5b0!important;text-decoration:line-through;cursor:not-allowed;pointer-events:none;opacity:.9} .reservation-calendar button.empty{border-color:transparent;background:transparent} .guest-fields input,.guest-fields textarea,.coupon-row input{border-color:#b8cdbd} .guest-fields input:focus,.guest-fields textarea:focus,.coupon-row input:focus{border-color:#3f8b66;box-shadow:0 0 0 3px rgba(63,139,102,.10)} .guest-fields small{color:#688275} /* v1.6.26 — clearer unavailable dates, required guest validation, compact desktop guest layout */ .reservation-calendar button.unavailable,.reservation-calendar button.past{position:relative;overflow:hidden;background:repeating-linear-gradient(135deg,#eef0ee 0,#eef0ee 6px,#dfe4df 6px,#dfe4df 8px)!important;border-color:#c9d2ca!important;color:#9da69f!important;text-decoration:none!important} .reservation-calendar button.unavailable::after,.reservation-calendar button.past::after{content:"×";position:absolute;inset:0;display:grid;place-items:center;font-size:22px;font-weight:400;color:#8d9990;line-height:1;pointer-events:none} .reservation-calendar button.unavailable::before,.reservation-calendar button.past::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0,transparent 7px,rgba(110,126,115,.16) 7px,rgba(110,126,115,.16) 9px);pointer-events:none} .reservation-calendar button.unavailable,.reservation-calendar button.past{cursor:not-allowed;pointer-events:none} .reservation-calendar button:disabled{opacity:1} .guest-res-layout{grid-template-columns:minmax(0,1.12fr) minmax(290px,.88fr);gap:18px} .guest-fields{grid-template-columns:1fr;gap:10px} .guest-fields label{gap:5px} .guest-fields input,.guest-fields textarea{height:42px} .guest-fields textarea{height:76px} .guest-fields small{line-height:1.6} .full-field{grid-column:auto} .rules-box{padding:17px 18px;align-self:start} .rules-box>div{min-height:72px} .accept-rules{margin-top:11px} .field-error{border-color:#4f916f!important} input.field-error{box-shadow:0 0 0 3px rgba(40,123,89,.10)!important} .rules-box.field-error{border-color:#4f916f!important;box-shadow:0 0 0 3px rgba(40,123,89,.10)} .field-required-msg{display:block!important;color:#4f7f67!important;font-size:9px!important;margin-top:0} @keyframes reservationShake{0%,100%{transform:translateX(0)}20%{transform:translateX(7px)}40%{transform:translateX(-7px)}60%{transform:translateX(5px)}80%{transform:translateX(-5px)}} .shake{animation:reservationShake .5s ease} @media(max-width:850px){.guest-res-layout{grid-template-columns:1fr}.guest-fields{grid-template-columns:1fr}.rules-box{order:2}.full-field{grid-column:auto}} /* v1.6.28 — robust coupon validation and friendly discount messages */ .reservation-card,.reservation-villa,.reservation-calendar-wrap,.stay-selection,.rules-box,.coupon-box,.invoice-card,.reservation-help{border-color:#9fc4ae} .guest-fields input,.guest-fields textarea,.coupon-row input{border-color:#a9c9b5} .field-required-msg{display:block!important;margin-top:2px;font-size:9px!important;color:#3f7f60!important} @keyframes reservationFieldShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}} .shake{animation:reservationFieldShake .52s ease} input.field-error{border-color:#3f8b66!important;box-shadow:0 0 0 3px rgba(63,139,102,.12)!important} .rules-box.field-error{border-color:#3f8b66!important;box-shadow:0 0 0 3px rgba(63,139,102,.12)} .reservation-calendar button.unavailable,.reservation-calendar button.past{background:repeating-linear-gradient(135deg,#eef2ef 0,#eef2ef 6px,#d9e1db 6px,#d9e1db 8px)!important;border-color:#aebfb3!important} /* v1.6.34 — reservation page contact/footer */ .reservation-contact-area{margin-top:34px} .reservation-page footer{margin-top:0} /* v1.6.35 — reservation footer compact green + mobile */ .reservation-page .public-contact-area{background:#174d38;color:#fff;padding:38px 0 28px;border-top:4px solid #2f7d57} .reservation-page .public-contact-area .contact-head h2,.reservation-page .public-contact-area .contact-head p,.reservation-page .public-contact-area .eyebrow{color:#fff} .reservation-page .public-contact-area .contact-grid{gap:14px} .reservation-page .public-contact-area .contact-card{background:#205d43;border:1px solid rgba(255,255,255,.18);color:#fff} .reservation-page .public-contact-area .contact-card h3,.reservation-page .public-contact-area .contact-card p,.reservation-page .public-contact-area .contact-card a{color:#fff} .reservation-page footer{background:#103c2b;color:#dcefe5} @media(max-width:700px){.reservation-page .public-contact-area{padding:28px 14px 20px}.reservation-page .public-contact-area .contact-head{text-align:center;margin-bottom:18px}.reservation-page .public-contact-area .contact-head h2{font-size:20px;line-height:1.8}.reservation-page .public-contact-area .contact-head p{font-size:13px;line-height:1.9}.reservation-page .public-contact-area .contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reservation-page .public-contact-area .contact-card{min-width:0;padding:13px 11px}.reservation-page .public-contact-area .contact-card h3{font-size:14px;margin:0 0 7px}.reservation-page .public-contact-area .contact-card p,.reservation-page .public-contact-area .contact-card a{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.reservation-page .public-contact-area .contact-main{grid-column:1/-1}.reservation-page .public-contact-area .trust-card{grid-column:1/-1}.reservation-page footer{padding:14px 12px;font-size:12px;line-height:1.8}} /* v1.6.37 — public footer on every page + compact one-line mobile layout */ .reservation-page .site-footer{background:#103c2b!important;color:#dcefe5!important;margin-top:0} .reservation-page .reservation-contact-area{margin-bottom:0} @media(max-width:700px){.reservation-page .site-footer .footer-inner{min-height:auto}.reservation-page .reservation-top .nav{gap:8px}.reservation-page .reservation-nav-actions{flex-wrap:nowrap}.reservation-page .reservation-nav-actions .back-home{white-space:nowrap}} /* v1.6.38 — reservation header aligned with the green site footer */ .reservation-page .reservation-top{position:relative;background:#103c2b!important;color:#fff;border-bottom:1px solid rgba(255,255,255,.10);box-shadow:0 3px 16px rgba(16,60,43,.12)} .reservation-page .reservation-top .brand{color:#fff} .reservation-page .reservation-top .brand b{color:#fff} .reservation-page .reservation-top .brand small{color:#cfe4d8;opacity:1} .reservation-page .reservation-top .brand-mark{border-color:#6ea58a;color:#e0f0e7;background:rgba(255,255,255,.05)} .reservation-page .reservation-top .back-home{color:#e4f0ea} .reservation-page .reservation-top .back-home:hover{color:#fff} .reservation-page .reservation-top .reservation-admin-link{border-color:rgba(255,255,255,.25)!important;background:rgba(255,255,255,.07)!important;color:#fff!important} .reservation-page .reservation-top .reservation-admin-link:hover{background:rgba(255,255,255,.14)!important} @media(max-width:700px){ .reservation-page .reservation-top .nav{min-height:60px;height:60px;gap:7px} .reservation-page .reservation-top .brand{gap:6px;min-width:0} .reservation-page .reservation-top .brand-mark{width:31px;height:31px;flex:0 0 31px;border-radius:9px;font-size:10px} .reservation-page .reservation-top .brand b{font-size:12px;white-space:nowrap} .reservation-page .reservation-top .brand small{font-size:7.5px;white-space:nowrap;margin-top:1px} .reservation-page .reservation-nav-actions{gap:4px;margin-right:auto;min-width:0} .reservation-page .reservation-top .back-home{font-size:8.5px!important;white-space:nowrap;padding:7px 8px} .reservation-page .reservation-top .reservation-admin-link{font-size:8px!important;padding:7px 8px!important;white-space:nowrap} } @media(max-width:380px){ .reservation-page .reservation-top .brand-mark{width:27px;height:27px;flex-basis:27px;font-size:9px} .reservation-page .reservation-top .brand b{font-size:10px} .reservation-page .reservation-top .brand small{font-size:6.8px} .reservation-page .reservation-top .back-home{font-size:7.5px!important;padding-inline:6px} .reservation-page .reservation-top .reservation-admin-link{font-size:7.5px!important;padding-inline:6px!important} } /* v1.6.40 — compact aligned reservation header/footer */ .reservation-page .reservation-top .nav{display:flex;align-items:center;gap:14px} .reservation-page .reservation-top .brand{display:flex;align-items:center;gap:9px;min-width:0} .reservation-page .reservation-top .reservation-brand-copy{display:flex;flex-direction:column;min-width:0} .reservation-page .reservation-top .reservation-brand-copy>b{font-size:14px;line-height:1.25;white-space:nowrap} .reservation-page .reservation-top .reservation-brand-sub{display:flex;align-items:center;gap:12px;white-space:nowrap;margin-top:2px} .reservation-page .reservation-top .reservation-brand-sub small{font-size:8.5px;line-height:1;white-space:nowrap} .reservation-page .reservation-top .back-home{font-size:9px!important;line-height:1;white-space:nowrap;padding:0!important;background:none!important;border:0!important} .reservation-page .reservation-nav-actions{margin-right:auto;display:flex;align-items:center;gap:6px;white-space:nowrap} .reservation-page .site-footer .footer-inner{min-height:72px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px} .reservation-page .site-footer .footer-inner>.brand{display:flex;align-items:center;gap:9px;white-space:nowrap} .reservation-page .site-footer .footer-inner>.brand>span:last-child{display:flex;flex-direction:column;min-width:0} .reservation-page .site-footer .footer-inner .brand b{font-size:13px;line-height:1.2} .reservation-page .site-footer .footer-inner .brand small{font-size:8.5px;line-height:1.2;white-space:nowrap} .reservation-page .site-footer .footer-meta{display:flex;align-items:center;gap:16px;white-space:nowrap;line-height:1} .reservation-page .site-footer .footer-meta span,.reservation-page .site-footer .designer-footer-link{font-size:8.5px;white-space:nowrap} @media(max-width:700px){ .reservation-page .reservation-top .nav{height:58px;min-height:58px;gap:7px} .reservation-page .reservation-top .brand{gap:6px} .reservation-page .reservation-top .brand-mark{width:29px;height:29px;flex:0 0 29px;font-size:9px} .reservation-page .reservation-top .reservation-brand-copy>b{font-size:10px} .reservation-page .reservation-top .reservation-brand-sub{gap:7px;margin-top:1px} .reservation-page .reservation-top .reservation-brand-sub small{font-size:6.5px} .reservation-page .reservation-top .back-home{font-size:6.8px!important} .reservation-page .reservation-top .reservation-admin-link{font-size:7px!important;padding:6px 7px!important} .reservation-page .site-footer .footer-inner{min-height:58px;padding:7px 0;gap:8px} .reservation-page .site-footer .footer-inner>.brand{gap:5px} .reservation-page .site-footer .footer-inner>.brand .brand-mark{width:25px;height:25px;flex:0 0 25px;font-size:8px} .reservation-page .site-footer .footer-inner .brand b{font-size:9px} .reservation-page .site-footer .footer-inner .brand small{font-size:6.5px} .reservation-page .site-footer .footer-meta{gap:7px;justify-content:flex-end;min-width:0} .reservation-page .site-footer .footer-meta span,.reservation-page .site-footer .designer-footer-link{font-size:6.3px} } @media(max-width:430px){ .reservation-page .reservation-top .reservation-brand-sub{gap:5px} .reservation-page .reservation-top .reservation-brand-sub small{font-size:6px} .reservation-page .reservation-top .back-home{font-size:6.2px!important} .reservation-page .reservation-top .reservation-admin-link{font-size:6.4px!important;padding:5px 6px!important} .reservation-page .site-footer .footer-inner{gap:5px} .reservation-page .site-footer .footer-inner>.brand .brand-mark{display:none} .reservation-page .site-footer .footer-inner .brand b{font-size:8px} .reservation-page .site-footer .footer-inner .brand small{font-size:5.8px} .reservation-page .site-footer .footer-meta{gap:5px} .reservation-page .site-footer .footer-meta span,.reservation-page .site-footer .designer-footer-link{font-size:5.7px} } /* v1.6.40 — final reservation header/footer alignment */ .reservation-page .reservation-top .nav{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important} .reservation-page .reservation-top .brand{display:flex!important;align-items:center!important;flex:0 1 auto!important;min-width:0!important} .reservation-page .reservation-top .reservation-brand-copy{display:flex!important;flex-direction:column!important;min-width:0!important} .reservation-page .reservation-top .reservation-brand-copy>b{white-space:nowrap!important} .reservation-page .reservation-top .reservation-brand-copy>small{white-space:nowrap!important;line-height:1!important} .reservation-page .reservation-top .reservation-nav-actions{display:flex!important;align-items:center!important;gap:14px!important;flex:0 0 auto!important;white-space:nowrap!important} .reservation-page .reservation-top .back-home{display:inline-flex!important;align-items:center!important;gap:3px!important;white-space:nowrap!important} .reservation-page .site-footer .footer-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important} .reservation-page .site-footer .footer-inner>.brand{display:flex!important;align-items:center!important;flex-direction:row!important;gap:8px!important;white-space:nowrap!important} .reservation-page .site-footer .footer-inner>.brand>span:last-child{display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:7px!important;white-space:nowrap!important} .reservation-page .site-footer .footer-inner .brand b,.reservation-page .site-footer .footer-inner .brand small{white-space:nowrap!important} .reservation-page .site-footer .footer-meta{display:flex!important;align-items:baseline!important;justify-content:flex-end!important;flex-wrap:nowrap!important;white-space:nowrap!important;gap:12px!important} @media(max-width:700px){ .reservation-page .reservation-top .nav{gap:6px!important} .reservation-page .reservation-top .brand{gap:5px!important} .reservation-page .reservation-top .brand-mark{width:28px!important;height:28px!important;flex-basis:28px!important} .reservation-page .reservation-top .reservation-brand-copy>b{font-size:10px!important} .reservation-page .reservation-top .reservation-brand-copy>small{font-size:6.3px!important} .reservation-page .reservation-top .reservation-nav-actions{gap:6px!important} .reservation-page .reservation-top .back-home{font-size:6.8px!important;padding:5px 6px!important} .reservation-page .reservation-top .reservation-admin-link{font-size:6.8px!important;padding:5px 6px!important} .reservation-page .site-footer .footer-inner{min-height:54px!important;padding:6px 4px!important;gap:5px!important} .reservation-page .site-footer .footer-inner>.brand{gap:4px!important} .reservation-page .site-footer .footer-inner>.brand .brand-mark{display:none!important} .reservation-page .site-footer .footer-inner .brand b{font-size:8px!important} .reservation-page .site-footer .footer-inner .brand small{font-size:5.8px!important} .reservation-page .site-footer .footer-inner>.brand>span:last-child{gap:4px!important} .reservation-page .site-footer .footer-meta{gap:5px!important} .reservation-page .site-footer .footer-meta span,.reservation-page .site-footer .designer-footer-link{font-size:5.7px!important} } /* v1.6.41 — reservation footer/header logo final */ .reservation-page .reservation-top .brand-mark, .reservation-page .site-footer .brand-mark{ border:1px solid #d9b85f!important; color:#d9b85f!important; background:transparent!important; box-shadow:inset 0 0 0 1px rgba(217,184,95,.12), 0 0 0 1px rgba(217,184,95,.08)!important; font-weight:700!important; } .reservation-page .site-footer .footer-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:24px!important} .reservation-page .site-footer .footer-inner>.brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;gap:8px!important} .reservation-page .site-footer .footer-inner>.brand>span:last-child{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important} .reservation-page .site-footer .footer-inner .brand b,.reservation-page .site-footer .footer-inner .brand small{white-space:nowrap!important} .reservation-page .site-footer .footer-meta{display:flex!important;align-items:baseline!important;justify-content:flex-start!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:14px!important;white-space:nowrap!important;margin-right:auto!important} .reservation-page .site-footer .footer-meta span,.reservation-page .site-footer .designer-footer-link{white-space:nowrap!important} @media(max-width:700px){ .reservation-page .site-footer .footer-inner{gap:8px!important;padding:7px 4px!important} .reservation-page .site-footer .footer-inner>.brand{gap:5px!important} .reservation-page .site-footer .footer-inner>.brand .brand-mark{display:grid!important;width:25px!important;height:25px!important;flex:0 0 25px!important;font-size:9px!important;border-radius:8px!important} .reservation-page .site-footer .footer-inner .brand b{font-size:8.5px!important} .reservation-page .site-footer .footer-inner .brand small{font-size:6px!important} .reservation-page .site-footer .footer-meta{gap:5px!important;margin-right:auto!important} .reservation-page .site-footer .footer-meta span,.reservation-page .site-footer .designer-footer-link{font-size:5.8px!important} } /* v1.6.42 — reservation footer: exact two-row brand + aligned single-line meta */ .reservation-page .site-footer .footer-inner{ display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; align-items:end!important; justify-content:initial!important; flex-wrap:nowrap!important; gap:28px!important; } .reservation-page .site-footer .footer-inner>.brand{ display:flex!important; align-items:center!important; flex:0 0 auto!important; gap:8px!important; white-space:nowrap!important; } .reservation-page .site-footer .footer-inner>.brand>span:last-child{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:flex-end!important; gap:3px!important; white-space:nowrap!important; } .reservation-page .site-footer .footer-meta{ display:flex!important; align-items:baseline!important; justify-content:flex-start!important; flex-direction:row!important; flex-wrap:nowrap!important; gap:14px!important; min-width:0!important; margin:0!important; padding-bottom:1px!important; white-space:nowrap!important; } .reservation-page .site-footer .footer-meta span, .reservation-page .site-footer .designer-footer-link{white-space:nowrap!important} @media(max-width:700px){ .reservation-page .site-footer .footer-inner{grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important;padding:7px 4px!important;align-items:end!important} .reservation-page .site-footer .footer-inner>.brand{gap:5px!important} .reservation-page .site-footer .footer-inner>.brand .brand-mark{display:grid!important;width:25px!important;height:25px!important;flex:0 0 25px!important;font-size:9px!important} .reservation-page .site-footer .footer-inner .brand b{font-size:8.5px!important} .reservation-page .site-footer .footer-inner .brand small{font-size:6px!important} .reservation-page .site-footer .footer-meta{gap:5px!important;padding-bottom:0!important;overflow:visible!important} .reservation-page .site-footer .footer-meta span,.reservation-page .site-footer .designer-footer-link{font-size:5.8px!important;line-height:1!important} } @media(max-width:430px){ .reservation-page .site-footer .footer-inner{gap:5px!important;padding:7px 4px!important} .reservation-page .site-footer .footer-inner>.brand .brand-mark{width:24px!important;height:24px!important;flex-basis:24px!important} .reservation-page .site-footer .footer-inner .brand b{font-size:8px!important} .reservation-page .site-footer .footer-inner .brand small{font-size:5.8px!important} .reservation-page .site-footer .footer-meta{gap:4px!important} .reservation-page .site-footer .footer-meta span,.reservation-page .site-footer .designer-footer-link{font-size:5.5px!important} } /* v1.6.44 — footer final RTL alignment: brand on right, lower line aligned with meta */ .reservation-page .site-footer .footer-inner{ direction:rtl!important; display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; align-items:end!important; column-gap:42px!important; } .reservation-page .site-footer .footer-inner>.brand{ grid-column:1!important; grid-row:1!important; justify-self:start!important; align-self:end!important; flex-direction:row!important; text-align:right!important; } .reservation-page .site-footer .footer-meta{ grid-column:2!important; grid-row:1!important; justify-self:end!important; align-self:end!important; direction:rtl!important; display:flex!important; align-items:baseline!important; justify-content:flex-start!important; flex-direction:row!important; gap:22px!important; margin:0!important; padding:0!important; white-space:nowrap!important; } .reservation-page .site-footer .footer-meta span, .reservation-page .site-footer .designer-footer-link{ display:inline!important; white-space:nowrap!important; line-height:1!important; } @media(max-width:700px){ .reservation-page .site-footer .footer-inner{column-gap:14px!important} .reservation-page .site-footer .footer-meta{gap:9px!important} } /* v1.6.44 — footer rebuilt as two exact columns with a shared baseline */ .site-footer .footer-inner{ direction:rtl!important; display:grid!important; grid-template-columns:auto 1fr!important; grid-template-areas:"brand meta"!important; align-items:end!important; column-gap:56px!important; width:100%!important; } .site-footer .footer-brand-block{ grid-area:brand!important; justify-self:start!important; align-self:end!important; min-width:max-content!important; } .site-footer .footer-brand-block .brand{ display:flex!important; flex-direction:row!important; align-items:center!important; gap:9px!important; margin:0!important; text-align:right!important; } .site-footer .footer-brand-block .brand-copy{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:flex-end!important; gap:3px!important; min-width:max-content!important; } .site-footer .footer-brand-block .brand b, .site-footer .footer-brand-block .brand small{ display:block!important; margin:0!important; padding:0!important; white-space:nowrap!important; line-height:1.15!important; } .site-footer .footer-meta{ grid-area:meta!important; justify-self:end!important; align-self:end!important; display:flex!important; flex-direction:row!important; align-items:baseline!important; justify-content:flex-start!important; gap:16px!important; margin:0 0 1px!important; padding:0!important; min-width:0!important; white-space:nowrap!important; direction:rtl!important; } .site-footer .footer-meta>span, .site-footer .footer-meta>i, .site-footer .footer-meta>.designer-footer-link{ margin:0!important; padding:0!important; white-space:nowrap!important; line-height:1.15!important; } .site-footer .footer-meta>i{font-style:normal!important;opacity:.5!important} @media(max-width:700px){ .site-footer .footer-inner{grid-template-columns:auto 1fr!important;column-gap:14px!important;padding-inline:6px!important} .site-footer .footer-brand-block .brand{gap:5px!important} .site-footer .footer-brand-block .brand-mark{width:25px!important;height:25px!important;flex:0 0 25px!important;font-size:9px!important} .site-footer .footer-brand-block .brand b{font-size:8.5px!important} .site-footer .footer-brand-block .brand small{font-size:6px!important} .site-footer .footer-meta{gap:7px!important;margin-bottom:0!important} .site-footer .footer-meta>span,.site-footer .footer-meta>i,.site-footer .footer-meta>.designer-footer-link{font-size:5.8px!important} } @media(max-width:430px){ .site-footer .footer-inner{column-gap:8px!important;padding-inline:4px!important} .site-footer .footer-brand-block .brand-mark{width:23px!important;height:23px!important;flex-basis:23px!important} .site-footer .footer-brand-block .brand b{font-size:8px!important} .site-footer .footer-brand-block .brand small{font-size:5.7px!important} .site-footer .footer-meta{gap:5px!important} .site-footer .footer-meta>span,.site-footer .footer-meta>i,.site-footer .footer-meta>.designer-footer-link{font-size:5.4px!important} } /* v1.6.45 — footer aligned with header content width */ .reservation-page .site-footer .footer-inner{ width:auto!important; max-width:none!important; margin-inline:auto!important; } @media(max-width:700px){ .reservation-page .site-footer .footer-inner{width:auto!important} } /* v1.6.48 — footer typography matches header on desktop and mobile */ .site-footer .footer-brand-block .brand b{font-size:16px!important;line-height:1.25!important} .site-footer .footer-brand-block .brand small{font-size:10px!important;line-height:1.15!important} .site-footer .footer-meta>span,.site-footer .footer-meta>.designer-footer-link{font-size:11px!important;line-height:1.2!important} .reservation-page .site-footer .footer-brand-block .brand b{font-size:14px!important;line-height:1.25!important} .reservation-page .site-footer .footer-brand-block .brand small{font-size:8.5px!important;line-height:1.1!important} .reservation-page .site-footer .footer-meta>span,.reservation-page .site-footer .footer-meta>.designer-footer-link{font-size:9px!important;line-height:1!important} @media(max-width:700px){ .site-footer .footer-brand-block .brand b{font-size:10px!important} .site-footer .footer-brand-block .brand small{font-size:7.5px!important} .site-footer .footer-meta>span,.site-footer .footer-meta>.designer-footer-link{font-size:8px!important} .reservation-page .site-footer .footer-brand-block .brand b{font-size:10px!important} .reservation-page .site-footer .footer-brand-block .brand small{font-size:6.5px!important} .reservation-page .site-footer .footer-meta>span,.reservation-page .site-footer .footer-meta>.designer-footer-link{font-size:6.8px!important} } @media(max-width:380px){ .site-footer .footer-brand-block .brand b{font-size:10px!important} .site-footer .footer-brand-block .brand small{font-size:7px!important} .site-footer .footer-meta>span,.site-footer .footer-meta>.designer-footer-link{font-size:7px!important} .reservation-page .site-footer .footer-brand-block .brand b{font-size:10px!important} .reservation-page .site-footer .footer-brand-block .brand small{font-size:6.8px!important} .reservation-page .site-footer .footer-meta>span,.reservation-page .site-footer .footer-meta>.designer-footer-link{font-size:6.5px!important} } /* v1.6.48 — authoritative reservation header/footer typography sync Reservation footer brand typography now exactly follows this page's header brand. */ .reservation-page .site-footer .footer-brand-block .brand b, .reservation-page .site-footer .footer-inner .brand b{font-size:14px!important;font-weight:500!important;line-height:1.25!important} .reservation-page .site-footer .footer-brand-block .brand small, .reservation-page .site-footer .footer-inner .brand small{font-size:8.5px!important;font-weight:400!important;line-height:1.1!important;margin-top:2px!important} @media(max-width:700px){ .reservation-page .site-footer .footer-brand-block .brand b, .reservation-page .site-footer .footer-inner .brand b{font-size:14px!important;font-weight:500!important} .reservation-page .site-footer .footer-brand-block .brand small, .reservation-page .site-footer .footer-inner .brand small{font-size:8.5px!important;font-weight:400!important} } @media(max-width:560px){ .reservation-page .site-footer .footer-brand-block .brand b, .reservation-page .site-footer .footer-inner .brand b{font-size:14px!important;font-weight:500!important} .reservation-page .site-footer .footer-brand-block .brand small, .reservation-page .site-footer .footer-inner .brand small{font-size:8.5px!important;font-weight:400!important} } @media(max-width:380px){ .reservation-page .site-footer .footer-brand-block .brand b, .reservation-page .site-footer .footer-inner .brand b{font-size:14px!important;font-weight:500!important} .reservation-page .site-footer .footer-brand-block .brand small, .reservation-page .site-footer .footer-inner .brand small{font-size:8.5px!important;font-weight:400!important} } /* v1.6.49 — reservation footer: slogan and information line match header scale */ .reservation-page .site-footer .footer-inner .brand b, .reservation-page .site-footer .footer-brand-block .brand b{font-size:15px!important;font-weight:600!important;line-height:1.25!important} .reservation-page .site-footer .footer-inner .brand small, .reservation-page .site-footer .footer-brand-block .brand small{font-size:10px!important;font-weight:400!important;line-height:1.15!important;margin-top:3px!important} .reservation-page .site-footer .footer-meta>span, .reservation-page .site-footer .footer-meta>i, .reservation-page .site-footer .footer-meta>.designer-footer-link{font-size:10px!important;font-weight:400!important;line-height:1.2!important} @media(max-width:700px){ .reservation-page .site-footer .footer-inner .brand b, .reservation-page .site-footer .footer-brand-block .brand b{font-size:15px!important;font-weight:600!important} .reservation-page .site-footer .footer-inner .brand small, .reservation-page .site-footer .footer-brand-block .brand small{font-size:10px!important;font-weight:400!important} .reservation-page .site-footer .footer-meta>span, .reservation-page .site-footer .footer-meta>i, .reservation-page .site-footer .footer-meta>.designer-footer-link{font-size:10px!important;font-weight:400!important;line-height:1.15!important} } @media(max-width:380px){ .reservation-page .site-footer .footer-inner .brand b, .reservation-page .site-footer .footer-brand-block .brand b{font-size:15px!important} .reservation-page .site-footer .footer-inner .brand small, .reservation-page .site-footer .footer-brand-block .brand small{font-size:10px!important} .reservation-page .site-footer .footer-meta>span, .reservation-page .site-footer .footer-meta>i, .reservation-page .site-footer .footer-meta>.designer-footer-link{font-size:9px!important} } /* v1.6.79 — Reservation uses the exact Home master footer geometry. */ .reservation-page .site-footer{background:#103c2b!important;color:#dcefe5!important;border-top:1px solid rgba(255,255,255,.08)!important;margin-top:0!important;padding:0!important;font-size:9px!important;} .reservation-page .site-footer .footer-inner{min-height:78px!important;height:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:12px 0!important;box-sizing:border-box!important;} /* v1.6.80 — Reservation footer MUST use the exact Home master footer geometry. The reservation stylesheet historically contained many footer overrides; these final rules intentionally mirror the Home footer's authoritative layout. */ .reservation-page .site-footer{ background:#103c2b!important; color:#dcefe5!important; border-top:1px solid rgba(255,255,255,.08)!important; margin-top:0!important; padding:0!important; } .reservation-page .site-footer .footer-inner{ width:min(1160px,calc(100% - 48px))!important; margin-inline:auto!important; padding-inline:0!important; display:grid!important; grid-template-columns:auto 1fr!important; grid-template-areas:"brand meta"!important; align-items:end!important; column-gap:56px!important; min-height:78px!important; box-sizing:border-box!important; } .reservation-page .site-footer .footer-brand-block{ grid-area:brand!important; justify-self:start!important; align-self:end!important; min-width:max-content!important; } .reservation-page .site-footer .footer-brand-block .brand{ display:flex!important; flex-direction:row!important; align-items:center!important; gap:9px!important; margin:0!important; text-align:right!important; white-space:nowrap!important; } .reservation-page .site-footer .footer-brand-block .brand-copy{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:flex-end!important; gap:3px!important; min-width:max-content!important; } .reservation-page .site-footer .footer-brand-block .brand b, .reservation-page .site-footer .footer-brand-block .brand small{ display:block!important; margin:0!important; padding:0!important; white-space:nowrap!important; line-height:1.15!important; } .reservation-page .site-footer .footer-meta{ grid-area:meta!important; justify-self:end!important; align-self:end!important; display:flex!important; flex-direction:row!important; align-items:baseline!important; justify-content:flex-start!important; gap:16px!important; margin:0 0 1px!important; padding:0!important; min-width:0!important; white-space:nowrap!important; direction:rtl!important; } .reservation-page .site-footer .footer-meta>span, .reservation-page .site-footer .footer-meta>i, .reservation-page .site-footer .designer-footer-link{ margin:0!important; padding:0!important; white-space:nowrap!important; line-height:1.15!important; } .reservation-page .site-footer .footer-meta>i{font-style:normal!important;opacity:.5!important} .reservation-page .site-footer .brand b{color:#fff!important;font-size:15px!important;font-weight:600!important;line-height:1.25!important} .reservation-page .site-footer .brand small{color:#b9d4c5!important;font-size:10px!important;font-weight:400!important;line-height:1.15!important;margin-top:3px!important} .reservation-page .site-footer .footer-meta>span, .reservation-page .site-footer .footer-meta>i, .reservation-page .site-footer .designer-footer-link{font-size:10px!important;font-weight:400!important;line-height:1.2!important} @media(max-width:900px){.reservation-page .site-footer .footer-inner{width:min(100% - 32px,700px)!important}} @media(max-width:700px){ .reservation-page .site-footer .footer-inner{width:min(100% - 32px,700px)!important;grid-template-columns:auto 1fr!important;column-gap:14px!important;min-height:56px!important;padding-inline:6px!important;align-items:end!important} .reservation-page .site-footer .footer-brand-block .brand{gap:5px!important} .reservation-page .site-footer .footer-brand-block .brand-mark{width:25px!important;height:25px!important;flex:0 0 25px!important;font-size:9px!important} .reservation-page .site-footer .footer-brand-block .brand b{font-size:15px!important} .reservation-page .site-footer .footer-brand-block .brand small{font-size:10px!important} .reservation-page .site-footer .footer-meta{gap:7px!important;margin-bottom:0!important;padding-bottom:0!important} .reservation-page .site-footer .footer-meta>span,.reservation-page .site-footer .footer-meta>i,.reservation-page .site-footer .designer-footer-link{font-size:10px!important;line-height:1.15!important} } @media(max-width:600px){.reservation-page .site-footer .footer-inner{width:94%!important}} @media(max-width:430px){ .reservation-page .site-footer .footer-inner{width:calc(100% - 24px)!important;column-gap:8px!important} .reservation-page .site-footer .footer-brand-block .brand-mark{width:23px!important;height:23px!important;flex-basis:23px!important} .reservation-page .site-footer .footer-brand-block .brand b{font-size:15px!important} .reservation-page .site-footer .footer-brand-block .brand small{font-size:10px!important} .reservation-page .site-footer .footer-meta{gap:5px!important} .reservation-page .site-footer .footer-meta>span,.reservation-page .site-footer .footer-meta>i,.reservation-page .site-footer .designer-footer-link{font-size:9px!important} } /* v1.6.81 — reservation header uses the Home header geometry; mobile calendar cells are identical squares */ .reservation-page .reservation-top{ position:relative!important; inset:auto!important; z-index:20!important; color:#fff!important; background:linear-gradient(180deg,rgba(5,23,15,.72),rgba(5,23,15,.28))!important; border-bottom:0!important; } .reservation-page .reservation-top .nav{ height:78px!important; min-height:78px!important; display:flex!important; align-items:center!important; gap:28px!important; width:min(1160px,calc(100% - 48px))!important; margin-inline:auto!important; } .reservation-page .reservation-top .brand{ display:flex!important;align-items:center!important;gap:10px!important; flex:0 0 auto!important;min-width:0!important; } .reservation-page .reservation-top .brand-mark{ width:42px!important;height:42px!important;flex:0 0 42px!important; border:1px solid rgba(221,190,111,.8)!important;border-radius:12px!important; display:grid!important;place-items:center!important;color:#e7cd91!important; font-weight:900!important; } .reservation-page .reservation-top .reservation-brand-copy{ display:block!important;min-width:0!important; } .reservation-page .reservation-top .reservation-brand-copy>b{ display:block!important;font-size:16px!important;line-height:1.2!important; color:#fff!important;white-space:nowrap!important; } .reservation-page .reservation-top .reservation-brand-copy>small{ display:block!important;opacity:.68!important;font-size:10px!important; margin-top:3px!important;line-height:1.2!important;color:#fff!important; white-space:nowrap!important; } .reservation-page .reservation-top .reservation-nav-actions{ margin-right:auto!important;display:flex!important;align-items:center!important; gap:14px!important;flex:0 0 auto!important;white-space:nowrap!important; } .reservation-page .reservation-top .back-home{ display:inline-flex!important;align-items:center!important;gap:8px!important; color:#fff!important;font-size:12px!important;font-weight:500!important; padding:0!important;border:0!important;background:transparent!important; } .reservation-page .reservation-top .reservation-admin-link{ border:1px solid rgba(220,190,113,.72)!important;border-radius:10px!important; padding:9px 13px!important;font-size:11px!important;color:#fff!important; background:transparent!important; } .reservation-page .reservation-main{padding-top:48px!important} /* One authoritative calendar geometry: every day cell gets the same width and height. */ .reservation-page .week, .reservation-page .reservation-calendar{ display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:7px!important;width:100%!important; } .reservation-page .week b{ min-width:0!important;width:100%!important;box-sizing:border-box!important; display:block!important;text-align:center!important; } .reservation-page .reservation-calendar button{ width:100%!important;min-width:0!important;max-width:none!important; height:49px!important;min-height:49px!important;max-height:49px!important; aspect-ratio:auto!important;box-sizing:border-box!important; margin:0!important;padding:0!important;display:grid!important;place-items:center!important; line-height:1!important; } @media(max-width:700px){ .reservation-page .reservation-top .nav{ height:68px!important;min-height:68px!important;width:calc(100% - 24px)!important; gap:10px!important; } .reservation-page .reservation-top .brand{gap:10px!important} .reservation-page .reservation-top .brand-mark{ width:42px!important;height:42px!important;flex-basis:42px!important; } .reservation-page .reservation-top .reservation-brand-copy>b{font-size:16px!important} .reservation-page .reservation-top .reservation-brand-copy>small{font-size:10px!important} .reservation-page .reservation-top .reservation-nav-actions{gap:7px!important} .reservation-page .reservation-top .back-home{font-size:10px!important;gap:5px!important} .reservation-page .reservation-top .reservation-admin-link{font-size:9px!important;padding:7px 9px!important} .reservation-page .week, .reservation-page .reservation-calendar{gap:4px!important} .reservation-page .reservation-calendar button{ width:100%!important;height:auto!important;min-height:0!important;max-height:none!important; aspect-ratio:1 / 1!important;border-radius:8px!important;font-size:11px!important; } } @media(max-width:380px){ .reservation-page .reservation-top .nav{width:calc(100% - 18px)!important;gap:7px!important} .reservation-page .reservation-top .brand{gap:7px!important} .reservation-page .reservation-top .brand-mark{width:38px!important;height:38px!important;flex-basis:38px!important} .reservation-page .reservation-top .reservation-brand-copy>b{font-size:14px!important} .reservation-page .reservation-top .reservation-brand-copy>small{font-size:8.5px!important} .reservation-page .reservation-top .back-home{font-size:8px!important} .reservation-page .reservation-top .reservation-admin-link{font-size:8px!important;padding:6px 7px!important} .reservation-page .week,.reservation-page .reservation-calendar{gap:3px!important} .reservation-page .reservation-calendar button{border-radius:7px!important;font-size:10px!important} } /* v1.6.83 — Master Header color: exact Home header color on every page */ .reservation-page .reservation-top, .reservation-page .reservation-top .nav{ background:#102b20!important; } .reservation-page .reservation-top{ background-image:none!important; color:#fff!important; } .rules-compact-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.rules-compact-head>div{display:flex;align-items:center;gap:10px;min-width:0}.rules-alert{font-size:22px;line-height:1}.rules-compact-head h3{margin:0 0 3px}.rules-compact-head small{font-size:9px;color:#7b847f}.rules-view-btn{border:1px solid #b9cfc0;background:#fff;color:#1f6f52;border-radius:10px;padding:9px 12px;font-family:inherit;font-size:9px;cursor:pointer;white-space:nowrap}.rules-hidden-source{display:none!important}.rules-modal[hidden]{display:none!important}.rules-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px}.rules-modal-backdrop{position:absolute;inset:0;background:rgba(20,31,25,.58);backdrop-filter:blur(2px)}.rules-dialog{position:relative;width:min(620px,100%);max-height:min(76vh,680px);overflow:hidden;background:#fff;border:1px solid #dfe7df;border-radius:18px;box-shadow:0 24px 75px rgba(0,0,0,.22);padding:14px;z-index:1;display:flex;flex-direction:column}.rules-close{position:absolute;left:11px;top:10px;width:29px;height:29px;border:1px solid #dfe5df;background:#fff;border-radius:8px;font-size:18px;line-height:1;color:#64716a;cursor:pointer}.rules-dialog-head{display:flex;gap:9px;align-items:flex-start;padding:2px 34px 10px 0;border-bottom:1px solid #edf0ec}.rules-dialog-head>span{font-size:19px;line-height:1.2}.rules-dialog-head h2{font-size:16px;font-weight:500;margin:0 0 3px}.rules-dialog-head p{font-size:8px;color:#7a847e;margin:0;line-height:1.7}.rules-dialog-head p b{color:#b24c43}.rules-list{overflow:auto;padding:8px 4px 4px 1px;line-height:1.8;font-size:12px;color:#53615a}.rules-list p{margin:0 0 4px;color:#53615a;font-size:inherit;line-height:inherit}.rules-list p b{color:#1f6f52;margin-left:4px}.rules-modal-done{width:100%;margin-top:7px;height:36px;font-size:10px}.rules-modal-open{overflow:hidden}@media(max-width:600px){.rules-compact-head{align-items:flex-start}.rules-view-btn{padding:8px 10px}.rules-dialog{width:min(560px,calc(100vw - 24px));padding:12px;border-radius:15px;max-height:84vh}.rules-dialog-head h2{font-size:14px}.rules-dialog-head p{font-size:7px}.rules-list{font-size:12px}.rules-close{left:8px;top:8px;width:27px;height:27px;font-size:17px}} /* v1.7.1: keep the reservation footer at the bottom without bringing homepage sections into the page */ .reservation-page{min-height:100vh;display:flex;flex-direction:column}.reservation-page .reservation-main{flex:1 0 auto}.reservation-page .reservation-footer{margin-top:auto;flex-shrink:0} .retry-payment-box{margin-top:18px;padding:16px;border:1px solid #d9e7dc;border-radius:16px;background:#f7fbf8;text-align:center}.retry-payment-box p{margin:0 0 10px}.retry-payment-box small{display:block;margin-top:9px;color:#708077;line-height:1.8}.retry-payment-box .primary{margin-top:8px} /* v1.7.60 — reservation villa cards use independent built-in logos, never gallery */ .reservation-villa .villa-logo-photo{background:#eef6f0;display:grid;place-items:center;overflow:hidden} .reservation-villa .villa-logo-photo img{width:100%;height:100%;object-fit:cover;display:block} .reservation-villa .villa-logo-fallback{font:800 16px Arial,sans-serif;letter-spacing:2px;color:#174d38} .reservation-villa .villa-logo-photo{background:linear-gradient(145deg,#f6faf6,#e3f0e6)!important;border:1px solid #c9dfcf;box-shadow:inset 0 0 0 1px #ffffff80}.reservation-villa .villa-logo-photo img{object-fit:cover!important}.reservation-villa:hover .villa-logo-photo{transform:translateY(-1px);box-shadow:0 7px 18px rgba(35,90,62,.12)} /* v1.7.76 — reservation validation errors: clear red state after shake */ .field-error{border-color:#c83b3b!important;color:inherit!important} input.field-error,textarea.field-error,select.field-error,.date-input.field-error{border-color:#c83b3b!important;box-shadow:0 0 0 3px rgba(200,59,59,.12)!important} .rules-box.field-error{border-color:#c83b3b!important;box-shadow:0 0 0 3px rgba(200,59,59,.12)!important} .field-required-msg{display:block!important;color:#c83b3b!important;font-size:9px!important;line-height:1.7!important} /* v1.7.80 — guest capacity error sits below the counter, not inside it */ .guest-count-field{position:relative;display:grid;gap:5px;align-content:start}.guest-count-field>.reservation-night{border:1px solid #dfe5df}.guest-count-field.field-error>.reservation-night{border-color:#c83b3b!important;box-shadow:0 0 0 3px rgba(200,59,59,.12)!important}.guest-count-field.field-error .field-required-msg{grid-column:1/-1}.guest-count-field .field-required-msg{margin-top:0!important}.guest-count-field .reservation-night{transition:border-color .15s ease,box-shadow .15s ease}@media(max-width:560px){.guest-count-field{gap:5px}.guest-count-field .field-required-msg{font-size:8px!important}} .reservation-calendar button.unavailable,.reservation-calendar button.past{position:relative;overflow:hidden;background:repeating-linear-gradient(135deg,#fff2f1 0,#fff2f1 6px,#f8dedd 6px,#f8dedd 8px)!important;border-color:#efc4c1!important;color:#bd7771!important;text-decoration:none!important;cursor:not-allowed;pointer-events:none;opacity:1} .reservation-calendar button.unavailable::after,.reservation-calendar button.past::after{content:"×";position:absolute;inset:0;display:grid;place-items:center;font-size:22px;font-weight:700;color:#c77b75;line-height:1;pointer-events:none} .reservation-calendar button.unavailable::before,.reservation-calendar button.past::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0,transparent 7px,rgba(190,91,83,.13) 7px,rgba(190,91,83,.13) 9px);pointer-events:none} .reservation-calendar button:disabled{opacity:1} .calendar-legend .unavailable{background:#fff0ef!important;border-color:#efc4c1!important} /* v1.7.91 — mobile-first layout for reservation step 3 */ #step3{min-width:0} #step3 .guest-res-layout{min-width:0;gap:16px} #step3 .guest-fields{min-width:0} #step3 .guest-fields>*{min-width:0} #step3 .guest-fields input, #step3 .guest-fields textarea{box-sizing:border-box;width:100%;max-width:100%;min-width:0} #step3 .guest-count-field{min-width:0} #step3 .rules-box{min-width:0;overflow-wrap:anywhere} #step3 .accept-rules{min-width:0} #step3 .accept-rules input{flex:0 0 auto} @media(max-width:600px){ #step3.reservation-step{padding:20px 14px 18px} #step3 .step-heading{margin-bottom:18px} #step3 .step-heading h2{font-size:19px;line-height:1.8} #step3 .step-heading p{font-size:11px;line-height:1.9} #step3 .guest-res-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px} #step3 .guest-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px;border:1px solid #e2e9e2;border-radius:15px;background:#fff} #step3 .guest-fields label{font-size:11px;gap:6px;line-height:1.7} #step3 .guest-fields input{height:44px;padding-inline:11px;font-size:13px} #step3 .guest-fields textarea{height:78px;min-height:78px;padding:10px 11px;font-size:12px} #step3 .guest-fields small{font-size:9px;line-height:1.8} #step3 .guest-fields .full-field{grid-column:1} #step3 .guest-count-field{gap:6px} #step3 .guest-count-field>.reservation-night{width:100%;box-sizing:border-box} #step3 .guest-count-field .reservation-night button{width:42px;height:38px} #step3 .rules-box{order:0;padding:14px;border-radius:15px;background:#f8fbf8} #step3 .rules-compact-head{gap:9px;align-items:center} #step3 .rules-compact-head>div{gap:8px} #step3 .rules-alert{font-size:20px;flex:0 0 auto} #step3 .rules-compact-head h3{font-size:13px;line-height:1.7} #step3 .rules-compact-head small{font-size:9px;line-height:1.7;display:block} #step3 .rules-view-btn{flex:0 0 auto;padding:9px 10px;font-size:10px} #step3 .accept-rules{margin-top:13px;padding-top:12px;border-top:1px solid #e5ece5;font-size:11px;line-height:1.9;align-items:flex-start} #step3 .accept-rules input{width:17px;height:17px;margin-top:4px} #step3 .step-actions.split{gap:8px;margin-top:18px} #step3 .step-actions .primary,#step3 .step-actions .secondary{height:44px;border-radius:11px;font-size:11px} } @media(max-width:360px){ #step3.reservation-step{padding-inline:11px} #step3 .guest-fields{padding:11px;gap:10px} #step3 .rules-compact-head{align-items:flex-start;flex-wrap:wrap} #step3 .rules-view-btn{margin-right:28px} } /* v1.7.92 — strict mobile step-3 field order: name, mobile, guests, notes, rules */ @media(max-width:850px){ #step3 .guest-res-layout{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important} #step3 .guest-fields{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important} #step3 .guest-fields>label, #step3 .guest-fields>div{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-column:auto!important;width:100%!important;min-width:0!important;box-sizing:border-box!important} #step3 .guest-fields input, #step3 .guest-fields textarea, #step3 .guest-count-field>.reservation-night{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important} #step3 .rules-box{display:block!important;order:0!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important} } /* v1.7.93 — repair guest counter on mobile and keep optional note inline */ #step3 .guest-count-field{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:6px;min-width:0} #step3 .guest-count-field>label{display:block;width:auto} #step3 .guest-count-field>.reservation-night{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;height:44px!important;padding:3px 5px!important;box-sizing:border-box!important;overflow:hidden} #step3 .guest-count-field>.reservation-night button{display:grid!important;place-items:center;flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:34px!important;max-width:38px!important;box-sizing:border-box!important;padding:0!important} #step3 .guest-count-field>.reservation-night strong{display:block!important;flex:1 1 auto!important;min-width:0!important;text-align:center!important;line-height:1.4!important} #step3 .notes-label-text{display:block;font:inherit;color:inherit} #step3 .notes-label-text small{display:inline;font:inherit;font-size:.9em;color:#718077;white-space:nowrap} @media(max-width:850px){#step3 .guest-count-field>.reservation-night{display:flex!important;flex-direction:row!important}#step3 .guest-count-field>.reservation-night button{flex:0 0 38px!important}}