/* Booking Djerba V2.4.2 — logo transparent, planning BedBooking, WhatsApp mobile */
.brand-logo-image,.footer-logo-image,.admin-logo-image{background:transparent!important;border-radius:0!important}
.admin-logo-image{padding:0!important;margin:10px 10px 24px!important}
.admin-logo-image img{max-width:205px!important;max-height:100px!important;filter:drop-shadow(0 1px 0 rgba(255,255,255,.45))}
.footer-logo-image{padding:0!important}
.footer-logo-image img{max-width:190px!important;max-height:90px!important}
.brand-logo-image img{height:66px!important;width:160px!important}

/* WhatsApp : visible uniquement sur les versions mobiles du site public */
.mobile-whatsapp{display:none}
@media(max-width:900px){
  .mobile-whatsapp{position:fixed;right:18px;bottom:18px;z-index:1000;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;box-shadow:0 10px 26px rgba(0,0,0,.24);border:3px solid #fff}
  .mobile-whatsapp svg{width:31px;height:31px;fill:#fff}
}

/* Planning type BedBooking */
.bb-panel{background:#fff;border:1px solid #dce6f3;border-radius:14px;box-shadow:0 4px 14px rgba(12,42,81,.04);overflow:hidden}
.bb-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:22px 24px;border-bottom:1px solid #e6edf6}
.bb-toolbar h2{margin:4px 0 4px;color:#08275c;font-size:25px}.bb-toolbar p{margin:0;color:#66758f;font-size:13px}.bb-toolbar-right{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;justify-content:flex-end}.bb-date-form{display:flex;gap:8px;align-items:center}.bb-date-form input{height:40px;padding:0 10px;border:1px solid #dce6f3;border-radius:8px;background:#fff;color:#08275c}.bb-date-form .btn{height:40px;padding:0 16px}
.bb-legend{display:flex;gap:11px;flex-wrap:wrap;font-size:11px;color:#52647e}.bb-legend span{display:flex;align-items:center;gap:5px;white-space:nowrap}.bb-legend i{display:block;width:12px;height:12px;border-radius:3px}
.bb-scroll{overflow:auto;max-height:calc(100vh - 215px);position:relative;background:#fff;scrollbar-gutter:stable}
.bb-calendar{min-width:calc(var(--villa-width) + var(--track-width));position:relative}
.bb-head-row,.bb-row{display:flex;min-width:calc(var(--villa-width) + var(--track-width))}
.bb-head-row{position:sticky;top:0;z-index:40;background:#fff;box-shadow:0 2px 8px rgba(7,30,72,.08)}
.bb-villa-head,.bb-villa-cell{width:var(--villa-width);min-width:var(--villa-width);position:sticky;left:0;background:#fff;border-right:1px solid #dce6f3;z-index:25}
.bb-villa-head{height:58px;display:flex;align-items:center;padding:0 15px;color:#08275c;font-weight:800;z-index:60;border-bottom:1px solid #dce6f3}
.bb-villa-cell{padding:10px 14px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #e8eef7;box-shadow:4px 0 8px rgba(7,30,72,.025)}
.bb-villa-cell b{font-size:13px;line-height:1.2;color:#08275c;white-space:normal}.bb-villa-cell small{font-size:10px;color:#8493aa;margin-top:4px}
.bb-days-head{height:58px;display:grid;grid-template-columns:repeat(45,var(--day-width));flex:none;border-bottom:1px solid #dce6f3}
.bb-day-head{width:var(--day-width);display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #e4ebf4;background:#fff;color:#08275c}.bb-day-head strong{font-size:15px}.bb-day-head span{font-size:10px;color:#7b8da6;margin-top:2px}.bb-day-head.weekend{background:#f5f8fc}.bb-day-head.today{background:#e9f3ff;box-shadow:inset 0 -3px #1264d8}
.bb-track{position:relative;flex:none;border-bottom:1px solid #e8eef7;overflow:hidden}.bb-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(45,var(--day-width));pointer-events:none}.bb-grid-day{border-right:1px solid #edf1f6}.bb-grid-day.weekend{background:#f8fafc}.bb-grid-day.today{background:#eef6ff}
.bb-booking{position:absolute;height:26px;display:flex;align-items:center;padding:0 10px;color:#fff;font-size:11px;font-weight:800;line-height:1;border-radius:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-shadow:0 2px 5px rgba(8,39,92,.14);z-index:10;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.bb-booking:hover{z-index:20;filter:brightness(.95);box-shadow:0 4px 10px rgba(8,39,92,.22)}.bb-booking span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-booking.status-pending,.bb-legend i.status-pending{background:#f59e0b}.bb-booking.status-confirmed,.bb-legend i.status-confirmed{background:#2563eb}.bb-booking.status-stay,.bb-legend i.status-stay{background:#0f9fa8}.bb-booking.status-departed,.bb-legend i.status-departed{background:#64748b}.bb-booking.status-noshow,.bb-legend i.status-noshow{background:#dc2626}.bb-booking.status-default,.bb-legend i.status-default{background:#7c3aed}

.reservation-detail-grid{display:grid;grid-template-columns:minmax(520px,1.3fr) minmax(300px,.7fr);gap:22px;align-items:start}.reservation-detail-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf2f8}.reservation-detail-list>div{padding:15px 8px;border-bottom:1px solid #edf2f8}.reservation-detail-list span{display:block;color:#7b8da6;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.reservation-detail-list b{display:block;color:#08275c;margin-top:5px}.reservation-notes{margin-top:20px;background:#f7faff;border:1px solid #dce6f3;border-radius:10px;padding:16px}.reservation-notes p{white-space:pre-wrap;line-height:1.6}.reservation-inline-form{display:flex;gap:6px;align-items:center}.reservation-inline-form select{max-width:145px}

@media(max-width:1100px){.bb-toolbar{flex-direction:column}.bb-toolbar-right{justify-content:flex-start}.reservation-detail-grid{grid-template-columns:1fr}}
@media(max-width:760px){.bb-scroll{max-height:calc(100vh - 190px)}.bb-villa-head,.bb-villa-cell{--villa-width:170px}.bb-legend{display:none}.bb-toolbar{padding:16px}.bb-date-form{width:100%}.bb-date-form input{flex:1}.reservation-detail-list{grid-template-columns:1fr}}
