/* This CSS file will be loaded at last. Any CSS customization should be placed here */
/* Check-in + Check-out labels */
.vbo-search-inpblock-checkin label,
.vbo-search-inpblock-checkout label {
    color: #000000 !important;
}

/* Hides number of adults*/
.vbo-search-num-adults-entry {
    display: none !important;
}

/* Hides number of children*/
.vbo-search-num-children-entry {
    display: none !important;
}

/* Hides Room 1 , Room 2 labels*/
.vbo-search-roomnum {
    display: none !important;
}

/* Hide original label text */
.vbo-search-num-rooms label {
    font-size: 0 !important;
}

/* Replace with "Dogs" */
.vbo-search-num-rooms label::after {
    content: "Dogs";
    font-size: 14px;
    color: #000000 !important;
}

/* Base step text */
.vbo-stepbar li {
    color: #aaaaaa !important;
}

/* Completed steps */
.vbo-stepbar .vbo-step-complete a {
    color: #dddddd !important;
    opacity: 0.8;
}

/* Current step (highlight) */
.vbo-stepbar .vbo-step-current span {
    color: #ffffff !important;
    font-weight: 600;
}

/* Next steps */
.vbo-stepbar .vbo-step-next span {
    color: #888888 !important;
}

/* Replace "Rooms" with "Boarding" properly */
.vbo-stepbar .vbo-step:nth-child(2) span,
.vbo-stepbar .vbo-step:nth-child(2) a {
    position: relative;
    color: transparent !important;
    display: inline-block;
}

.vbo-stepbar .vbo-step:nth-child(2) span::after,
.vbo-stepbar .vbo-step:nth-child(2) a::after {
    content: "Boarding";
    position: absolute;
    inset: 0;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
}

/* Inject clean label */
.vbo-stepbar .vbo-step:nth-child(2) span::after {
    content: "Boarding";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #ffffff;
    font-size: 16px; /* match other steps */
    font-weight: 600;
}

.vbo-stepbar span,
.vbo-stepbar a {
    white-space: nowrap;
}

.vbo-stepbar li {
    padding-bottom: 8px;
}

.vbo-stepbar {
    align-items: center;
}

/* Make current step pop */
.vbo-step-current span,
.vbo-step-current span::after {
    color: #ffffff !important;
    font-weight: 700;
}

/* Slight dim for others */
.vbo-step-next span {
    color: #999 !important;
}

.vbo-step-complete a {
    color: #ccc !important;
}

/* This is for Step 2 - Boarding */

/* Hide only the "Adult" label */
.vbo-results-numadults .vbo-results-head-det-lbl {
    color: transparent !important;
    position: relative;
}

/* Replace only that label */
.vbo-results-numadults .vbo-results-head-det-lbl::after {
    content: "Dog(s)";
    position: absolute;
    left: 0;
    top: 0;
    color: #ffffff !important;
    font-size: inherit;
    font-weight: inherit;
    white-space: nowrap;
}

/* Hide only the original male icon glyph */
.vbo-results-numadults i.fas.fa-male {
    color: transparent !important;
    position: relative;
}

/* Draw paw icon on top */
.vbo-results-numadults i.fas.fa-male::after {
    content: "\f1b0";
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: #ffffff !important;
    line-height: 1;
}

/* Hide original male icon #2 in the bottow check out raw */
.vbrowroomcapacity i.fas.fa-male {
    color: transparent !important;
    position: relative;
}

/* Replace with paw */
.vbrowroomcapacity i.fas.fa-male::after {
    content: "\f1b0";
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: #ffffff !important;
    line-height: 1;
}

.vbo-showprc-room-head {
    display: none !important;
}

.vbprice_freecanc {
    display: none !important;
}

/* Hide Guests column header */
.vbo-oconfirm-summary-room-cell-guests {
    display: none !important;
}

/* Reset header labels to white */
.vbo-oconfirm-summary-room-head-cell span {
    color: #ffffff !important;
}

/* Hide original icons */
.fa-sign-in-alt,
.fa-sign-out-alt {
    font-size: 0 !important;
    position: relative;
    display: inline-block;
    width: 22px;
    margin-right: 8px;
}

/* Common icon styling */
.fa-sign-in-alt::after,
.fa-sign-out-alt::after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900;
    font-size: 16px;
    color: #ffffff !important;
    line-height: 1;
}

/* Arrival / drop-off = home */
.fa-sign-in-alt::after {
    content: "\f015"; /* fa-home */
}

/* Departure / pick-up = door */
.fa-sign-out-alt::after {
    content: "\f52b"; /* fa-door-open */
}

/* This is for Step 3 - Options */

/* Only affect TOTAL ROW (bottom section) */
.vbo-oconfirm-summary-total-row .vbo-oconfirm-total-block,
.vbo-oconfirm-summary-total-row .vbo-oconfirm-summary-room-head-cell span,
.vbo-oconfirm-summary-total-row .vbprice,
.vbo-oconfirm-summary-total-row .vbo_price,
.vbo-oconfirm-summary-total-row .vbcurrency,
.vbo-oconfirm-summary-total-row .vbo_currency {
    color: #000000 !important;
}

/* Hide any time text next to dates */
.vbo-showprc-staydetails-dates small,
.vbo-showprc-staydetails-dates .vbodate-time {
    display: none !important;
}

/* Keep icon container normal size */
.fa-plane-arrival,
.fa-plane-departure {
    font-size: 0 !important;
    position: relative;
    display: inline-block;
    width: 20px;          /* controls spacing */
    margin-right: 8px;    /* space between icon and text */
}

/* Center icon nicely */
.fa-plane-arrival::after,
.fa-plane-departure::after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/* Arrival → home */
.fa-plane-arrival::after {
    content: "\f015"; /* fa-home */
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900;
    font-size: 16px;
    color: #ffffff !important;
}

/* Departure → door */
.fa-plane-departure::after {
    content: "\f52b"; /* fa-door-open */
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900;
    font-size: 16px;
    color: #ffffff !important;
}

/* Hide Billing Information title */
.vbo-oconfirm-cfield-entry-separator {
    display: none !important;
}

/* Hide Phone */
.vbo-oconfirm-cfield-entry:has(#vbf-inp5) {
    display: none !important;
}

/* Hide Address */
.vbo-oconfirm-cfield-entry:has(#vbf-inp6) {
    display: none !important;
}

/* Hide Zip Code */
.vbo-oconfirm-cfield-entry:has(#vbf-inp7) {
    display: none !important;
}

/* Hide City */
.vbo-oconfirm-cfield-entry:has(#vbf-inp8) {
    display: none !important;
}

/* Hide Country */
.vbo-oconfirm-cfield-entry:has(.vbf-countryinp) {
    display: none !important;
}

/* Hide State/Province */
.vbo-oconfirm-cfield-entry:has(.vbf-stateinp) {
    display: none !important;
}

/* Hide Company Name */
.vbo-oconfirm-cfield-entry:has(#vbf-inp11) {
    display: none !important;
}

/* Hide VAT ID */
.vbo-oconfirm-cfield-entry:has(#vbf-inp12) {
    display: none !important;
}

/* Hide Special Requests */
.vbo-oconfirm-cfield-entry:has(#vbf-inp13) {
    display: none !important;
}