/*
CTC Separate Stylesheet
Updated: 2025-01-04 12:44:12
Theme Name: RentalHive Child
Theme URI: https://hivepress.io/themes/rentalhive
Template: rentalhive
Author: iWorkZoom
Author URI: https://hivepress.io
Description: A multipurpose WordPress theme that allows you to build a peer-to-peer rental marketplace.
Tags: left-sidebar,custom-colors,custom-menu,custom-logo,custom-header,featured-image-header,featured-images,footer-widgets,theme-options,threaded-comments,translation-ready
Version: 1.0.7.1735991052
*/

.listing-top-heading{
    order: 1 !important;
}

.hp-listing__description {
    order: 2 !important;
}

.hp-listing .iwz-desc-toggle{
    order: 3 !important;
}

.tagcloud{
    order: 5 !important;
}


#time-slot{
    order: 6 !important;
    margin-bottom: 2rem !important;
}

#location{
    order: 7 !important;
}

.attributes_secondary{
    order: 8 !important;
}

.hp-listing__attributes--ternary{
    order: 9 !important;
}


.hp-section:has(#reviews) {
  order: 10 !important;
}

/* Breadcrumbs: align left with searchbar, minimal spacing, lighter font (Booking.com style) */
.iwz-breadcrumbs,
.iwz-breadcrumbs .aioseo-breadcrumbs,
.iwz-breadcrumbs .aioseo-breadcrumbs * {
  font-weight: 400 !important;
  font-size: 13px !important;
}

.hp-listing__attributes--ternary{
        margin-top: 2.6rem;
}

/* Listing view page: Features & Highlights icons (ternary attributes) in green */
.hp-listing--view-page .hp-listing__attributes--ternary .hp-listing__attribute i {
    color: #00d084 !important;
}

@media screen and (max-width: 767px) {
     .hp-section__title.listing-top-heading{
    margin-top: 10%;
}
    .footer-navbar {
        flex-direction: column-reverse !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }

    .footer-navbar__start {
        margin-top: 10px !important;
        margin-bottom: 0 !important;
    }

    .footer-navbar__start {
        display: flex !important;
        align-items: flex-start !important;
    }

    .footer-navbar__end, .footer-navbar__start {
        display: flex !important;
        align-items: flex-start !important;
    }

    .footer-navbar__menu ul {
        justify-content: flex-start !important;
    }

    .footer-navbar__menu ul li {
        margin-right: 10px !important;
        margin-left: 0 !important;
    }

    .footer-navbar__menu ul li:not(:first-child) {
        margin-left: 0 !important;
    }
}

/*
 * Hamburger on all viewports: same as tablet/mobile — hide the inline header row
 * and always show the 3-line control. (Also output in wp_head via functions.php.)
 */
body .site-header .header-navbar > .header-navbar__middle,
body .header-navbar > .header-navbar__middle {
    display: none !important;
}

body .site-header .header-navbar .header-navbar__burger > a,
body .header-navbar .header-navbar__burger > a {
    display: block !important;
}

/* Drawer: fill remaining viewport under admin bar (HiveTheme sets top).
   height:100vh + non-zero top left Office Rentals / EUR below the scrollport.
   Lives here, not in the homepage bundle, because the listing forms drop that bundle. */
body .header-navbar .header-navbar__burger > ul {
    left: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    width: min(340px, calc(100vw - 28px)) !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 50px 10px max(24px, env(safe-area-inset-bottom, 0px)) !important;
    border: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 38px rgba(0, 0, 0, 0.14), 0 0 0 100vmax rgba(0, 0, 0, 0.4) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    animation: iwzBurgerSlideIn 0.28s ease !important;
}

body .header-navbar .header-navbar__burger > ul::before {
    top: 16px !important;
    right: 16px !important;
    font-size: 20px !important;
    color: #9aa2ad !important;
    transition: color 0.22s ease !important;
}

body .header-navbar .header-navbar__burger > ul:hover::before {
    color: #00d084 !important;
}

body .header-navbar .header-navbar__burger > ul > li > a {
    display: flex !important;
    padding: 9px 40px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    color: #3f4754 !important;
    border-radius: 8px !important;
    transition: all 0.22s ease !important;
}

body .header-navbar .header-navbar__burger > ul > li > a:hover {
    color: #00d084 !important;
    background: rgba(0, 208, 132, 0.08) !important;
    transform: translateX(3px);
}

body .header-navbar .header-navbar__burger > ul > li.current-menu-item > a,
body .header-navbar .header-navbar__burger > ul > li.current_page_item > a {
    color: #3f4754 !important;
    background: transparent !important;
}

body .header-navbar .header-navbar__burger > ul > li.current-menu-item > a:hover,
body .header-navbar .header-navbar__burger > ul > li.current_page_item > a:hover,
body .header-navbar .header-navbar__burger > ul > li.current-menu-item > a:focus,
body .header-navbar .header-navbar__burger > ul > li.current_page_item > a:focus {
    color: #00d084 !important;
    background: rgba(0, 208, 132, 0.08) !important;
}

body .header-navbar .header-navbar__burger > ul > li.menu-item-has-children::after {
    top: 17px !important;
    right: 50px !important;
    font-size: 15px !important;
    color: #a2a9b3 !important;
}

body .header-navbar .header-navbar__burger > ul > li > ul {
    margin: 4px 0 10px !important;
    padding: 0 0 0 12px !important;
}

body .header-navbar .header-navbar__burger > ul > li > ul > li > a {
    display: flex !important;
    padding: 7px 8px !important;
    font-size: 14px !important;
    color: #5b6472 !important;
    border-radius: 6px !important;
}

body .header-navbar .header-navbar__burger > ul > li > ul > li > a:hover {
    color: #00d084 !important;
    background: rgba(0, 208, 132, 0.08) !important;
}

body .header-navbar .header-navbar__burger > ul > li.menu-item-gtranslate {
    padding-left: 40px !important;
}

/* Keep the account/login item at the top: show the injected "first" copy, hide the "last". */
body .header-navbar .header-navbar__burger > ul > li.menu-item--user-account.menu-item--first,
body .header-navbar .header-navbar__burger > ul > li.menu-item--user-login.menu-item--first {
    display: list-item !important;
}

body .header-navbar .header-navbar__burger > ul > li.menu-item--user-account.menu-item--last,
body .header-navbar .header-navbar__burger > ul > li.menu-item--user-login.menu-item--last {
    display: none !important;
}

/* Currency row (supports most switcher plugins/select markup in menu). */
body .header-navbar .header-navbar__burger > ul > li:last-child {
    margin-top: 12px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(7, 36, 86, 0.08) !important;
}

.yay-currency-custom-select-wrapper {
    padding: 0 40px !important;
}

body .header-navbar .header-navbar__burger > ul > li:last-child select,
body .header-navbar .header-navbar__burger > ul > li:last-child .select2-selection,
body .header-navbar .header-navbar__burger > ul > li:last-child .yay-currency-select__trigger,
body .header-navbar .header-navbar__burger > ul > li:last-child .yay-currency-switcher-trigger {
    width: 100% !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 9px 12px !important;
    border: 1px solid #eceff3 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #2f3641 !important;
    box-shadow: none !important;
}

body .header-navbar .header-navbar__burger > ul > li:last-child select:focus {
    outline: none !important;
    border-color: #00d084 !important;
    box-shadow: 0 0 0 2px rgba(0, 208, 132, 0.15) !important;
}

@keyframes iwzBurgerSlideIn {
    from {
        opacity: 0;
        transform: translateX(-32px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Account menu: username first, badge after it. */
.hp-menu__item {
    display: flex !important;
    align-items: center !important;
}

.hp-menu__item span,
.hp-menu__item a {
    order: 1 !important;
}

.hp-menu__item small {
    order: 2 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background-color: #00D086 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-left: 8px !important;
    margin-right: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* Logged-in header user profile row only (not Sign In / other menu items). */
a.hp-menu__item.hp-menu__item--user-account.hp-link {
    pointer-events: none !important;
}

/* pointer-events: none on the anchor skips hit-testing, so the cursor goes on the li. */
body .header-navbar li.menu-item--user-account {
    cursor: pointer !important;
}

/* Header bar aligned with .site-content (1200px centered, 15px gutters on small screens) */
.site-header .header-navbar {
    max-width: 1200px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

@media screen and (max-width: 767px) {
    .site-header .header-navbar {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Buttons: no HiveTheme hover shadow, no shine gradient.
   AI Search keeps its own gradient (toggle + AI submit only). */
button:not(.iwz-ai-toggle):not(.iwz-ai-submit),
.button:not(.iwz-ai-toggle):not(.iwz-ai-submit),
input[type="submit"],
input[type="button"],
.wp-block-button__link,
.iwz-add-to-event,
.iwz-event-fab {
    box-shadow: none !important;
    background-image: none !important;
}

button:not(.iwz-ai-toggle):not(.iwz-ai-submit):hover,
button:not(.iwz-ai-toggle):not(.iwz-ai-submit):focus,
button:not(.iwz-ai-toggle):not(.iwz-ai-submit):active,
.button:not(.iwz-ai-toggle):not(.iwz-ai-submit):hover,
.button:not(.iwz-ai-toggle):not(.iwz-ai-submit):focus,
.button:not(.iwz-ai-toggle):not(.iwz-ai-submit):active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:active,
.iwz-add-to-event:hover,
.iwz-event-fab:hover,
.iwz-event-fab:active {
    box-shadow: none !important;
    background-image: none !important;
}

/* The listing rate is already in the HTML. The listings plugin fades this block while
   /buy runs; if that quote is aborted on first paint the price stayed faded. */
.hp-listing--view-page .hp-listing__attributes--primary[data-state="loading"] {
    opacity: 1;
}
.hp-listing--view-page .hp-listing__attributes--primary[data-state="loading"]::after {
    display: none;
}

.hp-booking--view-page .hp-booking__attendees {
    margin-top: 1.25rem;
    margin-bottom: 0.25rem;
}

.hp-booking--view-page .hp-booking__attendees strong {
    display: block;
    margin-bottom: 0.35rem;
}

.hp-booking--view-page .hp-booking__dates small {
    display: inline;
}

/* Booking complete: match header Add Listing height, left-aligned */
.iwz-booking-actions {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
    margin: 0.75rem 0 !important;
    text-align: left !important;
    width: 100% !important;
}

.iwz-booking-actions .button,
.iwz-booking-actions .button--primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0.5625rem 1.75rem !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 9999px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

/* Booking view: stack sidebar/actions cleanly on tablet + phone */
@media only screen and (max-width: 74.99em) {
    .hp-page:has(.hp-booking--view-page) > .hp-row,
    .hp-booking--view-page .hp-row {
        flex-wrap: wrap !important;
    }

    .hp-page:has(.hp-booking--view-page) .hp-page__sidebar,
    .hp-page:has(.hp-booking--view-page) .hp-page__content {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .hp-booking--view-page .hp-listing__actions--primary,
    .hp-booking--view-page .hp-listing__actions {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.75rem !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .hp-booking--view-page .hp-listing__action {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
        max-width: 100% !important;
        white-space: normal !important;
    }
}

@media only screen and (max-width: 47.99em) {
    .hp-booking--view-page .hp-listing__actions--primary,
    .hp-booking--view-page .hp-listing__actions {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
}

/* AI Search star — theme SVG when media library path is stale after rename */
.iwz-ai-toggle__icon--fallback {
    width: 18px;
    height: 18px;
    display: inline-block;
    flex: 0 0 auto;
    background: url("assets/theme/ai-search/ai-search-star.svg") center / contain no-repeat;
}

/* Virtual Offices FAQ — restore green accordion chrome when EB page CSS is stale */
.page-id-7728 .eb-accordion-23exk.eb-accordion-container,
.page-id-2205 .eb-accordion-bbvsn.eb-accordion-container,
.page-id-7728 .root-eb-accordion-23exk .eb-accordion-container,
.page-id-2205 .root-eb-accordion-bbvsn .eb-accordion-container {
    background: transparent !important;
}

.page-id-7728 .eb-accordion-23exk .eb-accordion-inner,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page-id-7728 .eb-accordion-23exk .eb-accordion-title-wrapper,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-title-wrapper {
    background: #fff !important;
    border: 1px solid rgba(15, 23, 39, 0.1) !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    box-shadow: none !important;
}

.page-id-7728 .eb-accordion-23exk .eb-accordion-title,
.page-id-7728 .eb-accordion-23exk .eb-accordion-title a,
.page-id-7728 .eb-accordion-23exk .eb-accordion-title h1,
.page-id-7728 .eb-accordion-23exk .eb-accordion-title h2,
.page-id-7728 .eb-accordion-23exk .eb-accordion-title h3,
.page-id-7728 .eb-accordion-23exk .eb-accordion-title h4,
.page-id-7728 .eb-accordion-23exk .eb-accordion-title h5,
.page-id-7728 .eb-accordion-23exk .eb-accordion-title h6,
.page-id-7728 .eb-accordion-23exk .eb-accordion-title p,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-title,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-title a,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-title h1,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-title h2,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-title h3,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-title h4,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-title h5,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-title h6,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-title p {
    color: #181b28 !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.page-id-7728 .eb-accordion-23exk .eb-accordion-icon,
.page-id-7728 .eb-accordion-23exk .eb-accordion-icon-wrapper,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-icon,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-icon-wrapper {
    color: #00d084 !important;
    border: 2px solid #00d084 !important;
    border-radius: 50% !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    box-shadow: none !important;
}

.page-id-7728 .eb-accordion-23exk .eb-accordion-icon .dashicons,
.page-id-7728 .eb-accordion-23exk .eb-accordion-icon-wrapper .dashicons,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-icon .dashicons,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-icon-wrapper .dashicons {
    color: #00d084 !important;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 1 !important;
}

.page-id-7728 .eb-accordion-23exk .eb-accordion-content-wrapper,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-content-wrapper {
    background: #fff !important;
    border: 1px solid rgba(15, 23, 39, 0.08) !important;
    border-radius: 0 0 10px 10px !important;
    margin-top: -6px !important;
    padding: 12px 18px 16px !important;
}

.page-id-7728 .eb-accordion-23exk .eb-accordion-content,
.page-id-7728 .eb-accordion-23exk .eb-accordion-content p,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-content,
.page-id-2205 .eb-accordion-bbvsn .eb-accordion-content p {
    color: rgba(15, 23, 39, 0.75) !important;
}

/* Corporate Events Venues — amenity icons white, no border */
.amenities-track .wp-block-uagb-container,
.amenities-track.uagb-layout-flex > .wp-block-uagb-container,
.amenities-track [class*="uagb-block-"] {
    border: none !important;
    border-width: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.amenities-track img,
.amenities-track .uagb-image__source,
.amenities-track .wp-block-image img,
.amenities-track svg {
    border: none !important;
    box-shadow: none !important;
    filter: brightness(0) invert(1) !important;
}

/* Essential Blocks entertainment slider — white label on green CTA */
.eb-slider-button-wrapper .eb-slider-button,
a.eb-slider-button {
    color: #fff !important;
}