/* Kraft Designer — Barre des chambres (charte Le Petit Pinarello : bleu nuit, vert anis, Raleway) */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.38s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
::view-transition-group(kss-bar){animation:none}
html.has-kss body{padding-bottom:calc(var(--kss-h,96px) + 24px)}
html.kss-leaving #page-container,html.kss-leaving .et-l--body{opacity:.35;transition:opacity .25s ease}

.kss{--kss-ink:#072130;--kss-hl:#81A81D;position:fixed;z-index:9990;left:50%;bottom:16px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;padding:10px 10px 10px 0;display:flex;align-items:stretch;gap:0;background:rgba(7,33,48,.86);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px rgba(7,33,48,.28);color:#fff;font-family:Raleway,"Helvetica Neue",Arial,sans-serif;view-transition-name:kss-bar}
.kss *{box-sizing:border-box}
.kss button{margin:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal;line-height:1}
.kss__toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:92px;padding:0 14px!important;border-right:1px solid rgba(255,255,255,.14)!important}
.kss__toggle span{font:600 9px/1.3 Raleway,sans-serif!important;letter-spacing:.26em!important;text-transform:uppercase!important;text-align:center;color:#fff}
.kss__toggle em{font:300 18px/1 Raleway,sans-serif;font-style:normal;color:var(--kss-hl)}
.kss__toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform .3s ease}
.kss__toggle:hover svg{opacity:1}
.kss__track{display:flex;gap:6px;padding-left:10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;max-height:120px;transition:max-height .35s ease,opacity .25s ease,padding .35s ease}
.kss__track::-webkit-scrollbar{display:none}
.kss__item{position:relative;display:flex;align-items:center;gap:12px;flex:none;width:auto;min-width:180px;max-width:260px;padding:6px 12px 6px 6px;color:#fff!important;text-decoration:none!important;scroll-snap-align:center;transition:background-color .25s ease}
.kss__item:hover{background:rgba(255,255,255,.08)}
.kss__item::after{content:"";position:absolute;left:6px;right:12px;bottom:0;height:1px;background:var(--kss-hl);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.kss__item.is-active{background:rgba(255,255,255,.1)}
.kss__item.is-active::after,.kss__item:hover::after{transform:scaleX(1)}
.kss__img{flex:none;width:64px;height:52px;overflow:hidden;background:#1d3a48}
.kss__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.kss__item:hover .kss__img img{transform:scale(1.08)}
.kss__txt{display:flex;flex-direction:column;gap:5px;min-width:0}
.kss__txt small{font:600 9px/1 Raleway,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--kss-hl)}
.kss__txt b{overflow:hidden;font:400 12px/1.25 Raleway,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:#fff}
.kss__item:focus-visible,.kss__toggle:focus-visible{outline:2px solid var(--kss-hl);outline-offset:-2px}
.kss.is-collapsed{padding:0}
.kss.is-collapsed .kss__toggle{flex-direction:row;gap:10px;min-height:46px;padding:0 18px!important;border-right:0!important}
.kss.is-collapsed .kss__toggle svg{transform:rotate(180deg)}
.kss.is-collapsed .kss__track{max-height:0;max-width:0;padding:0;opacity:0;overflow:hidden}
.kss.is-preview{position:relative;left:auto;bottom:auto;transform:none;margin:0 auto}
@media(max-width:767px){
  .kss{left:0;right:0;bottom:0;transform:none;width:auto;max-width:none;padding:8px 0 calc(8px + env(safe-area-inset-bottom));border-left:0;border-right:0;border-bottom:0}
  .kss__toggle{min-width:64px;padding:0 10px!important}
  .kss__toggle span{font-size:8px!important;letter-spacing:.2em!important}
  .kss__track{padding-left:8px;padding-right:8px;gap:4px}
  .kss__item{width:auto;flex-direction:column;align-items:flex-start;gap:6px;padding:4px}
  .kss__item::after{left:4px;right:4px}
  .kss__img{width:96px;height:60px}
  .kss__txt{width:96px}
  .kss__txt small{font-size:8px;letter-spacing:.22em}
  .kss__txt b{font-size:10px;letter-spacing:.08em}
  .kss.is-collapsed{left:16px;right:auto;bottom:16px;border:1px solid rgba(255,255,255,.12)}
  html.has-kss body{padding-bottom:var(--kss-h,110px)}
}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.kss__track,.kss__img img,.kss__item::after{transition:none}}