/**
 * RoomPlaza — border-radius overrides only.
 * Include after the site's main CSS.
 */

:root {
    --rp-r-0: 0;
    --rp-r-1: 0.5rem;
    --rp-r-2: 0.75rem;
    --rp-r-3: 1rem;
    --rp-r-4: 1.25rem;
    --rp-r-5: 1.5rem;
    --rp-r-6: 2rem;
    --rp-r-pill: 9999px;

    --rp-radius-control: var(--rp-r-2);
    --rp-radius-surface: var(--rp-r-4);
    --rp-radius-overlay: var(--rp-r-5);
    --rp-radius-hero: var(--rp-r-6);
    --rp-radius-pill: var(--rp-r-pill);

    --rp-r-margin: .5rem;
}

/* ---------- Form controls ---------- */
button:not([class*="gm-"]), /* Exclude Google Maps UI */
input,
select,
textarea,
.keygen,
output,
.dropdown,
#search-filter-form div[data-bind] {
    border-radius: var(--rp-radius-control) !important;
}

input[type="checkbox"] {
    border-radius: var(--rp-r-1);
}

input[type="radio"] {
    border-radius: 50%;
}

input[type="file"] {
    border-radius: var(--rp-radius-control);
}

/* ---------- Home: centered search bar only ---------- */
.view-home form.content > div {
    border-radius: var(--rp-radius-hero);
    label {
        border-radius: var(--rp-radius-control) !important;
    }
}

.view-home form.content > div > button {
    border-radius: var(--rp-r-0);
}

.view-home .dropdown,
.view-home form.content .dropdown {
    border-radius: var(--rp-radius-control);
}

/* Dropdown menus (city, etc.) */
.dropdown ul {
    border-radius: var(--rp-radius-surface);
    overflow: hidden;
}

/* ---------- Search: full-width filter strip ---------- */
.filter,
form.setFilters,
#search-filter-form {
    border-radius: var(--rp-r-0);
}

.filter .dropdown,
.setFilters .dropdown {
    border-radius: var(--rp-radius-control);
}

/* PLP - Search listing */
.tag,
.tag-right {
    border-radius: var(--rp-r-4);
    margin: .5rem;
}

.semester-error .content {
    border-radius: var(--rp-r-6);
}

.view.view-overview .accommodations .filter div:last-child,
.submit {
    border-radius: var(--rp-radius-control) !important;
}

.pagination {
    border-radius: var(--rp-radius-control);
}

.pagination a,
.pagination strong {
    border-radius: var(--rp-radius-control);
}

.ssQIHO-checkbox-menu-item {
    border-radius: var(--rp-radius-control);
}

.apartment-price {
    margin-top: .6rem;
    min-height: initial !important;
    height: initial !important;
    line-height: normal !important;
    padding: 0 !important;
    color: black !important;
    font-weight: 600;
    font-size: 1rem;
    transform: initial !important;
}

[class*="tag"]:has(img) {
    background-color: color-mix(in oklab, white, transparent 50%) !important;
}

/* ---------- Cards & media (non-slider, non–full-bleed) ---------- */
figure,
.accommodations-item-container,
.accommodations-item-container a,
.feature-item,
.feature-item-container,
.images .image-container,
.house-info,
.general-info,
.rooms-info,
.videoWrapper,
.apartment-video,
.enquiry-popup .content,
.list-your-property.popup .content {
    border-radius: var(--rp-radius-surface);
    overflow: hidden;
}

figure img,
.accommodations-item-container img,
.feature-item img,
.image-container img,
.gallery-container img,
.lb-image {
    border-radius: inherit;
}

/* Apartment / detail: in-content video block only (not home hero) */
.view-apartment .video-wrapper video,
.apartment-video video {
    border-radius: var(--rp-radius-surface);
}

.general-info {
    border-top-left-radius: 0;
    bordert-top-right-radius: 0;
}

.house-info {
    /* Month select */
    .dropdown {
        border-radius: 0 !important;
    }
    /* Enquiry button */
    input[type="submit"] {
        border-radius: var(--rp-r-pill) !important;
        width: calc(100% - var(--rp-r-margin) * 2) !important;
    }
}

.booking-info li:has(input) {
    margin: var(--rp-r-margin) !important;
}

/* ---------- After login ---------- */

.person a {
    border-radius: var(--rp-radius-control);
}

.fb-login {
    border-radius: var(--rp-radius-control);
}

/* ---------- Full-width / bleed sections — not rounded ---------- */
.main-header,
.main-footer,
.mobile-menu,
.promo,
.cookies,
.cookies-item-container,
.mandatory.view {
    border-radius: var(--rp-r-0);
}

.main-footer table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: var(--rp-r-0);
    overflow: visible;
}

.main-footer td,
.main-footer th {
    border-radius: 0;
}

.view-home .head,
.view-home .overlay,
.view-home .video-wrapper,
.view-home .video-wrapper video,
.view-home #video,
.view-home .features,
.view-home .recommendations,
.accommodations,
.map,
.map-container,
.view-apartment .head,
.sub-footer {
    border-radius: var(--rp-r-0);
}

.view-about .section,
.container.section,
.wrapper .content {
    border-radius: var(--rp-r-0);
}

/* ---------- Slider / carousel — not rounded ---------- */
.recommendation-slider,
.recommendation-slider figure,
.recommendation-item-container,
.recommendation-item,
.slider-container,
.slider,
.slider-item-container,
.slider-item {
    border-radius: var(--rp-r-0);
    overflow: visible;
}

.recommendation-slider img,
.recommendation-item img,
.slider img,
.slider-item img,
.recommendation-slider figure img,
.slider figure img,
.slider-item figure img {
    border-radius: var(--rp-r-0);
}

/* ---------- Popups / modals ---------- */
.video-popup,
.featured-popup {
    border-radius: var(--rp-radius-overlay);
    overflow: hidden;
}

.featured-popup .center,
.video-popup .center {
    border-radius: inherit;
    overflow: hidden;
}

.popup .content {
    border-radius: var(--rp-radius-overlay);
    overflow: hidden;
}

/* Form tables inside landlord / enquiry popups */
.list-your-property.popup table,
.enquiry-popup table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: var(--rp-radius-control);
    overflow: hidden;
}

/* ---------- Apartment: misc controls ---------- */
.cost,
.tooltip,
.icon.showNextPhoto,
.icon.showPreviousPhoto,
.showNextPhoto,
.showPreviousPhoto {
    border-radius: var(--rp-radius-control);
}

/* ---------- Register / login extras ---------- */
.fb-login,
.fb-link,
.fb-warning,
.picture,
.ui-widget {
    border-radius: var(--rp-radius-control);
}

.form-group input,
.form-group select,
.form-group textarea,
.information-form input,
.information-form select,
.information-form textarea {
    border-radius: var(--rp-radius-control);
}

/* Content pages: boxed info (about / join) */
.view-about .info,
.view-joinus .info {
    border-radius: var(--rp-radius-surface);
    overflow: hidden;
}

/* Partners / legal CTA blocks */
.view .button {
    border-radius: var(--rp-radius-control);
}

/* ---------- Pagination (nav) ---------- */
nav a[href*="search/home"] {
    border-radius: var(--rp-radius-control);
}

/* ---------- Cookie ---------- */
.accept-button {
    border-radius: var(--rp-radius-pill);
}

button[type="submit"]:not(.view-home form.content button):not(.setFilters button) {
    border-radius: var(--rp-radius-pill);
}

/* ---------- Lightbox ---------- */
.lightboxOverlay {
    border-radius: 0;
}

.lightbox,
.lb-outerContainer,
.lb-container,
.lb-dataContainer {
    border-radius: var(--rp-radius-overlay);
    overflow: hidden;
}

.lb-close,
.lb-prev,
.lb-next {
    border-radius: var(--rp-radius-control);
}

/* ---------- jQuery UI ---------- */
.ui-widget,
.ui-widget-content,
.ui-widget-header,
.ui-menu,
.ui-autocomplete,
.ui-datepicker,
.ui-datepicker-calendar td,
.ui-datepicker-calendar th,
.ui-dialog,
.ui-dialog-titlebar {
    border-radius: var(--rp-radius-control);
}

.ui-dialog {
    border-radius: var(--rp-radius-overlay);
    overflow: hidden;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-right {
    border-radius: var(--rp-radius-control);
}

/* ---------- Third-party menus (not Google Maps) ---------- */
[class*="checkbox-menu"],
[role="menu"],
[role="listbox"] {
    border-radius: var(--rp-radius-surface);
}

/* Dropdown tweaks */
.dropdown {
    border-color: #CCC !important;
    color: black !important;
    span.disabled {
        color: #999 !important;
    }
}