:root{--book-bg:#f5f6f8;--book-card-bg:#ffffffd9;--book-card-border:#ffffff80;--book-gold:#b49339;--book-gold-light:#d6b864;--book-dark:#121212;--book-input-bg:#f0f0f099;--book-input-hover:#e6e6e6cc}.booking-page{min-height:90vh;font-family:var(--font-inter,"Inter", sans-serif);background:linear-gradient(135deg,#fdfdfd 0%,#f4f5f8 100%);margin-top:60px;padding:4rem 4%;position:relative;overflow:hidden}.booking-page:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#b493390d 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-10%;right:-5%}.booking-page .navbar,.navbar-reservation{-webkit-backdrop-filter:blur(15px);border-bottom:1px solid #0000000d;height:10vh;background-color:#fffffff2!important}.booking-container{z-index:1;flex-direction:column;align-items:center;gap:3.5rem;max-width:1450px;margin:0 auto;display:flex;position:relative}.booking-layout{z-index:1;flex-direction:row-reverse;align-items:flex-start;gap:3.5rem;display:flex;position:relative}.summary-column{background:var(--book-card-bg);-webkit-backdrop-filter:blur(25px);box-shadow:0 20px 50px #0000000a, inset 0 0 0 1px var(--book-card-border);border-radius:24px;flex:1;min-width:320px;max-width:600px;padding:2.8rem 2.2rem;transition:transform .4s cubic-bezier(.165,.84,.44,1);position:sticky;top:7rem}.summary-column:hover{box-shadow:0 25px 60px #0000000f, inset 0 0 0 1px var(--book-card-border)}.booking-summary-card h3{color:var(--book-dark);text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #0000000d;margin-bottom:2rem;padding-bottom:1.2rem;font-family:Anton,sans-serif;font-size:1.1rem;font-weight:800}.booking-summary-card img{object-fit:contain;filter:drop-shadow(0 8px 15px #00000014);width:100%;height:auto;margin-bottom:1.5rem}.summary-details h4{color:var(--book-dark);text-align:center;letter-spacing:1px;margin-bottom:1.2rem;font-family:Anton,sans-serif;font-size:1.3rem}.summary-row{color:#555;border-bottom:1px solid #0000000d;justify-content:space-between;margin-bottom:.9rem;padding-bottom:.7rem;font-size:.95rem;font-weight:500;display:flex}.summary-row strong{color:var(--book-dark);font-weight:700}.summary-total{color:var(--book-dark);text-transform:uppercase;letter-spacing:1px;border-top:2px solid #b493394d;justify-content:space-between;margin-top:1.5rem;padding-top:1.2rem;font-size:1.15rem;font-weight:800;display:flex}.summary-total strong{color:var(--book-gold)}.calendar-container{transform-origin:top;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #0000000d;border-radius:20px;padding:15px;position:absolute;top:calc(100% + 12px);box-shadow:0 20px 60px #00000026;z-index:1000!important}.rdp-months{gap:var(--rdp-months-gap);flex-wrap:wrap;max-width:fit-content;display:flex;position:relative}.rdp-nav{height:var(--rdp-nav-height);align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.form-column{flex-direction:column;flex:3;gap:2rem;min-width:0;display:flex}.booking-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;width:80%;margin-bottom:.5rem;padding-bottom:1rem;display:flex}.booking-title{color:var(--book-dark);letter-spacing:-1px;text-transform:uppercase;margin:0;font-family:Anton,sans-serif;font-size:2.4rem;font-weight:900}.back-button{color:var(--book-dark);background-color:#fff;border:1px solid #00000014;border-radius:30px;align-items:center;gap:10px;padding:.8rem 1.6rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:static;box-shadow:0 4px 10px #00000005}.back-button:hover{background-color:var(--book-dark);color:#fff;transform:translate(-5px);box-shadow:0 8px 20px #0000001a}.back-button:hover i{color:var(--book-gold)}.booking-form-section{background:var(--book-card-bg);-webkit-backdrop-filter:blur(25px);box-shadow:0 20px 50px #0000000a, inset 0 0 0 1px var(--book-card-border);border-radius:24px;margin-bottom:0;padding:2.2rem 2.5rem}.booking-form-section h3{color:#666;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #0000000d;align-items:center;gap:8px;margin-bottom:1.8rem;padding-bottom:1rem;font-size:.75rem;font-weight:800;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-group{flex-direction:column;margin-bottom:1.5rem;display:flex;position:relative}.booking-form-section .form-group:last-child{margin-bottom:0}.form-group label{color:#666;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:.7rem;font-size:.75rem;font-weight:700;display:flex}.form-group input,.form-group select{background-color:var(--book-input-bg);width:100%;color:var(--book-dark);font-size:.95rem;font-weight:600;font-family:var(--font-inter,"Inter", sans-serif);border:1px solid #0000000d;border-radius:14px;padding:1.1rem 1.4rem;transition:all .3s}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B49339' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1.2rem center;background-repeat:no-repeat;background-size:1.1em}.form-group input:hover,.form-group select:hover{background-color:var(--book-input-hover);transform:translateY(-1px)}.form-group input:focus,.form-group select:focus{border-color:var(--book-gold);background-color:#fff;outline:none;transform:translateY(0);box-shadow:0 4px 15px #b4933926,0 0 0 4px #b493390d}.form-group select option{color:var(--book-dark);background-color:#fff}.label-text{color:#666;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:.2rem;font-size:.75rem;font-weight:700;display:flex}.custom-location-wrapper{background-color:var(--book-input-bg);border:1px solid #0000000d;border-radius:14px;align-items:center;transition:all .3s;display:flex;overflow:hidden}.custom-location-wrapper:focus-within{border-color:var(--book-gold);background-color:#fff;box-shadow:0 4px 15px #b4933926,0 0 0 4px #b493390d}.custom-location-wrapper input{color:var(--book-dark);flex:1;padding:1.1rem 1.4rem;font-size:.95rem;font-weight:600;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;transform:none!important}.custom-location-wrapper input:focus{box-shadow:none!important;border:none!important}.custom-location-cancel{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;padding:0 1.2rem;font-size:1.1rem;transition:color .3s,transform .3s;display:flex}.custom-location-cancel:hover{color:#e74c3c;transform:scale(1.1)}.submit-button{background:linear-gradient(135deg, var(--book-gold) 0%, #8a6d26 100%);color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:1.5rem;padding:1.2rem;font-size:1.05rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 10px 25px #b493394d}.submit-button:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;transition:all .7s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.submit-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #b4933973}.submit-button:hover:after{left:150%}.submit-button:disabled{color:#999;cursor:not-allowed;box-shadow:none;background:#e0e0e0;transform:none}.error-message{color:#c62828;background-color:#c628280f;border-left:4px solid #c62828;border-radius:12px;margin-bottom:1.2rem;padding:14px 18px;font-size:.95rem;font-weight:600}.booking-style.dates-container{z-index:1;gap:1.5rem;width:100%;display:flex}.booking-style .start-date-container,.booking-style .end-date-container{z-index:1;flex-direction:column;flex:1;gap:10px;display:flex;position:relative}.booking-style .start-date-container{z-index:2!important}.booking-style .button-start,.booking-style .button-end{flex-direction:column;flex:1;gap:8px;display:flex}.booking-style .choose-date,.booking-style .choose-hour{background-color:var(--book-input-bg);color:var(--book-dark);cursor:pointer;border:1px solid #0000000d;border-radius:14px;justify-content:space-between;align-items:center;width:100%;height:55px;padding:1.1rem 1.4rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.booking-style .choose-date:hover,.booking-style .choose-hour:hover{background-color:var(--book-input-hover);transform:translateY(-1px)}.booking-style .choose-date i,.booking-style .choose-hour i{color:var(--book-gold)}.booking-style .options,.options{z-index:9999;background:#fff;border:1px solid #00000014;border-radius:16px;width:100%;max-height:220px;padding:8px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 15px 50px #00000026}.booking-style .options li,.options li{cursor:pointer;color:#444;border-radius:10px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:all .2s}.booking-style .options li:hover,.options li:hover{color:var(--book-dark);background-color:#b493391a;padding-left:20px}.full-width{grid-column:1/-1}@media (max-width:1024px){.booking-page{padding:3rem 4%}.booking-layout{flex-direction:column;gap:2.5rem}.summary-column{order:-1;width:100%;min-width:0;max-width:100%;position:static}.form-column{width:100%}.booking-header{flex-direction:row;align-items:flex-start;gap:1rem;width:100%}.booking-title{font-size:2rem}.booking-form-section{padding:2rem}}@media (max-width:768px){.social-float{display:none}.booking-page{margin-top:10vh;padding:1.5rem 4%}.booking-page:before{display:none}.booking-layout{gap:2rem}.booking-title{letter-spacing:0;font-size:1.6rem}.back-button{padding:.6rem 1.2rem;font-size:.85rem}.booking-form{margin-bottom:2rem}.booking-form-section{border-radius:18px;padding:1.5rem}.booking-form-section h3{margin-bottom:1.2rem;padding-bottom:.8rem;font-size:.7rem}.form-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.form-group input,.form-group select{border-radius:12px;padding:.95rem 1.1rem;font-size:.9rem}.form-group label{font-size:.7rem}.booking-style.dates-container{flex-direction:column;gap:1rem}.booking-style .choose-date,.booking-style .choose-hour{z-index:1;border-radius:12px;height:48px;padding:.9rem 1.1rem;font-size:.9rem;position:relative}.booking-style .choose-hour.open .options ul{z-index:9999;background-color:#fff}.calendar-container{z-index:100;border-radius:16px;max-width:none;padding:10px;width:calc(100vw - 8%)!important;left:0!important;right:0!important}.rdp-months{flex-direction:column}.summary-column{border-radius:18px;padding:2rem 1.5rem}.booking-summary-card h3{font-size:1rem}.summary-details h4{font-size:1.1rem}.summary-row{font-size:.9rem}.summary-total{font-size:1rem}.submit-button{border-radius:12px;padding:1rem;font-size:.95rem}.custom-location-wrapper input{padding:.95rem 1.1rem;font-size:.9rem}.custom-location-cancel{padding:0 1rem}.booking-style .options,.options{z-index:9999;border-radius:12px;max-height:300px}.booking-style .options li,.options li{padding:10px 14px;font-size:.9rem}}@media (max-width:480px){.booking-page{margin-top:10vh;padding:1rem 3%}.booking-layout{gap:1.5rem}.booking-title{font-size:1.35rem}.booking-form-section{border-radius:14px;padding:1.2rem}.summary-column{border-radius:14px;padding:1.5rem 1.2rem}.back-button{border-radius:20px;padding:.5rem 1rem;font-size:.8rem}}
