@charset "UTF-8";
/* https://bikepointtenerife.com/wp-content/themes/bikepointtenerife2026/assets/css/road-bike-booking-planner.css?ver=1789503179 */
.rental-booking-planner{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(24rem,.85fr);column-gap:clamp(1.5rem,4vw,4rem);row-gap:.25rem;align-items:center;margin:0 0 clamp(2.5rem,6vw,5rem);padding:clamp(1.4rem,4vw,3rem);border-radius:1.25rem;background:#172a24;color:#fff;box-shadow:0 1.4rem 3rem rgb(23 42 36 / .16)}.rental-booking-planner__intro .eyebrow{color:#d7ff00}.rental-booking-planner__intro h2{margin:.25rem 0 .75rem;font-size:clamp(2rem,4vw,4.2rem);line-height:.92}.rental-booking-planner__intro>p:last-child{max-width:36rem;margin:0;color:#d6ddd9;line-height:1.6}.rental-date-range{display:grid;grid-template-columns:1fr auto 1fr;gap:.65rem;align-items:center;padding:.55rem;border-radius:1rem;background:#fff;color:#172a24}.rental-date-range__field{min-width:0;padding:1rem;border:0;border-radius:.7rem;background:#f2f1eb;text-align:left;cursor:pointer}.rental-date-range__field span{display:block;margin-bottom:.35rem;color:#696d68;font-size:.67rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.rental-date-range__field strong{display:block;overflow:hidden;font-size:1.05rem;white-space:nowrap;text-overflow:ellipsis}.rental-date-range__arrow{font-size:1.2rem}.rental-calendar{position:relative;grid-column:2;z-index:20;width:100%;box-sizing:border-box;padding:1rem;border:1px solid #d9d8d0;border-radius:1rem;background:#fff;color:#172a24;box-shadow:0 1.5rem 4rem rgb(0 0 0 / .24)}.rental-calendar[hidden]{display:none}.rental-calendar header{display:grid;grid-template-columns:2.7rem 1fr 2.7rem;align-items:center;margin-bottom:.7rem}.rental-calendar header strong{text-align:center;text-transform:capitalize}.rental-calendar header button{display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid #d9d8d0;border-radius:50%;background:#fff;cursor:pointer}.rental-calendar__weekdays,.rental-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem}.rental-calendar__weekdays span{padding:.4rem 0;color:#747871;font-size:.64rem;font-weight:800;text-align:center;text-transform:uppercase}.rental-calendar__grid button{position:relative;aspect-ratio:1;border:0;border-radius:.55rem;background:#fff0;color:#172a24;cursor:pointer}.rental-calendar__grid button:hover:not(:disabled),.rental-calendar__grid button.is-today{outline:1px solid #172a24}.rental-calendar__grid button.is-range{border-radius:0;background:#e9efdc}.rental-calendar__grid button.is-start,.rental-calendar__grid button.is-end{background:#d7ff00;font-weight:900}.rental-calendar__grid button.is-outside{color:#afb2ad}.rental-calendar__grid button:disabled{color:#d4d5d1;cursor:not-allowed}.rental-calendar__error:empty{display:none}.rental-calendar__error{margin:.85rem 0 0;padding:.7rem .8rem;border-left:.25rem solid #c62929;border-radius:.35rem;background:#fff0f0;color:#a41010;font-size:.82rem;font-weight:750;line-height:1.4}.rental-calendar footer{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e1da}.rental-calendar footer .button{padding:.75rem 1.1rem}.rental-calendar__clear{border:0;background:#fff0;text-decoration:underline;cursor:pointer}.rental-booking-planner__notice{grid-column:1/-1;margin:0;color:#d7ff00;font-size:.8rem}.rental-bike-card__size-picker{margin:1rem 0;padding:0;border:0}.rental-bike-card__size-picker legend{margin-bottom:.55rem;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.rental-bike-card__size-picker>div{display:flex;flex-wrap:wrap;gap:.4rem}.rental-bike-card__size-picker input{position:absolute;opacity:0;pointer-events:none}.rental-bike-card__size-picker label span{display:grid;min-width:2.7rem;height:2.2rem;padding:0 .65rem;place-items:center;border:1px solid #cac8c0;border-radius:999px;background:#fff;font-size:.75rem;cursor:pointer;transition:.2s ease}.rental-bike-card__size-picker input:checked+span{border-color:#172a24;background:#172a24;color:#fff}.rental-bike-card__size-picker input:focus-visible+span{outline:3px solid #d7ff00;outline-offset:2px}.rental-bike-card__size-picker small{display:block;margin-top:.55rem;color:#77736a;font-size:.65rem;line-height:1.4}.rental-bike-card__size-prompt{margin:.55rem 0 0;color:#a73a32;font-size:.72rem;font-weight:700;line-height:1.4}.rental-bike-card__size-picker.is-missing-size label span{border-color:#dca49f}.rental-bike-card__live{display:flex;gap:.55rem;align-items:flex-start;margin:.8rem 0;padding:.7rem .8rem;border-radius:.65rem;background:#f0eee7;color:#5a5c57;font-size:.72rem;line-height:1.4}.rental-bike-card__live-dot{flex:0 0 auto;width:.55rem;height:.55rem;margin-top:.2rem;border-radius:50%;background:#999}.rental-bike-card.is-checking .rental-bike-card__live-dot{background:#f1a727;animation:rental-pulse 1s infinite}.rental-bike-card.is-available .rental-bike-card__live{background:#e6f3e9;color:#184c2a}.rental-bike-card.is-available .rental-bike-card__live-dot{background:#27a64b}.rental-bike-card.is-unavailable .rental-bike-card__live{background:#f8e5e2;color:#852b22}.rental-bike-card.is-unavailable .rental-bike-card__live-dot{background:#d44232}.rental-bike-card.is-selected{box-shadow:0 0 0 3px #d7ff00,0 1.3rem 2.7rem rgb(23 42 36 / .14)}.rental-bike-card__alternative button{width:100%;padding:.65rem;border:0;border-radius:.6rem;background:#fff2bf;color:#172a24;font-size:.7rem;font-weight:750;cursor:pointer}.rental-bike-card__foot a[aria-disabled=true]{opacity:.48}.rental-bike-card__foot a[aria-disabled=false]{opacity:1}@keyframes rental-pulse{50%{opacity:.35}}.rental-selection-toggle{position:fixed;right:1rem;bottom:1rem;z-index:999;display:flex;gap:.65rem;align-items:center;padding:.75rem 1rem;border:0;border-radius:999px;background:#d7ff00;color:#172a24;font-weight:850;box-shadow:0 .7rem 2rem rgb(0 0 0 / .22);cursor:pointer}.rental-selection-toggle[hidden]{display:none}.rental-selection-toggle span:first-child{display:grid;width:1.7rem;height:1.7rem;place-items:center;border-radius:50%;background:#172a24;color:#fff;font-size:.72rem}.rental-selection-backdrop{position:fixed;inset:0;z-index:1000;background:rgb(10 18 15 / .45);backdrop-filter:blur(2px)}.rental-selection-backdrop[hidden]{display:none}.rental-selection-drawer{position:fixed;top:0;right:0;bottom:0;z-index:1001;display:grid;width:min(31rem,100%);grid-template-rows:auto auto 1fr auto;padding:clamp(1.2rem,3vw,2rem);background:#f7f5ef;color:#172a24;box-shadow:-1rem 0 3rem rgb(0 0 0 / .2);transform:translateX(105%);transition:transform .3s ease}.rental-selection-drawer[aria-hidden=false]{transform:translateX(0)}.rental-selection-drawer>header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.rental-selection-drawer h2{margin:.2rem 0;font-size:clamp(2rem,4vw,3.1rem);line-height:.95}.rental-selection-drawer>header>button{display:grid;width:2.7rem;height:2.7rem;place-items:center;border:1px solid #bbb9b1;border-radius:50%;background:#fff0;font-size:1.4rem;cursor:pointer}.rental-selection-dates{margin:.5rem 0 1.25rem;color:#666b65}.rental-selection-list{overflow:auto}.rental-selection-list article{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;padding:1rem 0;border-top:1px solid #d8d5cc}.rental-selection-list article img{width:5.5rem;aspect-ratio:1;object-fit:contain;border-radius:.6rem;background:#fff}.rental-selection-list h3{margin:0 0 .3rem;font-size:1.05rem}.rental-selection-list p{margin:0 0 .4rem;color:#666b65;font-size:.72rem}.rental-selection-list article strong{display:block;margin-bottom:.55rem}.rental-selection-list article div div{display:flex;gap:.8rem;align-items:center}.rental-selection-list a,.rental-selection-list button{padding:0;border:0;background:#fff0;color:#172a24;font-size:.7rem;font-weight:800;text-decoration:underline;cursor:pointer}.rental-selection-drawer>footer{padding-top:1.2rem;border-top:1px solid #d8d5cc}.rental-selection-drawer>footer>div{display:flex;justify-content:space-between;align-items:end;margin-bottom:1rem}.rental-selection-drawer>footer>div span{font-size:.72rem;font-weight:800;text-transform:uppercase}.rental-selection-drawer>footer>div strong{font-size:2rem}.rental-selection-drawer>footer .button{display:flex;justify-content:center;width:100%;box-sizing:border-box}.rental-selection-drawer>footer>p{margin:.7rem 0 0;color:#73766f;font-size:.65rem;line-height:1.4}.rental-drawer-open{overflow:hidden}@media(max-width:760px){.rental-booking-planner{grid-template-columns:1fr;row-gap:.25rem}.rental-date-range{grid-template-columns:1fr auto 1fr}.rental-calendar{grid-column:1}.rental-booking-planner__notice{grid-column:auto}.rental-selection-toggle{right:.7rem;bottom:.7rem}.rental-selection-drawer{padding:1.15rem}.rental-selection-list article{grid-template-columns:4.5rem 1fr}.rental-selection-list article img{width:4.5rem}}@media(prefers-reduced-motion:reduce){.rental-selection-drawer{transition:none}.rental-bike-card__live-dot{animation:none}}.rental-extras-backdrop{position:fixed;inset:0;z-index:1010;background:rgb(10 18 15 / .58);backdrop-filter:blur(3px)}.rental-extras-backdrop[hidden],.rental-extras-modal[hidden]{display:none}.rental-extras-modal{position:fixed;left:50%;top:50%;z-index:1011;width:min(34rem,calc(100% - 2rem));max-height:calc(100vh - 2rem);overflow:auto;box-sizing:border-box;padding:clamp(1.25rem,3vw,2rem);border-radius:1.25rem;background:#f7f5ef;color:#172a24;box-shadow:0 1.5rem 5rem rgb(0 0 0 / .3);transform:translate(-50%,-50%)}.rental-extras-modal>header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.rental-extras-modal .eyebrow{margin:0;color:#627000}.rental-extras-modal h2{margin:.3rem 0;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1}.rental-extras-modal>header>button{display:grid;flex:0 0 auto;width:2.6rem;height:2.6rem;place-items:center;border:1px solid #b8b8ae;border-radius:50%;background:#fff0;font-size:1.35rem;cursor:pointer}.rental-extras-modal__lead{margin:.8rem 0 1.25rem;color:#646a64;line-height:1.55}.rental-extras-list{display:grid;gap:.55rem}.rental-extras-list>p{padding:1rem;border-radius:.75rem;background:#ecebe4;color:#656962}.rental-extras-list label{display:grid;grid-template-columns:1.4rem 1fr;gap:.8rem;align-items:center;padding:.9rem 1rem;border:1px solid #d4d2c9;border-radius:.8rem;background:#fff;cursor:pointer}.rental-extras-list input{position:absolute;opacity:0}.rental-extra-check{display:grid;width:1.35rem;height:1.35rem;place-items:center;border:1.5px solid #8d918b;border-radius:.35rem}.rental-extras-list input:checked+.rental-extra-check{border-color:#172a24;background:#172a24}.rental-extras-list input:checked+.rental-extra-check:after{content:"✓";color:#d7ff00;font-size:.85rem;font-weight:900}.rental-extras-list input:focus-visible+.rental-extra-check{outline:3px solid #d7ff00;outline-offset:2px}.rental-extras-list strong,.rental-extras-list small{display:block}.rental-extras-list strong{font-size:.92rem}.rental-extras-list small{margin-top:.15rem;color:#6e726d;font-size:.68rem}.rental-extras-modal>footer{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid #d5d3cb}.rental-extras-modal>footer div span,.rental-extras-modal>footer div strong{display:block}.rental-extras-modal>footer div span{font-size:.66rem;font-weight:800;text-transform:uppercase}.rental-extras-modal>footer div strong{font-size:1.55rem}.rental-extras-modal>footer .button{padding:.85rem 1.2rem}.rental-extras-open{overflow:hidden}.rental-selection-extras{padding:.45rem .55rem;border-radius:.45rem;background:#e9efdc!important;color:#334038!important;line-height:1.45!important}@media(max-width:560px){.rental-extras-modal{top:auto;bottom:0;left:0;width:100%;max-height:92vh;border-radius:1.25rem 1.25rem 0 0;transform:none}.rental-extras-modal>footer{align-items:stretch;flex-direction:column}.rental-extras-modal>footer .button{width:100%}}.rental-fleet-group{scroll-margin-top:6rem}.rental-selection-another{display:block;margin:.8rem auto 0;padding:.25rem;border:0;background:#fff0;color:#172a24;font-size:.7rem;font-weight:800;text-decoration:underline;text-underline-offset:.2rem;cursor:pointer}.rental-selection-another:hover{color:#a61919}.rental-selection-another:focus-visible{outline:3px solid #d7ff00;outline-offset:3px}.rental-extras-modal__actions{display:flex;gap:.75rem;align-items:center}.rental-extras-skip{padding:.7rem .35rem;border:0;background:#fff0;color:#172a24;font-size:.72rem;font-weight:800;text-decoration:underline;text-underline-offset:.2rem;cursor:pointer}.rental-extras-skip:hover{color:#a61919}.rental-extras-skip:focus-visible{outline:3px solid #d7ff00;outline-offset:3px}.rental-selection-list article .rental-selection-breakdown{display:block;margin:.75rem 0;padding:.65rem .75rem;border-radius:.6rem;background:#ecebe4}.rental-selection-list article .rental-selection-breakdown>div{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;color:#5f655f;font-size:.7rem}.rental-selection-list article .rental-selection-breakdown span{min-width:0}.rental-selection-list article .rental-selection-breakdown strong{flex:0 0 auto;margin:0;color:#172a24;font-size:.72rem}.rental-selection-list article .rental-selection-breakdown__total{margin-top:.35rem;padding-top:.6rem;border-top:1px solid #c9c8c0;color:#172a24;font-weight:850}.rental-selection-list article .rental-selection-breakdown__total strong{font-size:.85rem}@media(max-width:560px){.rental-extras-modal__actions{display:grid;grid-template-columns:auto 1fr}.rental-extras-modal__actions .button{width:100%}}