/* UX1 Rezervace - zobrazení "Olivante": doplňky popupu (karta s cenou místo fotky, ikony v tlačítku).
 * Načítá se vždy (na rozdíl od reservation-olivante.css, které si šablona může vypnout). */
.bm-side .ux1o-price {
    background: #1A1A1A;
    color: #F7F4EC;
    padding: 24px 26px;
    margin-bottom: 14px;
}
.bm-side .ux1o-price .ux1o-price-label {
    display: block;
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 12px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #D4A843;
}
.bm-side .ux1o-price .ux1o-price-total {
    display: block;
    margin: 8px 0 10px;
    font-family: var(--font-heading, 'Space Grotesk', sans-serif);
    font-size: 34px;
    line-height: 1.1;
    font-weight: 600;
    color: #fff;
}
.ux1o-price-lines { list-style: none; margin: 0; padding: 0; font-size: 13.5px; line-height: 1.5; color: rgba(247, 244, 236, 0.75); }
.ux1o-price-lines li { padding: 2px 0; }
.bm-submit svg, .bm-submit i, .bm-stay-row i, .bm-call a svg { width: 16px; height: 16px; flex-shrink: 0; }
.bm-submit { display: flex; align-items: center; justify-content: center; gap: 10px; }
/* Poděkování po odeslání: animovaná fajfka + text */
.bm-view.bm-success.active { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 56px 28px 48px; gap: 6px; }
.bm-success h3 { margin: 18px 0 4px; font-size: 26px; color: #1A1A1A; }
.bm-success p { margin: 0 0 24px; max-width: 420px; font-size: 16px; line-height: 1.55; color: #55503F; }
.ux1o-check { width: 96px; height: 96px; }
.ux1o-check-circle { stroke: #B8860B; stroke-width: 2.5; stroke-dasharray: 151; stroke-dashoffset: 151; }
.ux1o-check-mark { stroke: #B8860B; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 40; stroke-dashoffset: 40; }
.ux1o-check.is-animated .ux1o-check-circle { animation: ux1o-draw 0.7s ease-out forwards; }
.ux1o-check.is-animated .ux1o-check-mark { animation: ux1o-draw 0.45s 0.6s ease-out forwards; }
.ux1o-check.is-animated { animation: ux1o-pop 0.5s 0.95s ease-out; }
.bm-success h3, .bm-success p, .bm-success .btn-v2 { opacity: 0; }
.bm-success.active h3 { animation: ux1o-fade 0.5s 1.05s ease-out forwards; }
.bm-success.active p { animation: ux1o-fade 0.5s 1.2s ease-out forwards; }
.bm-success.active .btn-v2 { animation: ux1o-fade 0.5s 1.35s ease-out forwards; }
@keyframes ux1o-draw { to { stroke-dashoffset: 0; } }
@keyframes ux1o-pop { 0% { transform: scale(1); } 50% { transform: scale(1.12); } 100% { transform: scale(1); } }
@keyframes ux1o-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
    .ux1o-check-circle, .ux1o-check-mark { stroke-dashoffset: 0; animation: none !important; }
    .bm-success h3, .bm-success p, .bm-success .btn-v2 { opacity: 1; animation: none !important; }
}