.me-reservation { color: var(--color-text, #182126); }
.me-reservation section { margin-bottom: 2rem; }
.me-reservation h1 { max-width: 900px; color: var(--color-brand, #5d1e03); }
.me-reservation h1 span { color: var(--color-muted, #526168); font-size: .65em; }
.me-reservation h2 { font-size: clamp(1.4rem, 3vw, 2rem); }
.me-reservation h2 > span { display: inline-grid; place-items: center; width: 2.5rem; height: 2.5rem; margin-right: .75rem; border-radius: 50%; background: var(--color-ink, #0f2e3b); color: white; font: 700 1rem sans-serif; }
.me-reservation .me-booking-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 2rem 0; padding: 0; list-style: none; }
.me-reservation .me-booking-steps > li { min-width: 0; padding: 1.25rem; margin: 0; border: 1px solid transparent; border-radius: 18px; background: var(--color-heritage, #f2ebd1); }
.me-reservation .me-booking-steps > li[aria-current=step] { border-color: var(--color-ink, #0f2e3b); }
.me-reservation .me-booking-step-heading { display: flex; align-items: center; gap: .875rem; }
.me-reservation .me-booking-step-icon { display: grid; flex: 0 0 48px; place-items: center; height: 48px; border-radius: 14px; background: #fff; color: var(--color-ink, #0f2e3b); }
.me-reservation [aria-current=step] .me-booking-step-icon { background: var(--color-ink, #0f2e3b); color: #fff; }
.me-reservation .me-booking-step-icon svg { display: block; }
.me-reservation .me-booking-step-number { display: block; margin-bottom: .2rem; color: var(--color-brand, #5d1e03); font-size: .75rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.me-reservation .me-booking-step-heading h3 { margin: 0; color: var(--color-ink, #0f2e3b); font-size: 1.2rem; line-height: 1.25; }
.me-reservation .me-booking-steps p { margin: .875rem 0 0; font-size: .9375rem; line-height: 1.6; }
.me-reservation #boiteform1, .me-reservation #boiteform2, .me-reservation #boiteform3, .me-reservation #mainLocationEtape > hgroup { padding: clamp(1rem, 3vw, 2rem); border: 1px solid #ccd3d2; border-radius: 24px; background: white; }
.me-reservation form { margin: 1rem 0; }
.me-reservation input:not([type=radio]):not([type=checkbox]), .me-reservation select, .me-reservation textarea { min-height: 48px; max-width: 100%; margin: .35rem .3rem .35rem 0; padding: .6rem .85rem; border: 1px solid #a5b4b8; border-radius: 10px; font: inherit; background: #fff; color: #182126; }
.me-reservation input[type=submit] { border: 0 !important; padding: .8rem 1.25rem !important; border-radius: 999px !important; background: var(--color-action, #e65f3c) !important; color: #fff !important; font-weight: 800 !important; cursor: pointer; }
.me-reservation #theForm, .me-reservation #theFormA { display: inline-flex; align-items: center; gap: .75rem; margin-right: 1rem; }
.me-equipment-picker { display: grid; grid-template-columns: minmax(120px, 200px) minmax(180px, 360px); gap: 1.25rem; margin-top: 1.5rem; }
.me-beneficiary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: 1rem; background: #f2ebd1; border-radius: 14px; }
.me-beneficiary label { display: block; font-weight: 700; }
.me-reservation .me-beneficiary input, .me-reservation .me-beneficiary select { width: 100%; box-sizing: border-box; }
.me-reservation .me-person-summary { margin: 1.5rem 0; border: 1px solid #ccd3d2; border-radius: 16px; overflow: hidden; }
.me-person-summary > header, .me-person-summary > footer { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem; background: #f3f6f6; }
.me-person-summary h3, .me-person-summary h4, .me-person-summary p { margin: 0; }
.me-person-controls { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; }
.me-reservation .me-remove-person-form { margin: 0; }
.me-reservation .me-remove-person { padding: .5rem .75rem; border: 1px solid #a13224; border-radius: 8px; background: #fff; color: #a13224; font: inherit; font-size: .85rem; cursor: pointer; }
.me-reservation .me-remove-person:hover { background: #fff0eb; }
.me-reservation .me-remove-person:focus-visible { outline: 2px solid #a13224; outline-offset: 3px; }
.me-reservation .me-basket-item { display: flex; justify-content: space-between; gap: 1.5rem; padding: 1.2rem; border-bottom: 1px solid #e4e8e8; }
.me-basket-item p { font-size: .9rem; color: #526168; margin-top: .4rem; }
.me-item-actions { flex-shrink: 0; text-align: right; }
.me-item-actions strong { font-size: 1.2rem; }
.me-item-actions a { display: inline-block; margin: .4rem 0 0 .6rem; font-size: .85rem; }
.me-reservation .me-stay-summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
.me-reservation .me-edit-dates { display: inline-flex; align-items: center; justify-content: center; gap: .625rem; min-height: 44px; padding: .625rem 1rem; border: 1.5px solid var(--color-brand, #5d1e03); border-radius: 12px; background: var(--color-heritage, #f2ebd1); color: var(--color-brand, #5d1e03); font-size: .9375rem; font-weight: 800; line-height: 1.4; text-decoration: none; }
.me-reservation .me-edit-dates svg { flex: 0 0 20px; }
.me-reservation .me-edit-dates:hover { background: var(--color-brand, #5d1e03); color: #fff; }
.me-new-person { display: inline-block; margin: .5rem 0; font-weight: 700; }
.me-reservation #boite-pointure button { margin: .75rem .75rem 0 0; }
.me-reservation .me-equipment-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.75rem; padding-top: 1.5rem; border-top: 1px solid #e4e8e8; }
.me-reservation #boite-pointure .me-equipment-actions > button { margin: 0; max-width: 100%; cursor: pointer; }
.me-reservation .me-add-equipment { min-height: 48px; padding: .875rem 1.25rem; border: 1.5px solid var(--color-brand, #5d1e03); border-radius: 14px; background: #fff; color: var(--color-brand, #5d1e03); font: inherit; font-weight: 700; }
.me-reservation .me-add-equipment:hover { background: var(--color-heritage, #f2ebd1); color: var(--color-brand, #5d1e03); transform: none; }
.me-reservation .me-next-step { display: inline-flex; align-items: center; justify-content: space-between; gap: 1.5rem; min-height: 68px; padding: .875rem 1.5rem; border: 2px solid transparent; border-radius: 16px; background: var(--color-action, #e65f3c); color: #351000; box-shadow: 0 5px 14px rgb(93 30 3 / 15%); font: inherit; text-align: left; }
.me-reservation .me-next-step-copy { display: grid; gap: .125rem; font-size: 1.0625rem; font-weight: 800; line-height: 1.35; }
.me-reservation .me-next-step-detail { font-size: .875rem; font-weight: 600; }
.me-reservation .me-next-step-arrow { flex-shrink: 0; font-size: 1.75rem; line-height: 1; }
.me-reservation .me-next-step:hover { background: #ed795b; color: #351000; box-shadow: 0 7px 18px rgb(93 30 3 / 22%); transform: none; }
.me-reservation .me-edit-dates:focus-visible, .me-reservation .me-equipment-actions > button:focus-visible { outline: 3px solid var(--color-brand, #5d1e03); outline-offset: 4px; }
@media(max-width: 650px) { .me-reservation .me-equipment-actions { flex-direction: column; align-items: stretch; } .me-reservation .me-equipment-actions > button, .me-reservation .me-edit-dates { width: 100%; } }
@media(max-width: 650px) { .me-beneficiary { grid-template-columns: 1fr; } .me-reservation .me-basket-item, .me-person-summary > header, .me-person-summary > footer { flex-direction: column; align-items: stretch; } .me-item-actions { text-align: left; } }
.me-equipment-picker label { display: block; font-weight: 700; }
.me-reservation .me-equipment-picker select { width: 100%; }
#me-equipment-status { color: #526168; font-size: .9rem; }
#me-equipment-status:empty { display: none; }
#me-equipment-retry[hidden] { display: none; }
@media(max-width: 650px) { .me-equipment-picker { grid-template-columns: 1fr; gap: .6rem; } }
.me-reservation #response_area { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 1.25rem; margin: 1.5rem 0; }
.me-reservation #response_area article { min-width: 0; border: 1px solid #ccd3d2; border-radius: 18px; padding: 1.25rem; }
.me-reservation #response_area article:has(input[type=radio]:checked) { border: 2px solid var(--color-action, #e65f3c); }
.me-reservation .produit img { display: block; width: 100%; height: 200px; object-fit: contain; }
.me-reservation .crosselling { display: flex; gap: 1rem; margin: 1rem 0; }
.me-reservation .crosselling label { display: flex; flex-direction: column; align-items: center; gap: .4rem; font-size: .85rem; }
.me-reservation .crosselling img { width: 60px; height: 60px; object-fit: contain; }
.me-reservation [id=boite-prix] p { margin-bottom: .35rem; font-weight: 800; }
.me-reservation [id=boite-prix] p > span { display: block; color: #526168; font-size: .875rem; text-decoration: line-through; font-weight: 400; }
.me-reservation [id^=price_chaussure], .me-reservation [id^=price_casque], .me-reservation [id^=price_double] { display: none; }
.me-reservation .reduc-pack { color: var(--color-brand, #5d1e03); font-size: .85rem; }
.me-reservation .me-discount { display: inline-block; margin: 1rem 0 1.5rem; padding: .6rem 1rem; border-radius: 12px; background: #f2ebd1; font-weight: 800; }
.me-reservation .me-benefits { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem 2rem; padding-left: 1.2rem; }
.me-reservation #mainLocation2 { margin-top: 2rem; }
.me-reservation [id=label-pack] { display: flex; gap: .75rem; align-items: center; margin-top: 1rem; cursor: pointer; }
.me-reservation #boite-detail-pointure { display: flex; flex-wrap: wrap; gap: .5rem; }
.me-reservation #mainLocationEtape > header { display: flex; gap: .75rem; margin-bottom: 1.5rem; }
.me-reservation #mainLocationEtape > header p { display: grid; place-items: center; width: 40px; height: 40px; margin: 0; border-radius: 50%; background: #f2ebd1; }
.me-reservation #mainLocationEtape > header #etape-on { background: #0f2e3b; color: #fff; }
.me-reservation #mainLocationEtape > hgroup { overflow-x: auto; }
.me-reservation table { width: 100%; font-size: .9rem; }
.me-reservation td { padding: .5rem; }
.me-reservation #montantTotal { font-size: 1.5rem; font-weight: 800; }
.me-reservation #mentions-panier, .me-reservation #mentions-photo { font-size: .875rem; margin-top: 1.5rem; }
.me-reservation .erreur-alerte:not(:empty) { padding: .75rem 1rem; background: #fff0eb; border-left: 3px solid #e65f3c; }
.me-reservation #boiteform3 input:not([type=radio]):not([type=checkbox]):not([type=submit]), .me-reservation #boiteform3 textarea { display: block; width: 100%; }
.me-reservation #boiteform3 label { margin-right: 1rem; }
.me-reservation #upload_form.me-date-form { display: block; }
.me-date-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 320px)); gap: 1.5rem; margin-bottom: 1rem; }
.me-date-fields label { display: block; font-weight: 700; margin-bottom: .4rem; }
.me-reservation .me-date-fields input { width: 100%; box-sizing: border-box; cursor: pointer; }
.me-reservation .me-date-fields input:focus { outline: 2px solid #e65f3c; outline-offset: 2px; }
.me-date-help { color: #526168; font-size: .9rem; }
#me-date-duration { font-weight: 700; color: #0f2e3b; }
.me-date-calendar { font-family: inherit; border-radius: 12px; box-shadow: 0 8px 30px #0f2e3b30; }
.me-date-calendar .flatpickr-current-month select.flatpickr-monthDropdown-months, .me-date-calendar .flatpickr-current-month input.cur-year { min-height: 0; height: auto; margin: 0; padding: 0 0 0 .5ch; border: 0; border-radius: 0; font: inherit; line-height: 1; background: transparent; color: inherit; box-shadow: none; }
.me-date-calendar .flatpickr-day.selected, .me-date-calendar .flatpickr-day.selected:hover { background: #0f2e3b; border-color: #0f2e3b; }
@media(max-width: 650px) { .me-date-fields { grid-template-columns: 1fr; gap: .75rem; } }
@media(max-width: 650px) { .me-reservation .me-booking-steps, .me-reservation .me-benefits { grid-template-columns: 1fr; } .me-reservation #upload_form { display: flex; flex-wrap: wrap; gap: .25rem; } .me-reservation #upload_form > span { flex-basis: 100%; } }