.image-booking{position:relative;isolation:isolate;overflow:hidden;min-height:100%;height:100%;box-sizing:border-box;background:#0c0c0c}.booking-background{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top;pointer-events:none}.booking-scroll{position:relative;height:100%;overflow-y:auto;background:linear-gradient(rgba(0,0,0,.58),rgba(0,0,0,.82));padding:24px 20px 40px;box-sizing:border-box}.booking-content{max-width:810px;margin:auto}.booking-description{margin:16px 0;border:1px solid rgba(190,158,92,.6);border-radius:12px;background:rgba(12,12,12,.8);color:var(--ivory)}.booking-description summary{padding:14px 16px;cursor:pointer;font-weight:600}.booking-description summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:12px}.booking-description p{padding:0 16px 16px;margin:0;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.image-booking .field,.image-booking .secondary{background:rgba(20,20,20,.94);color:var(--ivory)}.image-booking option{background:#171717;color:var(--ivory)}.image-booking h1{font-size:clamp(24px,4vw,36px);margin:16px 0}.image-booking h2{font-size:18px;margin:16px 0 10px}.image-booking .booking-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:20px 0}.booking-controls label{display:flex;flex-direction:column;gap:8px;color:var(--ivory)}.booking-controls [hidden]{display:none}.booking-controls .field{width:100%;margin:0;min-width:0}.booking-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.booking-times button{padding:12px 8px}.booking-times .selected{background:var(--gold,#be9e5c);color:#111;border:2px solid #fff}.image-booking [data-confirm],.image-booking [data-refresh]{width:100%;margin:10px 0}.image-booking button:disabled{opacity:.5;cursor:default}.image-booking [data-status]{line-height:1.5}.image-booking [data-summary]{font-weight:600;color:var(--gold,#be9e5c);margin:24px 0 10px}



/* Réservation sur les photos de l'accueil et du salon. */
.look-booking-button,.hero-info .look-booking-button,.salon-feed-copy .look-booking-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%;padding:13px 20px;margin-top:12px;border:1px solid rgba(205,177,112,.8);border-radius:10px;background:rgba(18,18,18,.9);color:#e3c98f;font-size:13px;font-weight:600;line-height:1.3;letter-spacing:.07em;text-align:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:background .15s,border-color .15s}
@media(hover:hover){.look-booking-button:hover{background:#29251d;border-color:#e3c98f}}
.look-booking-button:focus-visible,.prestation-detail .calendar-action:focus-visible{outline:2px solid #fff;outline-offset:4px}
.prestation-detail .detail-copy{max-height:calc(100% - 100px);overflow-y:auto}
.prestation-title-row{display:grid;grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:16px;margin-bottom:14px}.prestation-detail .prestation-title-row h1{margin:0;min-width:0;overflow-wrap:anywhere}.prestation-detail .detail-copy p{display:block;max-width:100%;margin:0;text-align:center;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal;white-space:pre-line;line-height:1.5;color:var(--ivory)}
.prestation-detail .calendar-action{position:static;width:56px;height:56px;margin:0;border:1px solid rgba(190,158,92,.7);border-radius:14px;background:rgba(25,25,25,.94);color:var(--gold);cursor:pointer}
.prestation-detail .calendar-action svg{width:28px;height:28px}



/* Descriptions are displayed in the desktop panel only. */
.home-inspiration-description{display:none}

/* Bouton de changement de salon : gris dégradé, comme le sélecteur. */
.image-booking [data-change-booking-salon]{background:linear-gradient(180deg,#707070 0%,#474747 45%,#202020 52%,#505050 100%);color:#f5f5f5;border:1px solid #797979;border-radius:12px;box-shadow:inset 0 1px 1px rgba(255,255,255,.22),0 2px 6px rgba(0,0,0,.25);text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1.45;white-space:normal}
.image-booking [data-change-booking-salon]:focus-visible{outline:3px solid #93baff;outline-offset:3px}
@media(hover:hover){.image-booking [data-change-booking-salon]:hover{background:linear-gradient(180deg,#7a7a7a 0%,#515151 45%,#292929 52%,#5a5a5a 100%);border-color:#999}}


.booking-basket{padding:16px;border:1px solid #494740;border-radius:6px;margin:18px 0;background:rgba(20,20,20,.7)}
.booking-basket:empty{display:none}.booking-basket h2{font-size:18px;margin:0 0 12px}.booking-basket-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 80px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #494740}.booking-basket-row span{min-width:0;overflow-wrap:anywhere}.booking-basket-row small{display:block;opacity:.8;margin-top:5px}.booking-basket-row button{background:none;color:inherit;border:1px solid #777;border-radius:4px;padding:8px;flex-shrink:0}.booking-basket [data-total]{display:block;margin:16px 0}.tariff-choices button.selected{border-color:#be9e5c;background:#38342b}.mg-connected-salon{font-weight:400;overflow-wrap:anywhere}

.itinerary-service{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #555}.itinerary-service>div{flex:1;min-width:0}.itinerary-service>img{width:64px;height:80px;object-fit:cover;border-radius:4px}.itinerary-service h2{font-size:18px;margin:0}.itinerary-service p{font-size:14px;margin:8px 0}.itinerary-service label{font-size:14px}.itinerary-service .field{width:100%;min-width:0}.itinerary-booking [data-total]{display:block;margin:20px 0;line-height:1.5}.itinerary-date{display:block;margin:16px 0}.itinerary-summary-row{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;border-bottom:1px solid #555;padding:14px 0}.itinerary-summary-row small{display:block;margin-top:5px}.itinerary-summary-row>span:last-child{grid-column:2;font-size:14px}.itinerary-booking button{border-radius:6px}.itinerary-booking .field{border-radius:6px}@media(max-width:480px){.itinerary-service{gap:10px}.itinerary-service>img{width:46px;height:60px}.itinerary-summary-row{grid-template-columns:1fr}.itinerary-summary-row>span:last-child{grid-column:1}}


@media(max-width:480px){.booking-basket-row{grid-template-columns:minmax(0,1fr) 80px}.booking-basket-row>span{grid-column:1/-1}}

.booking-catalog-tabs{display:flex;gap:8px;margin:18px 0}.booking-catalog-tabs button{flex:1;min-width:0;padding:12px 10px;border:1px solid #655c44;border-radius:5px;background:transparent;color:inherit;font:inherit;cursor:pointer}.booking-catalog-tabs button[aria-pressed="true"]{background:#302c20;border-color:#b5a16a}.booking-look-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.booking-look-card{min-width:0;border:1px solid #514938;border-radius:6px;overflow:hidden;padding-bottom:12px}.booking-look-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.booking-look-card h2{font-size:16px;margin:12px;overflow-wrap:anywhere}.booking-look-card button{display:block;width:calc(100% - 24px);margin:0 12px;padding:10px 6px;white-space:normal}.booking-catalog-tabs+[data-tariff-list][hidden],[data-look-list][hidden]{display:none}@media(max-width:360px){.booking-look-grid{grid-template-columns:1fr}}

.booking-catalog-tabs button[hidden]{display:none}

.mg-home-heading .mg-salon-preview{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;max-width:100%;margin:14px auto 0;padding:9px 14px;border:1px solid #746b56;border-radius:5px;background:transparent;color:#d3c5a7;font:inherit;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:normal;text-transform:none;cursor:pointer;transition:background-color .15s,border-color .15s}.mg-salon-preview svg{width:18px;height:18px;flex:none}.mg-home-heading .mg-salon-preview:hover{background:#b5a16a18;border-color:#b5a16a}.mg-home-heading .mg-salon-preview:focus-visible{outline:2px solid #b5a16a;outline-offset:3px}


/* Professional dashboard: daily tasks first. */
.mg-dashboard .mg-home{max-width:1100px;margin:auto;padding:24px 16px}
.mg-dashboard .mg-home-heading{margin:12px 0 28px}
.mg-dashboard-tools{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}
.mg-dashboard-tools>button,.mg-profile-menu summary,.mg-profile-menu button{font:inherit;font-size:13px;font-weight:400;color:#d3c5a7;background:transparent;border:1px solid #746b56;border-radius:5px;padding:9px 12px;cursor:pointer}
.mg-dashboard .mg-dashboard-tools .mg-salon-preview{margin:0;font-size:13px}
.mg-dashboard-tools>button{position:relative}
.mg-profile-menu{position:relative}.mg-profile-menu>div{position:absolute;right:0;top:100%;z-index:20;min-width:180px;padding:8px;background:#191b17;border:1px solid #746b56;border-radius:6px;box-shadow:0 8px 24px #0008}.mg-profile-menu button{display:block;width:100%;border:0;text-align:left}
.mg-dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.mg-dashboard-heading h1{font-size:24px;margin:0 0 6px}.mg-dashboard-heading p{font-size:14px;opacity:.7;margin:0}.mg-dashboard-heading .primary{width:auto;border-radius:6px;padding:12px 18px;font-size:15px;text-transform:none}
.mg-dashboard .mg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mg-dashboard .mg-grid .mg-tile{min-height:135px;height:auto;padding:20px 16px;border-radius:8px;background:#171a16;box-shadow:none;gap:9px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}
.mg-dashboard .mg-tile b{font-size:16px;letter-spacing:0;text-transform:none}.mg-dashboard .mg-tile small{font-size:12px;color:#aaa99f;line-height:1.5}.mg-dashboard .mg-tile>span{font-size:24px}.mg-dashboard .mg-tile svg{width:27px;height:27px}.mg-dashboard .mg-tile:hover{background:#24271f;border-color:#b5a16a}
.mg-dashboard .mg-top-tabs{gap:8px}.mg-dashboard .mg-top-tabs button{min-width:0;min-height:54px;padding:10px;border-radius:6px;flex:1}.mg-dashboard .mg-top-tabs small{font-size:13px;text-transform:none;letter-spacing:0;white-space:normal}.mg-dashboard .mg-top-tabs button:first-child{width:auto;max-width:none}
.mg-dashboard .information-footer{margin-top:28px;padding-top:18px}.mg-dashboard .information-energy{display:none}.mg-dashboard .information-discover,.mg-dashboard .information-legal{gap:12px;margin:14px 0;flex-wrap:wrap}.mg-dashboard .information-footer a,.mg-dashboard .information-footer button{font-size:12px}.mg-dashboard-help summary{cursor:pointer;color:#d3c5a7;font-size:14px}.mg-dashboard-help>div{display:flex;justify-content:center;gap:16px;padding:12px}
@media(max-width:600px){.mg-dashboard .mg-home{padding:16px 8px}.mg-dashboard-heading{align-items:stretch;flex-direction:column;gap:12px}.mg-dashboard-heading h1{font-size:21px}.mg-dashboard .mg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mg-dashboard .mg-grid .mg-tile{min-height:125px;padding:14px 12px}.mg-dashboard .mg-tile b{font-size:14px}.mg-dashboard-tools{gap:8px}.mg-dashboard .mg-top-tabs button{padding:8px 4px}.mg-dashboard .mg-top-tabs small{font-size:11px}}

/* Mobile Pilotage: account tools follow the everyday actions. */
@media(max-width:760px){
 .mg-dashboard .mg-home{display:flex;flex-direction:column}
 .mg-dashboard .mg-home-heading{display:contents}
 .mg-dashboard .mg-home-heading>.eyebrow{order:0;margin:12px 0 20px;text-align:center}
 .mg-dashboard .mg-dashboard-heading{order:1}
 .mg-dashboard .mg-grid{order:2}
 .mg-dashboard .mg-dashboard-tools{order:3;margin:24px 0 16px;padding-top:20px;border-top:1px solid #ffffff18}
 .mg-dashboard .mg-home>footer,.mg-dashboard .mg-home>.information-footer{order:4}
}