/* Moduły: rezerwacje i strefa klienta. Kolory biorą się ze zmiennych motywu. */
.mf-rez-lista { list-style: none; margin: 0 0 18px; padding: 0; }
.mf-rez-lista li { padding: 9px 0; border-bottom: 1px solid rgba(31, 45, 61, .12); display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; }
.mf-rez-badge { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; background: rgba(31, 45, 61, .08); color: var(--mf-granat, #1f2d3d); }
.mf-rez-nowa { background: rgba(194, 163, 107, .18); color: #7a5f2b; }
.mf-rez-potwierdzona { background: rgba(143, 191, 174, .28); color: #2c5747; }
.mf-rez-odrzucona { background: rgba(160, 70, 60, .14); color: #8c3a30; }
.mf-strefa-log { max-width: 420px; margin: 0 auto 24px; }
.mf-strefa-log .forgetmenot { display: flex; align-items: center; gap: 6px; }
.mf-strefa-log p.submit { margin: 14px 0 0; }
.mf-strefa-naglowek { margin: 8px 0 18px; }
.mf-dostep { margin: 0 0 8px; font-size: .9rem; }
.mf-dostep a { display: inline-block; padding: 6px 14px; border: 1px solid rgba(31, 45, 61, .25); border-radius: 999px; text-decoration: none; color: var(--mf-granat, #1f2d3d); background: rgba(255, 255, 255, .75); }
.mf-dostep a:hover { border-color: var(--mf-zloto, #c2a36b); background: #fff; }
.mf-foto-item { position: relative; margin: 0; }
.mf-foto-item .mf-dostep { position: absolute; left: 10px; bottom: 10px; margin: 0; opacity: 0; transition: opacity .18s ease; }
.mf-foto-item:hover .mf-dostep, .mf-foto-item:focus-within .mf-dostep { opacity: 1; }
@media (max-width: 700px) {
	.mf-foto-item .mf-dostep { opacity: 1; }
	.mf-rez-lista li { font-size: .95rem; }
}