/* Presentation only: existing room rendering, dimension state and prices stay native. */
.md-refonte #fotolia-detail-vue .mdr-price-overview { display:flex; flex-wrap:wrap; align-items:flex-start; gap:20px 24px; margin-bottom:20px; }
.md-refonte #fotolia-detail-vue .mdr-price-summary { flex:1.2 1 290px; min-width:0; }
.md-refonte #fotolia-detail-vue .mdr-price-summary > .row { margin-left:0; margin-right:0; }
.md-refonte #fotolia-detail-vue .mdr-price-summary .price-label { padding-left:0; }
.md-refonte #fotolia-detail-vue .mdr-us-customs { flex:1 1 230px; min-width:0; padding:16px 18px; border:1px solid #e2e6e9; border-left:3px solid #ed1b2f; border-radius:6px; background:#f7f8f9; color:#39464e; text-align:left; }
.md-refonte #fotolia-detail-vue .mdr-us-customs h3 { margin:0 0 9px; padding:0; color:#17242c; font:700 15px/1.4 Arial,Helvetica,sans-serif; text-transform:none; letter-spacing:normal; }
.md-refonte #fotolia-detail-vue .mdr-us-customs p { margin:0; padding:0; color:inherit; font:400 14px/1.55 Arial,Helvetica,sans-serif; }
.md-refonte #fotolia-detail-vue .mdr-us-customs .mdr-customs-canada { margin-top:10px; font-weight:600; }
.md-refonte #modalAmbiance.mdr-ambiance-modal:hover { cursor:default; }
.md-refonte #modalAmbiance.mdr-ambiance-modal .modal-header { z-index:5; }
.md-refonte #modalAmbiance.mdr-ambiance-modal .close { display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; margin:0; border:1px solid #dfe4e7; border-radius:50%; background:#fff; color:#17242c; opacity:1; font:400 28px/1 Arial,Helvetica,sans-serif; text-shadow:none; }
.md-refonte #modalAmbiance .mdr-ambiance-arrow { position:absolute; top:50%; z-index:4; display:flex; align-items:center; justify-content:center; width:48px; height:48px; padding:0; transform:translateY(-50%); border:1px solid #dfe4e7; border-radius:50%; background:#fff; color:#17242c; box-shadow:0 3px 16px rgba(0,0,0,.16); cursor:pointer; }
.md-refonte #modalAmbiance .mdr-ambiance-prev { left:20px; }
.md-refonte #modalAmbiance .mdr-ambiance-next { right:20px; }
.md-refonte #modalAmbiance .mdr-ambiance-arrow:hover { border-color:#ed1b2f; color:#bd1425; }
.md-refonte #modalAmbiance .mdr-ambiance-arrow:focus-visible,
.md-refonte #modalAmbiance .close:focus-visible { outline:3px solid #ed1b2f; outline-offset:3px; }
.md-refonte #modalAmbiance .mdr-ambiance-position { position:absolute; bottom:16px; left:50%; z-index:4; transform:translateX(-50%); padding:8px 14px; border-radius:20px; background:rgba(15,26,33,.86); color:#fff; font:500 14px/1.5 Arial,Helvetica,sans-serif; white-space:nowrap; pointer-events:none; }
@media(max-width:600px) {
  .md-refonte #modalAmbiance .mdr-ambiance-prev { left:10px; }
  .md-refonte #modalAmbiance .mdr-ambiance-next { right:10px; }
  .md-refonte #modalAmbiance .mdr-ambiance-arrow { width:44px; height:44px; }
  .md-refonte #fotolia-detail-vue .mdr-us-customs { padding:14px 16px; }
}
