.demo-form-multi-vi.steper-form {
    background-color: #bfdeff;
    padding: 143px 20px;
}

#getSomeDetailsText { 
    margin-top:10px;
    padding-right: 15px;
}

.demo-form-multi-vi.steper-form .brk-700-margin-neg-5 {
    margin: 0 !important;
}

.demo-form-multi-vi.steper-form .site-white-bk {
    background: #fff;
    width: 100%;
    height: auto;
    min-height: 60px;
    padding: 12px 16px;
    margin-bottom: 0px;
    border-radius: 0px;
    border: 1px solid #e5e7eb;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

.demo-form-multi-vi.steper-form .site-white-bk:hover {
    border-color: #9ca3af;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.demo-form-multi-vi.steper-form .site-white-bk.business-selected {
    border-color: #3b82f6;
    background-color: #eff6ff;
}

.demo-form-multi-vi.steper-form .site-white-bk#redirect-partner,
.demo-form-multi-vi.steper-form .site-white-bk#redirect-consultant {
    width: unset;
    height: unset;
    padding: 10px 15px;
    margin-bottom: unset;
    cursor: default;
}

/* CHANGED: Radio button indicator for business type selection */
.business-type-button .radio-indicator {
    width: 20px;
    height: 20px;
    border: 2px solid #d1d5db;
    border-radius: 50%;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.business-type-button.business-selected .radio-indicator {
    border-color: #3b82f6;
    background-color: #3b82f6;
    position: relative;
}

.business-type-button.business-selected .radio-indicator::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background-color: white;
    border-radius: 50%;
}

/* CHANGED: Icon sizing and spacing for list layout */
.demo-form-multi-vi.steper-form .business-type-button img {
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    filter: none !important;
}

.demo-form-multi-vi.steper-form .business-type-button .flex-1 {
    flex: 1;
}

.demo-form-multi-vi.steper-form .business-type-button .font-14 {
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.demo-form-multi-vi.steper-form .flow-items {
    height: 623px;
    padding: 22px 0px;
    max-width: 370px;
    width: 100%;
}

.demo-form-multi-vi.steper-form .item-holder {
    max-width: 758px;
    margin: auto;
}

/* CHANGED: Better centering for list layout */
.demo-form-multi-vi.steper-form .flow-item[item="get-property-type"] .pd-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.demo-form-multi-vi.steper-form .top-banner-title>.flex {
    flex-direction: column;
    font-size: 18px;
    gap: 0;
    font-weight: lighter;
}

.demo-form-multi-vi.steper-form .top-banner-title>.flex svg {
    height: 22px;
    width: 22px;
    margin-left:10px;
    margin-top: 3px;
}

.main-title {
    font-size: 26px;
    line-height: 1.0;
    font-weight: 400;
    margin-top: 25px;
    font-family: "Host Grotesk", sans-serif;
}

.demo-form-multi-vi.steper-form .back-nxt {
    max-width: 678px;
}

.demo-form-multi-vi.steper-form .pale-yellow-button {
    padding: 20px 18px;
    font-weight: bold;
    font-size: 20px;
    width: 160px;
    cursor: pointer;
}

.demo-form-multi-vi.steper-form .cb-field .cb-label,
.demo-form-multi-vi.steper-form .cb-label {
    font-size: 12px;
    font-weight: 600;
}

.demo-form-multi-vi.steper-form .cb-field select,
.demo-form-multi-vi.steper-form .cb-field input[type="number"],
.demo-form-multi-vi.steper-form .cb-field input[type="text"],
.demo-form-multi-vi.steper-form .cb-field input.pac-target-input,
.demo-form-multi-vi.steper-form .ver-form-2 input {
    font-size: 16px;
    border-bottom: 1px solid #261C0A;
    width: 100%;
    height: 48px;
    margin-bottom: 18px;
    padding: 0px 20px;
}

.demo-form-multi-vi.steper-form #summary-edit-div {
    background-color: #FBFBF6;
    border-radius: 4px;
    border: 1px solid #4DA4FF;
    padding: 14px 16px;
    font-size: 15px;
    width: 100%;
}

.demo-form-multi-vi.steper-form #place-summary strong {
    font-size: 15px;
}

.demo-form-multi-vi.steper-form .not-found-link {
    font-size: 14px;
    margin-top: -8px;
    margin-bottom: 27px;
}

.demo-form-multi-vi.steper-form #summary-edit-div .edit-link {
    display: flex !important;
    align-items: center;
    margin-top: 25px;
    gap: 3px;
}

.demo-form-multi-vi.steper-form #summary-edit-div .edit-link a {
    color: #4DA4FF;
}

.demo-form-multi-vi.steper-form .cb-validation {
    font-size: 14px;
    color: red;
}

.demo-form-multi-vi.steper-form .site-black {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.demo-form-multi-vi.steper-form #back-form-btn.property-back-btn {
    background-color: unset !important;
    padding: 2px 0px !important;
    margin: 20px 0px !important;
    font-size: 18px;
    font-weight: 400;
    gap: 4px;
}

.demo-form-multi-vi.steper-form #back-form-btn.property-back-btn:hover {
    background-color: unset !important;
}

.cloudbeds-go-back-wrapper {
    border-top: 1px solid rgba(0, 0, 0, 0.22);
    border-bottom: 1px solid rgba(0, 0, 0, 0.22);
}
.cloudbeds-form-property-info-title {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
}

.demo-form-multi-vi.steper-form .item-paginator {
    gap: 5px;
}

.demo-form-multi-vi.steper-form .item-paginator .pag_item {
    width: 12px;
    height: 12px;
    background-color: #99CBFF;
}

.demo-form-multi-vi.steper-form .item-paginator .pag_item.site-color-14 {
    background-color: #18317A;
}

/* Mounted progressive form */
.cloudbeds-progressive-form-mounted .demo-form-multi-vi.steper-form {
    padding: 50px 20px;
}

.wp-block-cloudbeds-popup .demo-form-multi-vi.steper-form {
    padding: 10px 20px;
}

.wp-block-cloudbeds-popup button.absolute {
    z-index: 9;
}

/* Media */
@media (max-width: 768px) {
    .demo-form-multi-vi.steper-form .flow-container>.flex:first-child {
        flex-direction: column;
    }
    .demo-form-multi-vi.steper-form .banner-holder {
        width: 100%;
    }
    .demo-form-multi-vi.steper-form,
    .cloudbeds-progressive-form-mounted .demo-form-multi-vi.steper-form {
        background-color: #bfdeff;
        padding: 40px 0px;
    }
    .demo-form-multi-vi.steper-form .site-white-bk {
        width: 100%;
        height: auto;
        min-height: 56px;
        padding: 10px 12px;
        margin-bottom: 0px;
    }
    .demo-form-multi-vi.steper-form .flow-items {
        height: 658px;
    }
    .demo-form-multi-vi.steper-form .pale-yellow-button {
        padding: 12px 15px;
        font-size: 16px;
        width: 106px;
    }
    .cloudbeds-form-email-title {
        font-size: 16px;
    }
    .demo-form-multi-vi.steper-form #back-form-btn.property-back-btn {
        font-size: 14px;
        padding: 0px 0px !important;
    }
    .wp-block-cloudbeds-popup .demo-form-multi-vi.steper-form .hand-icon {
        display: none;
    }

    .wp-block-cloudbeds-popup .demo-form-multi-vi.steper-form .top-banner-title>.flex .hand-icon+div {
        font-size: 26px;
    }

    .wp-block-cloudbeds-popup .demo-form-multi-vi.steper-form .top-banner-title>.flex {
        font-size: 20px;
        line-height: 30px;
    }

    .wp-block-cloudbeds-popup .demo-form-multi-vi.steper-form {
        padding: 10px 0px;
        margin-top: -14px;
        max-width: 320px;
        margin: auto;
    }

    .wp-block-cloudbeds-popup .demo-form-multi-vi.steper-form .flow-items {
        height: 500px;
    }

    .wp-block-cloudbeds-popup {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .wp-block-cloudbeds-popup .demo-form-multi-vi.steper-form #summary-edit-div .edit-link {
        margin-top: 5px;
    }

    .wp-block-cloudbeds-popup .demo-form-multi-vi.steper-form .cb-field select,
    .wp-block-cloudbeds-popup .demo-form-multi-vi.steper-form .cb-field input[type="number"],
    .wp-block-cloudbeds-popup .demo-form-multi-vi.steper-form .cb-field input[type="text"],
    .wp-block-cloudbeds-popup .demo-form-multi-vi.steper-form .cb-field input.pac-target-input,
    .wp-block-cloudbeds-popup .demo-form-multi-vi.steper-form .ver-form-2 input {
        height: 42px;
        margin-bottom: 14px;
    }
    
    .wp-block-cloudbeds-popup .demo-form-multi-vi.steper-form .site-white-bk {
        min-height: 52px;
        padding: 8px 10px;
        gap: 8px;
    }
    
    .wp-block-cloudbeds-popup .demo-form-multi-vi.steper-form .business-type-button img {
        width: 28px !important;
        height: 28px !important;
    }
    
    .wp-block-cloudbeds-popup .demo-form-multi-vi.steper-form .business-type-button .font-14 {
        font-size: 13px;
    }
    
    .wp-block-cloudbeds-popup .demo-form-multi-vi.steper-form .radio-indicator {
        width: 18px;
        height: 18px;
    }
    
    .wp-block-cloudbeds-popup .demo-form-multi-vi.steper-form .business-selected .radio-indicator::after {
        width: 7px;
        height: 7px;
    }
}

/* =====================================================================
 * TEMP FORM HOTFIX — added 2026-05-27 - form broken styles reported - https://www.cloudbeds.com/events/hitec-2026/
 * ---------------------------------------------------------------------
 * Clean stacked-label fallback for .chili-form when the floating-label
 * CSS (.cb-field-* rules) in dist/css/style.css is stale/missing on the
 * server (production was serving an old build, breaking event/demo forms).
 *
 * Lives here (not style.css) so it can't conflict with the floating-label
 * design and is trivially removable.
 *
 * REMOVE WHEN prod's dist/css/style.css has the .cb-field-* rules:
 *   curl -s ".../dist/css/style.css" | grep -c cb-field-inner   (~29 = OK)
 * Then delete everything between this banner and the END marker below.
 * ===================================================================== */
.chili-form .cb-field-inner {
    display: flex;
    flex-direction: column;
    position: relative;
    background: transparent;
    border: none;
}
/* <label> is after the input in the DOM — reorder it above the field */
.chili-form .cb-field-inner label {
    order: -1;
    position: static;
    transform: none;
    font: 500 13px/1.2 "Host Grotesk", sans-serif;
    color: var(--neutral-coffee-05, #261c0a);
    margin-bottom: 5px;
    white-space: normal;
    pointer-events: auto;
}
.chili-form .cb-field-inner input,
.chili-form .cb-field-inner select,
.chili-form .cb-field-inner textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--neutral-chalk-07, #d8d2c6);
    border-radius: 6px;
    background: #fff;
    font: 300 15px/1.4 "Host Grotesk", sans-serif;
    color: var(--neutral-coffee-05, #261c0a);
}
.chili-form .cb-field-inner input:focus,
.chili-form .cb-field-inner select:focus,
.chili-form .cb-field-inner textarea:focus {
    outline: none;
    border-color: var(--primary-blue-07, #2b5cff);
}
/* Hide JS-injected placeholder so it doesn't duplicate the label above */
.chili-form .cb-field-inner input::placeholder,
.chili-form .cb-field-inner textarea::placeholder {
    color: transparent;
}
/* Native select arrow; hide the custom chevron to avoid overlap */
.chili-form .cb-select-chevron { display: none; }
.chili-form .cb-field-inner select {
    appearance: auto;
    -webkit-appearance: menulist;
}
/* ===================== END TEMP FORM HOTFIX ===================== */