/* Rénovation Site : habillage noir et doré du petit moteur de réservation Beds24 (Arrivée / Départ / Personnes / Réserver)
   placé sur les pages du site. Beds24 injecte ses propres couleurs : d'où les !important. */
.book-widget{--b24-or:#c9963c;--b24-or2:#e6c88f;--b24-noir:#111113;font-family:Roboto,-apple-system,'Segoe UI',Arial,sans-serif!important;color:#fff!important}
.book-widget *{font-family:inherit!important;box-sizing:border-box}
.book-widget .book-container,.book-widget .book-row,.book-widget .book-col-12{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important}

/* La carte */
.book-widget .book-widget-bg{background:linear-gradient(160deg,#1c1c1f,#0d0d0f)!important;border:1px solid rgba(201,150,60,.55)!important;border-radius:22px!important;box-shadow:0 24px 60px -24px rgba(0,0,0,.65)!important;padding:26px 28px!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important}
.book-widget .b24-widget-title{color:var(--b24-or)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.18em!important;text-transform:uppercase!important;margin:0 0 16px!important;text-align:left!important}

/* Les champs côte à côte, le bouton au bout de la ligne */
.book-widget form{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:14px!important;margin:0!important}
.book-widget form>.b24-widget-title{flex:0 0 100%!important}
.book-widget .book-form-group{flex:1 1 150px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;margin:0!important;padding:0!important;width:auto!important;vertical-align:bottom!important}
.book-widget .book-form-group:last-of-type,.book-widget .book-form-group:has(button){flex:1 1 170px!important}
.book-widget .book-form-group>p:empty{display:none!important}
.book-widget [class*="book-col-"]{width:100%!important;max-width:none!important;float:none!important;padding:0!important;margin:0!important;text-align:left!important}
.book-widget label,.book-widget .book-control-label{display:block!important;color:var(--b24-or2)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important;text-align:left!important;margin:0 0 8px!important;padding:0!important;white-space:nowrap}

.book-widget input.book-form-control,.book-widget select.book-form-control,.book-widget .book-form-control{width:100%!important;height:52px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(201,150,60,.45)!important;border-radius:14px!important;color:#fff!important;font-size:16px!important;font-weight:500!important;padding:0 16px!important;box-shadow:none!important;outline:0!important;cursor:pointer;transition:border-color .2s,background .2s;-webkit-appearance:none;appearance:none}
.book-widget .book-form-control:hover{border-color:var(--b24-or)!important;background:rgba(255,255,255,.09)!important}
.book-widget .book-form-control:focus{border-color:var(--b24-or2)!important;box-shadow:0 0 0 3px rgba(201,150,60,.25)!important}
.book-widget select.book-form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23c9963c' stroke-width='2'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;padding-right:34px!important;background-position:right 12px center!important}
.book-widget select option{color:#111113;background:#fff}
.book-widget input[data-check-in],.book-widget input[data-check-out],.book-widget input.datepicker{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23c9963c' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;padding-right:44px!important}
.book-widget .caret,.book-widget .caret-select-box,.book-widget .icon-book-calendar{display:none!important}
.book-widget .book-selectholder{position:relative;width:100%}

/* Le bouton */
.book-widget .book-btn,.book-widget button[type=submit]{width:100%!important;height:52px!important;margin:0!important;padding:0 26px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#e6c88f,#c9963c 55%,#a87a2c)!important;color:#111113!important;font-size:15px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;box-shadow:0 10px 24px -10px rgba(201,150,60,.8)!important;cursor:pointer;transition:transform .15s,box-shadow .2s,filter .2s;white-space:nowrap}
.book-widget .book-btn:hover,.book-widget button[type=submit]:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 14px 30px -10px rgba(201,150,60,.95)!important}
.book-widget .book-advancedsearch{flex:0 0 100%!important;margin:0!important}
.book-widget .book-advancedsearch a{color:var(--b24-or2)!important;font-size:13px!important}

/* Mobile : un champ par ligne */
@media (max-width:640px){
	.book-widget .book-widget-bg{padding:20px!important;border-radius:18px!important}
	.book-widget .book-form-group{flex:1 1 100%!important}
}

/* Le calendrier qui s'ouvre (ajouté par Beds24 à la fin de la page) */
body.book-body .ui-datepicker{background:#141416!important;border:1px solid rgba(201,150,60,.5)!important;border-radius:18px!important;box-shadow:0 24px 60px -18px rgba(0,0,0,.7)!important;padding:14px!important;color:#fff!important;font-family:Roboto,Arial,sans-serif!important;z-index:9999!important;width:auto!important;min-width:300px}
body.book-body .ui-datepicker .ui-datepicker-header{background:transparent!important;border:0!important;color:#fff!important;padding:4px 0 10px!important}
body.book-body .ui-datepicker .ui-datepicker-title{color:#fff!important;font-weight:700!important;text-transform:capitalize}
body.book-body .ui-datepicker .ui-datepicker-prev,body.book-body .ui-datepicker .ui-datepicker-next{background:rgba(201,150,60,.15)!important;border:0!important;border-radius:50%!important;cursor:pointer;top:6px!important}
body.book-body .ui-datepicker th{color:#c9963c!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase}
body.book-body .ui-datepicker td{padding:2px!important}
body.book-body .ui-datepicker td a,body.book-body .ui-datepicker td span{background:transparent!important;border:0!important;border-radius:10px!important;color:#fff!important;text-align:center!important;padding:8px 0!important;font-weight:500}
body.book-body .ui-datepicker td a:hover{background:rgba(201,150,60,.25)!important}
body.book-body .ui-datepicker td.ui-datepicker-current-day a,body.book-body .ui-datepicker td a.ui-state-active{background:#c9963c!important;color:#111113!important;font-weight:900}
body.book-body .ui-datepicker td.ui-state-disabled span,body.book-body .ui-datepicker td.ui-state-past span,body.book-body .ui-datepicker td.ui-state-unavailable span{color:rgba(255,255,255,.25)!important}
