.child-ages{grid-column:1/-1;display:none;margin:2px 0 8px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(5,8,12,.46);box-shadow:inset 0 1px 0 rgba(255,255,255,.09);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}
.child-ages.is-visible{display:block}.child-ages-title{display:block;margin:0 0 10px;color:#fff;font-size:12px;font-weight:850}.child-ages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.child-age-field{display:grid;gap:6px;min-width:0}.child-age-field>span{color:rgba(255,255,255,.72);font-size:11px;font-weight:750}.child-age-field select{width:100%;min-height:44px;padding:0 34px 0 12px!important;color:#fff!important;background-color:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:8px!important}
.glass-native-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.glass-select{position:relative;min-width:0}.glass-select-trigger{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.075);color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.glass-select-trigger::after{content:"";width:7px;height:7px;border-right:2px solid rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.8);transform:rotate(45deg) translateY(-2px);flex:0 0 auto}.glass-select.open .glass-select-trigger{border-color:rgba(255,138,0,.68);box-shadow:0 0 0 3px rgba(255,138,0,.13),inset 0 1px 0 rgba(255,255,255,.1)}
.glass-select-single .glass-select-trigger{cursor:default;opacity:1!important}.glass-select-single .glass-select-trigger::after,.glass-select-single .glass-select-menu{display:none!important}
.glass-select-menu{position:absolute;z-index:1000;left:0;right:0;top:calc(100% + 6px);display:none;max-height:230px;overflow:auto;padding:6px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(7,10,14,.78);box-shadow:0 22px 58px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%)}.glass-select.open .glass-select-menu{display:grid;gap:3px}.glass-select-option{min-height:38px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:rgba(255,255,255,.9);text-align:left;font-weight:750;cursor:pointer}.glass-select-option:hover,.glass-select-option.is-selected{background:rgba(255,138,0,.88);color:#fff}
#accueil .booking-card .quick-logement>span{display:none!important}
#accueil .booking-card .quick-logement .glass-select-trigger,#accueil .booking-card .quick-logement .quick-select-display{height:54px!important;min-height:54px!important;padding:0 30px 0 64px!important;justify-content:flex-start!important;text-align:left!important;white-space:nowrap!important;font-size:13px!important;line-height:1!important}
#accueil .booking-card .quick-logement .glass-select-trigger>span,#accueil .booking-card .quick-logement .quick-select-value{position:static!important;display:block!important;width:auto!important;max-width:100%!important;margin:0!important;overflow:visible!important;text-overflow:clip!important;transform:none!important;white-space:nowrap!important;font-size:13px!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important}
html body .reservation-page .quick-logement{min-height:54px}
html body .reservation-page .quick-logement>span{display:none!important}
html body .reservation-page .quick-logement .glass-select-trigger{height:54px!important;min-height:54px!important;padding:0 30px 0 64px!important;justify-content:flex-start;text-align:left;white-space:nowrap!important;line-height:1!important;font-size:13px!important}
html body .reservation-page .quick-logement .glass-select-trigger>span{position:static!important;display:block!important;width:auto!important;max-width:100%;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;transform:none!important;font-size:13px!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important}
html body .reservation-page .quick-adultes .glass-select-trigger,html body .reservation-page .quick-enfants .glass-select-trigger{height:54px!important;min-height:54px!important;padding:0 38px 0 108px!important;justify-content:flex-end}
html body .reservation-page .child-ages{padding:9px 10px;margin-top:0}
html body .reservation-page .child-ages-title{margin-bottom:7px;font-size:11px}
html body .reservation-page .child-ages-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
html body .reservation-page .child-age-field{gap:3px}
html body .reservation-page .child-age-field>span{font-size:10px}
html body .reservation-page .child-age-field .glass-select-trigger{height:36px!important;min-height:36px!important;padding:0 9px!important;border-radius:7px;font-size:12px;line-height:1!important}
html body .reservation-page .child-age-field .glass-select-trigger::after{width:6px;height:6px;border-width:1.5px}
html body .reservation-page .child-age-field .glass-select-menu{top:calc(100% + 4px);max-height:180px;padding:4px}
html body .reservation-page .child-age-field .glass-select-option{min-height:32px;padding:0 8px;font-size:12px}
html body .flatpickr-day.reserved-day::before,html body .flatpickr-day.reserved-day::after{display:none!important;content:none!important}
html body .flatpickr-day.reserved-day .day-status{color:#fff!important;font-size:8px!important;font-weight:900!important;text-transform:none!important}
@media(max-width:600px){.child-ages-grid,html body .reservation-page .child-ages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.child-ages{padding:9px}.glass-select-menu{max-height:200px}#accueil .booking-card .quick-logement .glass-select-trigger,#accueil .booking-card .quick-logement .quick-select-display{padding-left:62px!important;padding-right:25px!important;font-size:12px!important}#accueil .booking-card .quick-logement .glass-select-trigger>span,#accueil .booking-card .quick-logement .quick-select-value{font-size:12px!important}html body .reservation-page .quick-logement .glass-select-trigger{padding-left:62px!important;padding-right:25px!important;font-size:12px!important}html body .reservation-page .quick-logement .glass-select-trigger>span{font-size:12px!important;white-space:nowrap!important}}

/* Single-capacity booking: keep every label/value readable on narrow phones. */
@media(max-width:760px){
  #accueil .booking-card .quick-logement,
  html body .reservation-page .quick-logement{min-width:0!important}
  #accueil .booking-card .quick-logement .glass-select-trigger,
  #accueil .booking-card .quick-logement .quick-select-display,
  html body .reservation-page .quick-logement .glass-select-trigger{
    width:100%!important;height:54px!important;min-height:54px!important;
    padding:0 38px 0 64px!important;display:flex!important;align-items:center!important;
    justify-content:flex-start!important;overflow:hidden!important
  }
  #accueil .booking-card .quick-logement .glass-select-trigger>span,
  #accueil .booking-card .quick-logement .quick-select-value,
  html body .reservation-page .quick-logement .glass-select-trigger>span{
    display:block!important;min-width:0!important;max-width:100%!important;margin:0!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    font-size:clamp(11px,3.25vw,13px)!important;line-height:1.2!important
  }
  .booking-card .quick-adultes span,.booking-card .quick-enfants span{left:50px!important;width:auto!important}
  .booking-card .quick-adultes select,.booking-card .quick-enfants select,
  .booking-card .quick-adultes .quick-select-display,.booking-card .quick-enfants .quick-select-display{
    padding-left:116px!important;padding-right:34px!important
  }
  .booking-card .quick-adultes .quick-select-value,.booking-card .quick-enfants .quick-select-value{
    margin-left:10px!important;min-width:24px!important
  }
  .booking-card .quick-adultes .glass-select-trigger>span,
  .booking-card .quick-enfants .glass-select-trigger>span,
  html body .reservation-page .quick-adultes .glass-select-trigger>span,
  html body .reservation-page .quick-enfants .glass-select-trigger>span{
    position:static!important;display:block!important;width:auto!important;min-width:24px!important;
    margin:0 0 0 auto!important;transform:none!important;text-align:center!important;
    color:#fff!important;font-size:16px!important;line-height:1!important;font-weight:850!important
  }
}

/* The compact homepage booking rows all share the same 44px rhythm. */
@media(max-width:760px){
  #accueil .booking-card .quick-logement{margin-bottom:8px!important}
  #accueil .booking-card .quick-logement .glass-select-trigger,
  #accueil .booking-card .quick-logement .quick-select-display{
    height:44px!important;min-height:44px!important
  }
}