/* WordPress-specific additions on top of the original compiled styles (base.css). */

/* Keep the sticky header below the admin bar for logged-in staff. */
.admin-bar header.sticky { top: 32px; }
@media (max-width: 782px) { .admin-bar header.sticky { top: 46px; } }
@media (max-width: 600px) { .admin-bar header.sticky { top: 0; } }

/* Single-photo gallery layout. */
.rf-span-all { grid-column: 1 / -1; grid-row: span 2 / span 2; }

/* Rich text written in the WordPress editor (room / condo descriptions, plain pages). */
.prose-room ul, .prose-room ol { margin: 0 0 1rem 1.25rem; line-height: 1.7; }
.prose-room ul { list-style: disc; }
.prose-room ol { list-style: decimal; }
.prose-room li + li { margin-top: .25rem; }
.prose-room h2 { font-size: 1.5rem; margin: 2rem 0 .75rem; }
.prose-room h3 { font-size: 1.25rem; margin: 1.5rem 0 .5rem; }
.prose-room a { color: var(--color-brand); text-decoration: underline; text-underline-offset: 3px; }
.prose-room strong { font-weight: 600; }
.prose-room img { border-radius: 1rem; margin: 1rem 0; }
.rf-faq-answer p + p { margin-top: .75rem; }

/* YouTube embeds keep a 16:9 shape. */
.rf-video { aspect-ratio: 16 / 9; height: auto; }

/* Pagination on blog-style pages. */
.nav-links { display: flex; gap: .5rem; flex-wrap: wrap; }
.nav-links .page-numbers { padding: .5rem .9rem; border: 1px solid var(--color-line); border-radius: 999px; }
.nav-links .current { background: var(--color-ink); color: #fff; border-color: var(--color-ink); }

/* "Edit this room" button for logged-in staff. */
.rf-edit-pill { position: fixed; right: 16px; bottom: 16px; z-index: 50; display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; background: var(--color-ink); color: #fff; font-weight: 600; font-size: 14px; box-shadow: 0 10px 30px -10px rgba(0,0,0,.5); }
.rf-edit-pill:hover { background: var(--color-brand); }

/* Status colours (match Manage listings): Rented = green, Reserved = yellow. */
.rf-badge-available { box-shadow: inset 0 0 0 1px var(--color-line); }
.rf-badge-rented { background: #1f8a5b; color: #fff; }
.rf-badge-reserved { background: #f6c945; color: #3d2c00; }
.rf-dot { background: currentColor; }
.room-card.rf-st-rented, .rf-st-rented { background: #e6f4ec; border-color: #8fd0ae; }
.room-card.rf-st-reserved, .rf-st-reserved { background: #fdf4d8; border-color: #ecc95e; }

/* Listings set to "fit": show the whole photo instead of cropping. */
.rf-fit img { object-fit: contain !important; background: #eef1ef; }

.rf-contain { object-fit: contain; }

/* "Reserved" / "Rented" notice beside the price. */
.rf-price-note { display: inline-block; vertical-align: middle; margin-left: 8px; padding: 3px 9px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: .01em; font-stretch: 100%; line-height: 1.3; }