/* Calendrier des séjours (sejours-cal.js), commun au back-office et à
   l'espace propriétaire. */
.sc-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}
.sc-t{font-family:"Cormorant Garamond",Georgia,serif;font-size:20px;font-weight:500;
  margin:0 0 10px;text-transform:capitalize;display:flex;align-items:baseline;gap:8px}
.sc-t em{font-style:normal;font-family:"Jost",system-ui,sans-serif;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#6E7A70)}
.sc-s,.sc-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:0;row-gap:4px}
.sc-s span{text-align:center;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted,#6E7A70);padding-bottom:4px}
.sc-j,.sc-vide{height:54px}
.sc-j{position:relative;background:var(--paper,#FFFDF8);border-top:1px solid var(--line,#E2DCCC);
  user-select:none}
.sc-j .sc-n{position:absolute;top:5px;left:7px;font-size:11.5px;line-height:1;z-index:4;
  font-family:"IBM Plex Mono",ui-monospace,monospace;color:var(--ink,#1A1A16)}
.sc-j.passe .sc-n{opacity:.45}
.sc-j.auj .sc-n{background:var(--ink,#1A1A16);color:#fff;border-radius:9px;
  padding:3px 5px;top:2px;left:3px;opacity:1}

/* Le bandeau d'un séjour. */
.sb{position:absolute;bottom:8px;height:22px;background:var(--c);z-index:2;cursor:pointer}
.sb.plein{left:0;right:0}
.sb.deb{left:calc(50% + 2px);right:0;border-radius:11px 0 0 11px}
.sb.fin{left:0;right:calc(50% + 2px);border-radius:0 11px 11px 0}
.sb.n-pend{background:repeating-linear-gradient(45deg,var(--c) 0 5px,#F3E9CF 5px 10px);
  box-shadow:inset 0 0 0 1.5px var(--c)}
.sb.n-block{background:repeating-linear-gradient(45deg,var(--c) 0 6px,#A9B2AB 6px 12px)}
.sb:hover{filter:brightness(1.1)}
.sc-j.passe .sb{opacity:.55}
/* Le libellé court sur le bandeau jusqu'à la fin de la semaine du séjour. */
.sb-l{position:absolute;bottom:8px;height:22px;line-height:22px;z-index:3;pointer-events:none;
  left:calc(var(--o) * 50% + 9px);
  width:calc((var(--n) + var(--d)) * 100% - 14px);
  font-style:normal;font-size:11px;font-weight:500;color:#fff;letter-spacing:.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:"Jost",system-ui,sans-serif}
.sc-j.passe .sb-l{opacity:.8}
.sb-l.n-pend,.sb-l.n-block{color:#2B2414;text-shadow:0 0 3px #fff,0 0 3px #fff}
.sc-legende{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--muted,#6E7A70)}
.sc-legende span{display:inline-flex;align-items:center;gap:7px}
.sc-legende i{display:inline-block;width:22px;height:10px;border-radius:5px}
.sc-legende i.raye{background:repeating-linear-gradient(45deg,#C9A24E 0 4px,#F3E9CF 4px 8px);
  box-shadow:inset 0 0 0 1px #C9A24E}
@media (max-width:760px){
  .sc-grille{grid-template-columns:1fr}
  .sc-j,.sc-vide{height:48px}
  .sb,.sb-l{height:20px;line-height:20px;bottom:6px}
  .sb-l{font-size:10px;left:calc(var(--o) * 50% + 6px)}
}

/* Fiche d'un séjour : en-tête aux couleurs de la plateforme. */
.sf-tete{position:relative;padding:18px 48px 18px 20px;color:#fff}
.sf-tete .sf-nat{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.85}
.sf-tete .sf-dates{font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;line-height:1.15;margin-top:5px}
.sf-tete .sf-bien{font-size:13px;opacity:.85;margin-top:3px}
.sf-tete .sf-x{position:absolute;top:12px;right:12px;background:none;border:0;color:#fff;
  font-size:26px;line-height:1;opacity:.8;padding:0 6px;cursor:pointer}
.sf-tete .sf-x:hover{opacity:1}
.sf-tuiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 20px 4px}
.sf-tuile{background:var(--cream,#F8F5EE);border-radius:6px;padding:11px 13px}
.sf-tuile small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#6E7A70)}
.sf-tuile b{display:block;font-weight:400;font-size:16px;margin-top:3px}
.sf-tuile span{display:block;font-size:12px;color:var(--muted,#6E7A70)}
.sf-lignes{padding:6px 20px 8px}
.sf-lignes > div{display:flex;align-items:baseline;gap:14px;padding:10px 0;border-bottom:1px solid var(--line,#E2DCCC);font-size:13.5px}
.sf-lignes > div:last-child{border-bottom:0}
.sf-lignes span{flex:0 0 110px;color:var(--muted,#6E7A70);font-size:12.5px}
.sf-lignes b{font-weight:400;flex:1;min-width:0;overflow-wrap:anywhere}
.sf-pied{display:flex;gap:8px;justify-content:flex-end;padding:12px 20px 18px;flex-wrap:wrap}

/* Espace propriétaire : sélection de dates pour un blocage. */
.sc-j.sel{cursor:pointer}
.sc-j.sel:hover{background:#F3EFE4}
.sc-j.inrange{background:rgba(47,93,74,.14)}
.sc-j.pick{background:rgba(47,93,74,.22);box-shadow:inset 0 0 0 2px #2F5D4A}
.cal-count-1 .sc-j,.cal-count-1 .sc-vide{height:70px}
.cal-count-1 .sb,.cal-count-1 .sb-l{height:26px;line-height:26px;bottom:10px}
.cal-count-1 .sb-l{font-size:12px}
