.hp-listing--view-block .hp-listing__created-date,
.hp-listing--view-page .hp-listing__created-date {
  display: none;
}



.hp-template--listings-view-page .select2-results__options{
	max-height:400px !important;
}





.title--center::before, .content-title--center::before, .title.has-text-align-center::before, .content-title.has-text-align-center::before {
    left: 50%;
    margin-left: -22px;
}

.title::before, .content-title::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 40px;
    display: block;
    content: '';
    background-color: #c8b79d;
}


*, *:before, *:after {
    box-sizing: inherit;
}



/* FIX: was using en-dash instead of hyphen in selector */
.hp-vendor--view-block .hp-vendor__attributes--primary .hp-vendor__attribute--telephone {
    display: none;
}



.hp-menu--site-header .hp-menu__item:not(:last-child) {
    margin-left: 2rem;
    margin-right: 0;
}



.hp-vendor__rating {display:none!important}





.vendor-image {
	width: 50px;
	height: px; /* value left blank intentionally */
	overflow: hidden;
	border-radius: 50%;
	margin: 0 auto;
	display: block;
}



.hp-listing--view-block {
  position: relative;
}



.hp-listing--view-block .hp-listing__action--favorite {
  position: absolute;
  top: 15px;
  right: 2px;
}

.hp-listing__action--favorite i {
  font-size: 20px;
  color: #fff;
}



.hp-request--view-block {
	min-height: 5rem;
	overflow: hidden;
	height: 5rem !important;
}



@media (max-width: 767px) {
  .hp-listing--view-block .hp-listing__content {
    height: auto;
  }
}



.fa-heart:before {
  content: "\f004";
  color: ; /* value left blank intentionally */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
}







.header-logo img {
  width: 200px;
  height: 133px;
}



.header-navbar__actions .hp-menu.hp-menu--site-header {
	flex-direction: row-reverse;
}



.hp-menu--site-header .hp-menu__item:not(:last-child) {
    margin-left: 5rem;
    margin-right: 0;
}

.button {
    border-radius: 777px;
    padding: 0.5625rem .75rem;
    font-weight: 500;
    box-shadow: 5px 5px 10px #888888;
}



.hp-menu__item--listing-submit i::before{
	content: '';
}


@media only screen and (max-width: 48em) {
    .header-navbar .hp-menu__item--listing-submit .fa-plus:before {
        content: "\f093";
        font-size: 2em;
        margin-left: 0.1em;
        margin-right: 0.1em;
    }
}



/* this works change color */
.wpaicg-chatbox-content .wpaicg-chat-message {
  color: !important; /* value left blank intentionally */
}



.wpaicg-chatbox-content .wpaicg-message-header .wpaicg-message-author {
  color: yellow !important;
}

.wpaicg-chatbox-content .wpaicg-message-header .wpaicg-message-author.wpaicg-chatbot {
  color: blue !important;
}


.wpaicg-chatbox-container {
  background-color: #f0f0f0 !important;
}



.wpaicg-chatbox-container {
  height: 50px;
}



/* FIX: replaced placeholder text with actual CSS values */
.hp-listing--view-block .hp-listing__attributes--primary .hp-listing__attribute.hp-listing__attribute--price,
.hp-listing--view-list .hp-listing__attributes--secondary .hp-listing__attribute.hp-listing__attribute--price {
  background-color: white;
  font-size: 17px;
  font-weight: bold;
  color: grey;
}



.listing_image_container {
    position: relative;
}



@keyframes flash {
  0% {
    color: white;
  }
  50% {
    color: red;
  }
  100% {
    color: gold;
  }
}


.hp-listing--view-block .hp-listing__featured-badge i::before {
  content: '\f005';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-style: normal;
  font-size: 15px;
  animation: flash 1s infinite;
}



/* FIX: was #; (empty hex), left color value blank intentionally */
.red-separator {
    border-top: 1px solid #; /* value left blank intentionally */
}



.wpaicg-chat-shortcode {
    margin-top: 30px;
    margin-bottom: 20px;
}



@media (max-width: 1000px) {
    p.has-text-align-center.has-large-font-size.wp-dark-mode-ignore {
        font-size: 16px !important;
    }
}



.hp-listing-category__name {
    font-size: 19px !important;
}



.hp-listing__image-slider .slick-slide {
    width: ; /* value left blank intentionally */
    height: 250px;
    overflow: hidden;
}



span.dates-label::after {
  content: "\f073";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-left: 8px;
  font-size: 16px;
}



.single-hp_listing .hp-modal:not(#user_login_modal),
.single-hp_vendor .hp-modal:not(#user_login_modal) {
	width: 700px;
}



/* General Form Styles */
.hp-form {
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    padding: 18px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.hp-form input[type="text"],
.hp-form input[type="email"],
.hp-form input[type="password"],
.hp-form textarea,
.hp-form select {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    margin-bottom: 10px;
}

.hp-form label {
    margin-bottom: 10px;
    font-weight: 600;
    color: #333;
}

.hp-form .hp-message--error {
    background-color: #f44336;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.hp-form .hp-message--success {
    background-color: #4CAF50;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.hp-form input[type="file"] {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
    background-color: #fff;
}


.hp-form:not(.hp-form-login) {
    background-color: #f9f9f9 !important;
    border: 1px solid #e0e0e0 !important;
    padding: 18px !important;
    border-radius: 5px !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1) !important;
}

.hp-form:not(.hp-form-login) input[type="text"],
.hp-form:not(.hp-form-login) input[type="email"],
.hp-form:not(.hp-form-login) input[type="password"],
.hp-form:not(.hp-form-login) textarea,
.hp-form:not(.hp-form-login) select {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    margin-bottom: 10px !important;
}



.hp-form-login {
    width: 100% !important;
}



#user_login_modal {
    width: 420px !important;
}



@media (max-width: 1199px) {
  #menu-header .menu-item .user-profile-image {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    width: 60px !important;
    height: 60px !important;
    margin-right: 10px !important;
    border-style: solid !important;
    border-color: #000000 !important;
    border-width: 2px !important;
  }
}







/* FIX: was #dd33333 (7 hex digits), corrected to #dd3333 */
.hp-listing--view-block.hp-listing--featured {
    position: relative;
    border: 2px solid #dd3333;
    animation: border-glow 1.5s ease-in-out infinite alternate;
    box-shadow: 0px 0px 5px #dd3333;
}

.hp-listing--view-block.hp-listing--featured::before {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    z-index: -1;
    border: 2px solid;
    background: linear-gradient(to right, #dd3333, #fcfcfc);
    pointer-events: none;
}

@keyframes border-glow {
    from {
        box-shadow: 0px 0px 5px #dd3333;
    }
    to {
        box-shadow: 0px 0px 10px #CCCCCC, 0px 0px 20px #dd3333;
    }
}



.hp-form__field--search .hp-field--search::placeholder {
    color: grey;
    font-family: arial;
}

.hp-form__field--search .hp-field--search:-ms-input-placeholder {
    color: gray;
}

.hp-form__field--search .hp-field--search::-ms-input-placeholder {
    color: gray;
}



.hp-field--location .hp-field--text {
    color: #777777;
}

.hp-field--location .hp-field--text::placeholder {
    color: #777777;
}

.hp-field--location .hp-field--text:-ms-input-placeholder {
    color: #777777;
}

.hp-field--location .hp-field--text::-ms-input-placeholder {
    color: #777777;
}



.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #777777;
}

.select2-container--default .select2-results__option {
  color: #777777;
}



input.hp-field--text::placeholder {
  font-size: 18px;
}



.user-profile-image {
  border-radius: 50%;
  transition: all 0.5s ease;
  border: 3px dashed white;
}

.user-profile-image:hover {
  transform: rotate(360deg);
  border: 3px dashed yellow;
}



.header-navbar__menu ul.menu li a[aria-current="page"] {
  background: rgba(0, 0, 0, 0);
}



/* FIX: was border: 2px solid #; (empty hex), left blank intentionally */
.header-navbar__menu ul.menu li a[aria-current="page"] {
  padding: 15px 25px;
  background: radial-gradient(circle at center, rgba(255, 223, 186, 0.6) 0%, transparent 100%);
  border-radius: 15px;
  border: 2px solid #; /* value left blank intentionally */
  animation: spotlight 2s infinite alternate ease-in-out;
  transition: all 0.3s ease-in-out;
}

@keyframes spotlight {
  0% {
    background: radial-gradient(circle at center, rgba(255, 223, 186, 0.3) 0%, transparent 100%);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  }
  100% {
    background: radial-gradient(circle at center, rgba(255, 223, 186, 0.8) 0%, transparent 100%);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  }
}

.header-navbar__menu ul.menu li a[aria-current="page"]:hover {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  transform: scale(1.05);
  border: 2px solid #FFFFFF;
}



.site-content .container {
    width: 100%;
    max-width: 1500px;
    padding: 0 10px;
    margin: auto;
}



.site-footer .container {
    width: 100%;
    max-width: 1500px;
    padding: 0 10px;
    margin: auto;
}



.site-content .container .content-area {
    width: 100%;
    max-width: 1500px;
    padding: 0 10px;
    margin: auto;
}



.container, .hp-page {
    max-width: 1500px;
    padding: 0 10px;
    margin: 0 auto;
    border: none !important;
}



/* FIX: was overflow: ; (empty value), left blank intentionally */
.wp-block-column .hp-map {
    max-height: 300px;
    overflow: ; /* value left blank intentionally */
}



@media (min-width: 768px) {
    .custom-heading {
        margin-left: 140px;
    }
}

@media (max-width: 767px) {
    .custom-heading {
        margin-left: 0;
    }
}



h4.wp-block-heading {
    margin-left: 40px;
    margin-right: 40px;
}

div.hp-listings.hp-block.hp-grid {
    margin-left: 10px;
    margin-right: 10px;
}

div.wp-block-columns.is-layout-flex.wp-container-8.wp-block-columns-is-layout-flex {
    margin-left: 40px;
    margin-right: 40px;
}

div.wp-block-columns.is-layout-flex.wp-container-4.wp-block-columns-is-layout-flex {
    margin-left: 40px;
    margin-right: 40px;
}

div.hp-listing-tags.hp-block.tagcloud {
    margin-left: 30px;
    margin-right: 22px;
}

.hp-form--listing-search {
    margin-left: 20px;
    margin-right: 20px;
}



/* REMOVED: request-submit button styling that was overriding the default icon + text look */



@media only screen and (max-width: 58em) and (orientation: landscape) {
    .site-content .wp-block-columns {
        flex-direction: column;
    }

    .site-content .wp-block-columns .wp-block-column {
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
    }

    .hp-listings .hp-row .hp-grid__item {
        flex-basis: 50%;
        max-width: 50%;
    }
}



@media only screen and (max-width: 768px) {
    .wp-block-column.is-layout-flow[style="flex-basis:33.33%"] {
        display: none;
    }
}



@media screen {
    .wp-block-column.has-small-font-size {
        padding-bottom: 20px;
    }
}



@media (max-width: 768px) {
    .hp-listing--view-block {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}



.header-navbar__burger i.fas.fa-bars {
    font-size: 30px;
}



.slider-listings {
    width: 1200px;
    height: 740px;
    margin: 0 auto;
    display: block;
}



.hp-listing__attributes--primary .hp-listing__attribute {
    font-size: 0.9em !important;
}



.gm-style-iw .hp-listing__price {
    color: #dd3333;
}



.hp-listing__attribute--price {
    font-weight: bold !important;
    color: black !important;
}



@media only screen and (max-width: 768px) {
    html, body {
        max-width: 100%;
        overflow-x: hidden;
    }
}



/* FIX: merged two #mapToggle blocks into one; removed invalid "center:" property */
#mapToggle {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 10px 14px;
    font-size: 0.9rem;
    margin-right: 8px;
    color: #ffffff;
    cursor: pointer;
    touch-action: manipulation;
    box-shadow: none;
    transition: transform 0.25s ease, color 0.25s ease;
    white-space: nowrap;
    background: rgb(34, 34, 34);
    z-index: 1001;
}

#mapToggle .hp-icon {
    color: #ffffff;
}

#mapToggle:hover {
    background: rgba(34, 34, 34, 0.8);
    color: #ff0000;
}

#mapToggle:hover .hp-icon {
    color: #ff0000;
}



.mapContainer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.9);
}



/* FIX: merged two .gm-style-iw blocks into one; kept the smaller max-width (200px) as it was last */
.gm-style-iw {
    max-width: 200px !important;
    height: 200px !important;
    max-height: 327px !important;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.hp-listing.hp-listing--map-block .slick-slide img {
    max-width: 100%;
    height: auto;
}



/* FIX: width and height had "px" with no number, left blank intentionally */
.hp-listing--map-block .slick-prev,
.hp-listing--map-block .slick-next {
    font-size: 0;
    color: transparent;
    width: px; /* value left blank intentionally */
    height: px; /* value left blank intentionally */
    background-color: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.hp-listing--map-block .slick-prev::before,
.hp-listing--map-block .slick-next::before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
}

.hp-listing--map-block .slick-prev::before {
    border-style: solid;
    border-width: 5px 9px 5px 0;
    border-color: transparent white transparent transparent;
}

.hp-listing--map-block .slick-prev {
    left: 0.1px;
}

.hp-listing--map-block .slick-next::before {
    border-style: solid;
    border-width: 5px 0 5px 9px;
    border-color: transparent transparent transparent white;
}

.hp-listing--map-block .slick-next {
    right: 0.1px;
}



span.custom-trademark {
    font-size: 8px;
    position: relative;
    bottom: 15px;
}



.hp-form__field--search .small-text {
    font-size: 10px;
}



.hp-field--text::placeholder {
    color: #777777;
}



@media only screen and (max-width: 768px) {
  .how-it-works-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .how-it-works {
    margin-top: 20px;
  }
  .how-it-works img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
}



img[src="https://catalanilocations.com/wp-content/plugins/hivepress-geolocation/assets/images/markerclustererplus/m1.png"] {
  filter: hue-rotate(500deg);
}

img[src="https://catalanilocations.com/wp-content/plugins/hivepress-geolocation/assets/images/markerclustererplus/m2.png"] {
  filter: hue-rotate(1deg);
}



.hp-listing__images-carousel .slick-slide img {
    height: 175px;
    object-fit: cover;
}



@media (max-width: 767px) {
  .hp-grid__item.hp-col-sm-4.hp-col-xs-12 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
}



.vendor-image {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
}



.hp-listing__attribute.hp-listing__attribute--virtual {
    font-size: 14px !important;
}



@media only screen and (min-width: 768px) {
    .hp-form--wide.hp-form--primary.hp-block.hp-form.hp-form--listing-search {
        position: relative;
    }

    .hp-form--wide.hp-form--primary.hp-block.hp-form.hp-form--listing-search::after {
        content: "For best results use 30 day range";
        display: block;
        position: absolute;
        bottom: 0;
        left: 51%;
        transform: translateX(-50%);
        margin-bottom: 43px;
        color: graytext;
        font-size: 8px;
        text-align: center;
    }
}



.hp-listing__action--message i {
    font-size: 14px;
    margin-left: -22px;
    transform: translateY(3px);
}



.hp-listing--view-block .hp-listing__image {
    position: relative;
}

.instant-booking-button {
    position: absolute;
    top: 205px;
    right: 10px;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 16px;
    color: #333;
    text-decoration: none;
}

.instant-booking-button:hover {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
}



.hp-listing--view-block .hp-listing__attribute--price {
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #333;
    text-decoration: none;
}

.hp-listing--view-block .hp-listing__attribute--price:hover {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
}



.hp-listing--view-block .share-email.sd-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #333;
    text-decoration: none;
}

.hp-listing--view-block .share-email.sd-button:hover {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
}



.custom-font-size {
    font-size: 9px;
}

.hp-listing--view-block .hp-listing__categories a,
.hp-listing--view-page .hp-listing__categories a {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 9px;
    background-color: rgba(7, 36, 86, 0.085);
    color: rgba(15, 23, 39, 0.45);
    transition: color 0.25s, background-color 0.25s;
    border-radius: 9999px;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0.5rem;
}

.hp-listing--view-block .hp-listing__categories a:last-child,
.hp-listing--view-page .hp-listing__categories a:last-child {
    font-size: 9px;
    margin-right: 0.5rem;
}



.hp-listing--view-block .hp-listing__categories,
.hp-listing--view-page .hp-listing__categories {
    margin-top: -1rem;
}

.hp-listing--view-block .hp-listing__categories a,
.hp-listing--view-page .hp-listing__categories a {
    display: inline-block;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.hp-listing--view-block .hp-listing__categories a:not(:last-child),
.hp-listing--view-page .hp-listing__categories a:not(:last-child) {
    margin-right: 0.5rem;
}



.hp-listing__location span {
    font-size: 11px !important;
}



h1, h2, h3, h4, h5, h6 {
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    font-size: 18px;
    font-weight: 700;
}

body {
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    font-size: 16px;
    line-height: 1.5;
}



strong {
    font-weight: normal !important;
}



.hp-listing__content {
    position: relative;
}

/* FIX: top and right had no units (was "top: 100" and "right: 1"), left as-is intentionally */
.hp-listing__action--message {
    position: absolute;
    top: 100; /* value left without units intentionally */
    right: 1; /* value left without units intentionally */
    margin: 0;
}



.hp-listing-tags {
    display: flex;
    justify-content: center;
}



.hp-rating,
.hp-rating * {
    font-size: 9px;
}



/* FIX: color: #; (empty hex), left blank intentionally */
.hp-rating-stars i {
    font-size: 12px;
    color: #; /* value left blank intentionally */
}

.hp-rating-stars .fas.fa-star-half-alt:before {
    content: "\f089";
}

.hp-rating-stars .active {
    color: #ffc107;
}

.hp-rating__value,
.hp-rating__count {
    font-size: 10px;
    color: #333;
}



@media only screen and (max-width: 767px) {
    .custom-logo {
        width: 100%;
        height: auto;
        max-width: 300px;
    }
}



@media only screen and (max-width: 768px) {
  .has-large-font-size {
    font-size: 24px !important;
  }
}



.header-navbar__menu .menu-item .user-profile-image,
.user-profile-image {
  border-top-left-radius: 30px !important;
  border-top-right-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
  width: 40px !important;
  height: 40px !important;
  margin-right: 15px !important;
  border-style: solid !important;
  border-color: #000000 !important;
  border-width: 2px !important;
}



.hp-listing__action.hp-listing__action--review.hp-link {
    font-size: 16px;
    padding: 5px 70px;
    margin-top: 60px;
    text-decoration: none;
    display: inline-block;
}

.hp-listing__action.hp-listing__action--report.hp-link {
    font-size: 16px;
    padding: 5px 1px;
    text-decoration: none;
    display: inline-block;
}



@media screen and (max-width: 47.99em) {
    .hp-template--listing-view-page .hp-page__content {
        order: 1;
    }

    .hp-template--listing-view-page aside {
        order: 0;
    }
}



.hp-template--listing-submit-page .hp-field__label {
    color: #000;
    font-size: 14px;
}

.hp-field__label {
    color: #000;
    font-size: 14px;
}



@media (max-width: 768px) {
    .header-navbar__burger ul#menu-header,
    .header-navbar__burger ul#menu-header .sub-menu {
        background-color: black;
        color: white;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .header-navbar__burger ul#menu-header li a {
        color: white;
        font-size: 24px;
    }

    .header-navbar__burger ul#menu-header .sub-menu li a {
        font-size: 16px;
        color: #dd3333;
    }

    .header-navbar__burger ul#menu-header li.menu-item-has-children::after {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        display: inline-block;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        text-rendering: auto;
        content: '\f105';
        color: white;
        font-size: 20px;
    }
}



/* FIX: margin: px; had no number, left blank intentionally */
@media only screen and (max-width: 767px) and (orientation: landscape) {
    .hp-grid__item {
        flex: 1 1 45%;
        margin: px; /* value left blank intentionally */
    }
    .hp-listing-category {
        padding: px; /* value left blank intentionally */
    }
    .hp-listing-category__image img {
        max-width: 440px;
    }
    .hp-listing-category__name {
        font-size: 10px;
    }
    .hp-listing-category__count {
        font-size: 10px;
    }
}



@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #333;
}

.header-navbar {
    width: 100%;
    padding: 16px 0;
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
}

.header-navbar__start {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-menu ul {
    list-style: none;
    display: flex;
    gap: 20px;
}

/* FIX: padding: px; had no number, left blank intentionally */
.nav-menu a {
    color: #333;
    text-decoration: none;
    padding: px; /* value left blank intentionally */
    transition: color 0.3s ease;
    font-weight: 800;
}

.nav-menu a:hover {
    color: #000;
}



@media (max-width: 768px) {
    .hp-menu__item--listing-submit {
        font-size: 1px !important;
        padding: 5px 5px !important;
    }
}

@media (max-width: 768px) {
    .hp-menu__item--listing-submit .hp-icon {
        font-size: 11px;
    }
}

@media (max-width: 768px) {
    .header-navbar__actions .hp-menu.hp-menu--site-header .hp-menu__item {
        margin-right: 20px;
    }

    .header-navbar__actions .hp-menu.hp-menu--site-header .hp-menu__item--listing-submit {
        margin-left: 10px;
    }
}

/* FIX: padding: px; had no number, left blank intentionally */
@media (min-width: 769px) {
    .header-navbar__actions .hp-menu.hp-menu--site-header .hp-menu__item--listing-submit {
        margin-right: 20px;
        padding: px; /* value left blank intentionally */
    }
}



.hp-form__field.hp-form__field--location .hp-field.hp-field--text::placeholder {
    color: #666666;
}

.hp-form__field.hp-form__field--location .hp-icon {
    color: #dd3333;
}

.hp-form__field.hp-form__field--date-range .hp-field.hp-field--text::placeholder {
    color: #666666;
}



.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #dd3333 transparent transparent transparent;
}



/* FIX: border: 1px had no style keyword, corrected to border: 1px solid */
@media (max-width: 768px) {
    .boton-menu {
        background-color: whitesmoke;
        border: 1px solid;
        border-radius: 9px;
        -webkit-box-shadow: 1px 1px 0px 0px #919191;
        -moz-box-shadow: 1px 1px 0px 0px #919191;
        box-shadow: 1px 1px 0px 0px #919191;
    }

    .menu-button a,
    .menu-button a:hover,
    .menu-button a:active {
        color: #fff !important;
    }
}



.widget_archive li::before,
.widget_categories li::before,
.widget_meta li::before,
.widget_nav_menu li::before,
.widget_product_categories li::before,
.wp-block-archives li::before,
.wp-block-categories li::before,
.widget_pages li::before,
.widget_recent_entries li::before,
.wp-block-latest-posts li::before,
.wp-block-rss li::before {
    content: none;
}

.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_nav_menu li,
.widget_product_categories li,
.wp-block-archives li,
.wp-block-categories li,
.widget_pages li,
.widget_recent_entries li,
.wp-block-latest-posts li,
.wp-block-rss li {
    text-align: left;
    padding-left: 0;
    margin-left: 0;
}

.widget_archive li a,
.widget_categories li a,
.widget_meta li a,
.widget_nav_menu li a,
.widget_product_categories li a,
.wp-block-archives li a,
.wp-block-categories li a,
.widget_pages li a,
.widget_recent_entries li a,
.wp-block-latest-posts li a,
.wp-block-rss li a {
    display: block;
    padding-left: 0;
    margin-left: 0;
}



.header-navbar__menu>ul>li.menu-item-has-children::after {
    content: '|';
    margin-left: .5rem;
}

.header-navbar__menu ul li.menu-item-has-children::after {
    font-family: inherit;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    content: '|';
    color: rgba(7, 36, 86, .25);
    font-size: 16px;
}



.hp-listing__attribute .fa-tachometer-alt {
    color: #dd3333 !important;
    font-weight: bold !important;
    font-size: 15px !important;
}

.hp-listing__attribute span {
    color: #333 !important;
    font-weight: bold !important;
}

.scout-meter-text {
    font-size: 10px !important;
}



@media only screen and (max-width: 600px) {
  .special-columns .wp-block-column h6 {
    display: none;
  }
}



.hp-listing__image-carousel img,
.hp-listing__image-slider img,
.hp-listing__images-carousel img,
.hp-listing__images-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.hp-listing--view-block .hp-listing__categories a {
    display: none !important;
}



/* Map popup container */
.gm-style-iw.gm-style-iw-c {
    max-height: 500px !important;
    max-width: 260px !important;
    padding: 0 !important;
}

.gm-style-iw-d {
    max-height: 500px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.gm-style-iw-d::-webkit-scrollbar {
    display: none !important;
}

.gm-style-iw-chr {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    top: auto !important;
    height: 0 !important;
    padding: 0 !important;
}

.gm-ui-hover-effect {
    position: absolute !important;
    bottom: -11px !important;
    right: 5px !important;
    top: auto !important;
    background: rgba(255,255,255,0.9) !important;
    border-radius: 50% !important;
}

.hp-listing--map-block {
    padding: 8px 8px 0 8px !important;
}

.hp-listing--map-block .hp-listing__title {
    font-size: 12px !important;
    line-height: 1.3 !important;
    margin-bottom: 5px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.hp-listing--map-block .hp-listing__price {
    font-size: 13px !important;
}

.hp-listing--map-block .slick-list {
    overflow: hidden !important;
}

.hp-listing--map-block .slick-slide img {
    width: 100% !important;
    height: 140px !important;
    object-fit: cover !important;
    display: block !important;
}



.hp-listing__attribute .fa-tachometer-alt {
    color: #dd3333 !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

.hp-listing--view-block .hp-listing__attributes--secondary .hp-listing__attribute {
    font-size: .890rem;
    margin-bottom: .25rem;
    font-weight: bold !important;
}

.hp-listing__attributes--primary .hp-listing__attribute,
.hp-listing__attributes--secondary .hp-listing__attribute,
.hp-listing__attributes--ternary .hp-listing__attribute {
    word-wrap: break-word;
}

.hp-listing__attribute span {
    color: #333 !important;
    font-weight: bold !important;
}

.scout-meter-text {
    font-size: 12px !important;
}



.hp-menu__item--user-account .user-profile-image {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid #000 !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
}



.hp-listing__action--message.button--large {
    transform: none !important;
    animation: none !important;
    transition: background-color 0.2s ease !important;
    will-change: auto !important;
}




/* Improved font and text readability */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');

body,
.hp-listing__title,
.hp-listing__attribute,
.hp-listing__location span,
p, a, li, span {
    font-family: 'DM Sans', sans-serif;
}

/* Fix light gray text throughout - main readability fix */
body {
    color: #1a1a1a;
}

/* Listing card text */
.hp-listing--view-block .hp-listing__attributes--secondary .hp-listing__attribute,
.hp-listing__attribute span,
.hp-listing__location span {
    color: #222222 !important;
}

/* Fix the #777777 gray placeholders - darken slightly */
.hp-field--location .hp-field--text,
.hp-field--location .hp-field--text::placeholder,
.hp-field--text::placeholder,
.hp-form__field.hp-form__field--location .hp-field.hp-field--text::placeholder,
.hp-form__field.hp-form__field--date-range .hp-field.hp-field--text::placeholder {
    color: #555555;
}

/* Select2 dropdowns */
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-results__option {
    color: #333333;
}

/* Nav menu links */
.header-navbar__menu ul.menu li a {
    color: #1a1a1a;
}

/* Footer text */
.site-footer {
    color: #333333;
}





/* Scout Meter Badge */
.hp-listing__attribute.hp-listing__attribute--reviewscore {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: transparent !important;
    border: 1px solid #ffd54f !important;
    border-radius: 2px !important;
    padding: 1px 0px 1px 2px !important;
    font-size: 10px !important;
    margin-top: 2px !important;
    width: fit-content !important;
    max-width: fit-content !important;
    box-sizing: border-box !important;
    position: relative !important;
    cursor: help !important;
    overflow: visible !important;
}

/* Remove span override */
.hp-listing__attribute.hp-listing__attribute--reviewscore span {
    font-size: unset !important;
    font-weight: 700 !important;
    color: unset !important;
    line-height: 1 !important;
}

/* Scout meter text */
.hp-listing__attribute.hp-listing__attribute--reviewscore span.scout-meter-text {
    color: #f9a825 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    display: inline-flex !important;
    flex-direction: column-reverse !important;
    line-height: 1.3 !important;
    word-spacing: normal !important;
    width: fit-content !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* TM removed */
.hp-listing__attribute.hp-listing__attribute--reviewscore span.scout-meter-text::after {
    content: '' !important;
}

/* Hide tachometer icon */
.hp-listing__attribute.hp-listing__attribute--reviewscore .fa-tachometer-alt,
.hp-listing__attribute.hp-listing__attribute--reviewscore .icon-with-tooltip {
    display: none !important;
}

/* Tooltip - injected via JS as .scout-tooltip div */
.hp-listing__attribute.hp-listing__attribute--reviewscore .scout-tooltip {
    display: none;
    position: absolute;
    bottom: 130%;
    left: 0;
    background: #333;
    color: #fff;
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: normal;
    width: 220px;
    line-height: 1.4;
    z-index: 9999;
    pointer-events: none;
    white-space: normal;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

.hp-listing__attribute.hp-listing__attribute--reviewscore:hover .scout-tooltip {
    display: block !important;
}

/* Arc gauge SVG */
.hp-listing__attribute.hp-listing__attribute--reviewscore::before {
    content: '' !important;
    display: block !important;
    min-width: 22px !important;
    width: 22px !important;
    height: 22px !important;
    flex-shrink: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 65'%3E%3Cpath d='M8 58 A42 42 0 0 1 33 18' fill='none' stroke='%23e53935' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M33 18 A42 42 0 0 1 67 18' fill='none' stroke='%23fdd835' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M67 18 A42 42 0 0 1 92 58' fill='none' stroke='%2343a047' stroke-width='10' stroke-linecap='round'/%3E%3Cline x1='8' y1='58' x2='13' y2='53' stroke='white' stroke-width='1.5'/%3E%3Cline x1='50' y1='8' x2='50' y2='14' stroke='white' stroke-width='1.5'/%3E%3Cline x1='92' y1='58' x2='87' y2='53' stroke='white' stroke-width='1.5'/%3E%3Ccircle cx='50' cy='58' r='5' fill='%2337474f'/%3E%3Cline x1='50' y1='58' x2='74' y2='26' stroke='%2337474f' stroke-width='3.5' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='58' r='3' fill='%2390a4ae'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}

/* Listing ID box - keep untouched */
.hp-listing__attribute.hp-listing__attribute--virtual:has(button) {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}






.slider-listings {
    width: 1200px;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto;
    display: block;
}



.header-navbar__globe button#globe-lang-btn {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #f0f0f0 !important;
  border: 1px solid #ddd !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  transition: background 0.2s !important;
}

.header-navbar__globe button#globe-lang-btn:hover {
  background: #e0e0e0 !important;
}

.header-navbar__globe button#globe-lang-btn svg {
  width: 14px !important;
  height: 14px !important;
  stroke: #222 !important;
}


.header-navbar__globe {
  margin-right: 12px !important;
}






.hp-vendor__actions.hp-vendor__actions--secondary {
  background-color: #ffffff !important;
  border: 2px solid #ff0000 !important;
  border-radius: 6px !important;
  animation: glow-pulse 1.5s ease-in-out infinite alternate;
}

@keyframes glow-pulse {
  from {
    box-shadow: 0 0 6px #ff0000, 0 0 12px #ff0000;
  }
  to {
    box-shadow: 0 0 12px #ff0000, 0 0 24px #ff0000;
  }
}








/* Stripe payout button - glowing border */
.hp-vendor__actions.hp-vendor__actions--secondary {
  background-color: #ffffff !important;
  border: 2px solid #dd3333 !important;
  border-radius: 6px !important;
  color: #000000 !important;
  animation: glow-pulse 1.5s ease-in-out infinite alternate;
}
.hp-vendor__actions--secondary * {
  color: #000000 !important;
}
@keyframes glow-pulse {
  from { box-shadow: 0 0 6px #dd3333, 0 0 12px #dd3333; }
  to { box-shadow: 0 0 12px #dd3333, 0 0 24px #dd3333; }
}

/* Find your Space tagline - red glowing border */
.hp-page__sidebar p[style="text-align:center;"] {
  border: none !important;
  box-shadow: none !important;
  animation: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
.hp-widget.widget--sidebar:has(p[style="text-align:center;"]) {
  border: 2px solid #dd3333 !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  background: linear-gradient(135deg, #fff0f0, #fde8e8) !important;
  box-shadow: 0 0 10px rgba(221, 51, 51, 0.4), 0 0 20px rgba(221, 51, 51, 0.2) !important;
  animation: border-glow 2s ease-in-out infinite alternate;
}
@keyframes border-glow {
  from { box-shadow: 0 0 8px rgba(221,51,51,0.4), 0 0 16px rgba(221,51,51,0.2); }
  to   { box-shadow: 0 0 16px rgba(221,51,51,0.7), 0 0 32px rgba(221,51,51,0.4); }
}

/* Account page sidebar ordering - scoped to account page only */
.hp-template--user-account-page .inner-wrapper-sticky {
  display: flex !important;
  flex-direction: column !important;
}
.hp-template--user-account-page .hp-vendor__actions.hp-vendor__actions--secondary {
  order: 1 !important;
}
.hp-template--user-account-page .hp-widget.widget--sidebar:has(p[style="text-align:center;"]) {
  order: 2 !important;
}
.hp-template--user-account-page .hp-widget.widget_nav_menu {
  order: 3 !important;
}
.hp-template--user-account-page #media_image-5 {
  order: 10 !important;
}
.hp-template--user-account-page #media_image-6 {
  order: 11 !important;
}




.hp-form__header .hp-link {
  border: 2px solid #dd3333 !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
  color: #dd3333 !important;
  animation: glow-pulse 1.5s ease-in-out infinite alternate;
}

.hp-form__header .hp-link i {
  color: #dd3333 !important;
}

@keyframes glow-pulse {
  from { box-shadow: 0 0 6px rgba(221,51,51,0.4), 0 0 12px rgba(221,51,51,0.2); }
  to { box-shadow: 0 0 12px rgba(221,51,51,0.7), 0 0 24px rgba(221,51,51,0.4); }
}





.hp-listing__action--message {
  width: auto !important;
  max-width: 200px !important;
  display: inline-block !important;
}











.hp-listing--view-page .hp-listing__attributes--primary {
  background: linear-gradient(135deg, #fff0f, #fde8e8) !important;
  border: 2px solid #dd3333 !important;
  border-radius: 10px !important;
  padding: 16px !important;
  text-align: center !important;
}

.hp-listing--view-page .hp-listing__attribute--price {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #000000 !important;
}

.hp-listing--view-page .hp-listing__attribute--minimumhours {
  font-size: 13px !important;
  color: #666 !important;
  margin-bottom: 8px !important;
}




.hp-template--listing-view-page .hp-listing__action--message.button--primary {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  text-align: center !important;
  border-radius: 6px !important;
  padding: 12px !important;
  background-color: #ffffff !important;
  color: #dd3333 !important;
  border: 2px solid #dd3333 !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.hp-template--listing-view-page .hp-listing__action--message.button--primary:hover {
  background-color: #dd3333 !important;
  color: #ffffff !important;
}








.hp-listing--view-page .hp-listing__title span {
  font-size: 29px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}




/* Glowing red border around booking number to indicate it's clickable */
.hp-booking .hp-listing__title a {
  display: inline-block;
  border: 2px solid #c9102e;
  border-radius: 6px;
  padding: 4px 12px;
  color: #c9102e !important;
  text-decoration: none !important;
  box-shadow: 0 0 8px rgba(201,16,46,0.4), 0 0 16px rgba(201,16,46,0.2);
  animation: bookingPulse 2s ease-in-out infinite;
  transition: box-shadow 0.3s;
}

.hp-booking .hp-listing__title a:hover {
  box-shadow: 0 0 14px rgba(201,16,46,0.7), 0 0 28px rgba(201,16,46,0.4);
}

@keyframes bookingPulse {
  0%, 100% { box-shadow: 0 0 8px rgba(201,16,46,0.4), 0 0 16px rgba(201,16,46,0.2); }
  50%       { box-shadow: 0 0 16px rgba(201,16,46,0.7), 0 0 32px rgba(201,16,46,0.35); }
}





.hp-menu__item--messages-thread .small,
.hp-menu__item a small {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  width: 20px !important;
  border-radius: 50% !important;
  background-color: #dd3333 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 0 !important;
  margin-left: 6px !important;
}




/* Top Categories - prevent image stretching */
.hp-listing-categories.hp-grid .hp-listing-category__image img,
.hp-listing-categories.hp-grid .hp-listing-category__image,
.hp-listing-category__image img {
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* Set consistent card height */
.hp-listing-categories.hp-grid .hp-listing-category {
  overflow: hidden !important;
}

.hp-listing-categories.hp-grid .hp-listing-category__image {
  height: 220px !important;
  overflow: hidden !important;
  position: relative !important;
}

/* Make category title look cleaner */
.hp-listing-category__name {
  font-weight: 700 !important;
  font-size: 16px !important;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.6) !important;
}

/* Subtle overlay for readability */
.hp-listing-category__image::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 50% !important;
  background: linear-gradient(transparent, rgba(0,0,0,0.5)) !important;
}




.catalani-hero-wrap {
  position: relative;
  width: 100vw;
  height: 500px;
  overflow: hidden;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-top: -30px;
}
.catalani-hero-wrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.catalani-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.55) 100%);
  z-index: 2;
}
.catalani-hero-text {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  padding: 20px 40px;
}
.catalani-hero-text h1 {
  font-size: 52px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 0 12px !important;
  text-shadow: 0 2px 20px rgba(0,0,0,0.6) !important;
  line-height: 1.15 !important;
  max-width: 900px !important;
}
.catalani-hero-text p {
  font-size: 16px !important;
  color: rgba(255,255,255,0.8) !important;
  margin: 0 !important;
  font-weight: 300 !important;
  letter-spacing: 0.5px !important;
}
.catalani-mute-btn {
  position: absolute;
  bottom: 14px;
  right: 14px;
  z-index: 10;
  background: rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.3);
  color: #fff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Homepage only - hide gray header hero */
.home .header-hero.header-hero--large {
  background-color: transparent !important;
  background-image: none !important;
  padding: 0 !important;
  min-height: 0 !important;
}
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}











/* ── Remove dark overlay on category cards ── */
.hp-listing-category__image a::after {
    display: none !important;
}

/* ── Make category images sharp and full color ── */
.hp-listing-category__image {
    filter: none !important;
    opacity: 1 !important;
}

.hp-listing-category__image img {
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
}








/* Fix Message Host button — stop full width stretch */
button.hp-listing__action.hp-listing__action--message.button.button--large.button--primary {
    width: auto !important;
    max-width: none !important;
    display: inline-block !important;
}












.hp-listing-category__name a {
    font-size: 20px !important;
    font-weight: 700 !important;
}






.site-footer,
.hp-footer,
footer.site-footer,
.footer-widgets,
.footer-bottom,
.footer-bar,
.footer-copyright {
  background: #ffffff !important;
  background-color: #ffffff !important;
}







/* Center the Set Search Alert button */
.hp-widget.hp-widget--listing-filter .hp-form__header {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

.hp-widget.hp-widget--listing-filter .hp-form__header .hp-link {
    margin: 0 auto !important;
}













/* Add to Favorites — visible outline on listing view page */
.hp-listing--view-page .hp-listing__action--favorite {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    border: 1.5px solid #dd3333 !important;
    border-radius: 999px !important;
    padding: 6px 14px !important;
    color: #dd3333 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.hp-listing--view-page .hp-listing__action--favorite i {
    color: #dd3333 !important;
    font-size: 14px !important;
}

.hp-listing--view-page .hp-listing__action--favorite:hover {
    background: #dd3333 !important;
    color: #ffffff !important;
}

.hp-listing--view-page .hp-listing__action--favorite:hover i {
    color: #ffffff !important;
}

/* Active/saved state */
.hp-listing--view-page .hp-listing__action--favorite[data-state=active] {
    background: #dd3333 !important;
    color: #ffffff !important;
}

.hp-listing--view-page .hp-listing__action--favorite[data-state=active] i {
    color: #ffffff !important;
}








/* Force bottom corners to match top */
.hp-listing-category.hp-listing-category--view-block,
.hp-listing-category.hp-listing-category--view-block .hp-listing-category__header,
.hp-listing-category.hp-listing-category--view-block .hp-listing-category__image,
.hp-listing-category.hp-listing-category--view-block .hp-listing-category__content,
.hp-listing-category.hp-listing-category--view-block .hp-listing-category__name {
    border-radius: 16px !important;
    overflow: hidden !important;
}






.cat-section-title__eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #c9a55a;
    font-family: 'Jost', 'DM Sans', sans-serif;
    margin-bottom: 8px;
}

.cat-section-title__eyebrow::before,
.cat-section-title__eyebrow::after {
    content: '';
    display: block;
    height: 1px;
    width: 32px;
    background: #c9a55a;
    opacity: 0.6;
}



@media (max-width: 768px) {
    /* Hide gold section titles — they use inline styles not a class */
    div[style*="text-transform: uppercase"][style*="#c9a55a"] {
        display: none !important;
    }

    /* Hide the SVG line graphic */
    svg[viewBox="0 0 680 20"] {
        display: none !important;
    }

    /* Hide spacers around them */
    .wp-block-spacer {
        display: none !important;
    }
}





/* Professional header navigation styling */
.header-navbar {
    background: #ffffff !important;
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}

/* Nav links — uppercase, spaced, refined */
.header-navbar__menu ul.menu > li > a {
    font-family: 'Jost', 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #1a1208 !important;
}

.header-navbar__menu ul.menu > li > a:hover {
    color: #c9a55a !important;
}

/* Pipe separators already in your CSS — make them gold */
.header-navbar__menu ul li.menu-item-has-children::after {
    color: #c9a55a !important;
}








/* Post a Request — match nav font style */
a.hp-menu__item--request-submit.hp-link {
    font-family: 'Jost', 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #1a1208 !important;
}

a.hp-menu__item--request-submit.hp-link:hover {
    color: #c9a55a !important;
}




/*  What activity heading font */
h6.wp-block-heading.has-text-align-center {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 17px !important;
    letter-spacing: -0.01em !important;
}






/* Sitewide font — Plus Jakarta Sans */
body,
p, a, li, span, div,
input, textarea, select, button,
.hp-listing__title,
.hp-listing__attribute,
.hp-listing__location span,
.hp-form--listing-search,
.hp-listing-category__name,
.hp-listing-category__name a,
.hp-listing__price,
.hp-listing__content,
.hp-listing__description,
.hp-listing-tags a,
.tagcloud a,
.select2-selection__rendered,
.select2-results__option,
.hp-field--text,
.hp-field--select,
.hp-widget,
.site-footer {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
}

/* Keep Cormorant Garamond for elegant headings */
h1, h2, h3, h4, h5,
h6.wp-block-heading.has-text-align-center,
.hp-listing__title,
.content-title {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
}

/* Keep Jost for navigation */
.header-navbar__menu ul.menu > li > a,
.header-navbar__menu ul.sub-menu li a,
a.hp-menu__item--request-submit.hp-link,
.cat-section-title__eyebrow,
div[style*="text-transform: uppercase"][style*="#c9a55a"] {
    font-family: 'Jost', 'DM Sans', sans-serif !important;
}




/* Lock What activity heading — Plus Jakarta Sans */
h6.wp-block-heading.has-text-align-center {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 17px !important;
    letter-spacing: -0.01em !important;
}





/* Search bar — Plus Jakarta Sans */
.hp-form--listing-search .hp-field--text,
.hp-form--listing-search input,
.hp-form--listing-search label,
.hp-form--listing-search .hp-form__field,
.hp-form--listing-search .select2-selection__rendered,
.hp-form--listing-search .select2-selection__placeholder,
.hp-form--listing-search .select2-results__option,
.hp-field--location .hp-field--text,
.hp-field--text::placeholder,
.hp-form__field--search .hp-field--search,
.hp-form--listing-search .hp-form__label,
.hp-form--wide .hp-form__field {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
    color: #1a1208 !important;
}

/* Placeholder text */
.hp-form--listing-search input::placeholder,
.hp-field--text::placeholder {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    font-weight: 300 !important;
    color: #888 !important;
}

/* Keywords label */
.hp-form__field--search label,
.hp-form__field--search .hp-form__label {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}




/* All Categories dropdown */
.hp-form--listing-search .select2-container,
.hp-form--listing-search .select2-selection,
.hp-form--listing-search .select2-selection__rendered,
.hp-form--listing-search .select2-selection__placeholder,
.select2-results__option,
.select2-dropdown {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
}

/* Activity listing tags */
.hp-listing-tags a,
.hp-block.tagcloud a,
.tagcloud a {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
}











/* ── Flatpickr Calendar — Airbnb-style Modern ── */

.flatpickr-calendar {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    border-radius: 20px !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.15) !important;
    padding: 20px !important;
    width: 336px !important;
    box-sizing: border-box !important;
}

/* ── Month/Year Header ── */
.flatpickr-months {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid #f0f0f0 !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    background: #ffffff !important;
}

.flatpickr-month {
    background: #ffffff !important;
    height: auto !important;
    color: #1a1208 !important;
}

.flatpickr-current-month {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a1208 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
}

.flatpickr-current-month input.cur-year {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a1208 !important;
    background: transparent !important;
    border: none !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a1208 !important;
    background: #ffffff !important;
    border: none !important;
    -webkit-appearance: auto !important;
    appearance: auto !important;
}

/* ── Navigation Arrows ── */
.flatpickr-prev-month,
.flatpickr-next-month {
    color: #1a1208 !important;
    fill: #1a1208 !important;
    padding: 8px !important;
    border-radius: 50% !important;
    transition: background 0.2s ease !important;
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
}

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
    fill: #1a1208 !important;
}

.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
    background: #f0ebe0 !important;
    fill: #c9a55a !important;
}

.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
    fill: #c9a55a !important;
}

/* ── Weekday Headers ── */
.flatpickr-weekdays {
    width: 100% !important;
    margin-bottom: 4px !important;
    background: #ffffff !important;
}

.flatpickr-weekdaycontainer {
    display: flex !important;
    width: 100% !important;
}

.flatpickr-weekday {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #717171 !important;
    flex: 1 1 14.2857% !important;
    max-width: 14.2857% !important;
    text-align: center !important;
    background: #ffffff !important;
}

/* ── Day Grid ── */
.flatpickr-innerContainer,
.flatpickr-rContainer {
    width: 100% !important;
    background: #ffffff !important;
}

.flatpickr-days {
    width: 100% !important;
}

.dayContainer {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
}

/* ── Day Numbers ── */
.flatpickr-day {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #222222 !important;
    border-radius: 50% !important;
    border: 1px solid transparent !important;
    height: 40px !important;
    line-height: 40px !important;
    flex: 1 1 14.2857% !important;
    max-width: 14.2857% !important;
    margin: 1px 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    transition: background 0.15s ease, border-color 0.15s ease !important;
}

.flatpickr-day:hover {
    background: #f7f2e8 !important;
    border-color: #c9a55a !important;
    color: #1a1208 !important;
}

/* ── Selected / Range Ends ── */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: #c9a55a !important;
    border-color: #c9a55a !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
}

/* ── In-Range Days ── */
.flatpickr-day.inRange {
    background: rgba(201, 165, 90, 0.15) !important;
    border-color: transparent !important;
    color: #222222 !important;
    border-radius: 0 !important;
    box-shadow: -5px 0 0 rgba(201,165,90,0.15), 5px 0 0 rgba(201,165,90,0.15) !important;
}

/* ── Today ── */
.flatpickr-day.today {
    border-color: #c9a55a !important;
    font-weight: 700 !important;
    color: #c9a55a !important;
}

.flatpickr-day.today:hover {
    background: #c9a55a !important;
    color: #ffffff !important;
}

/* ── Disabled / Prev / Next Month Days ── */
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    color: #d0d0d0 !important;
    font-weight: 300 !important;
}





.flatpickr-months *,
.flatpickr-month *,
.flatpickr-current-month *,
.cur-month,
.cur-year,
.flatpickr-monthDropdown-months {
    color: #1a1208 !important;
    -webkit-text-fill-color: #1a1208 !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    filter: none !important;
    text-shadow: none !important;
    mix-blend-mode: normal !important;
}

.flatpickr-calendar .flatpickr-months {
    background: #ffffff !important;
}

.flatpickr-calendar .flatpickr-month {
    background: #ffffff !important;
    height: 40px !important;
    line-height: 40px !important;
}

/* Sometimes the month is an SVG or pseudo-element — force it dark */
.flatpickr-current-month svg,
.flatpickr-months svg {
    fill: #1a1208 !important;
    color: #1a1208 !important;
}









/* Search, Schedule, Set In headings — Plus Jakarta Sans */
h1.wp-block-heading.has-text-align-center.has-large-font-size {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: -0.01em !important;
}






/* Text below Search, Schedule, Set In */
h5.wp-block-heading.has-text-align-center {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    font-weight:400 !important;
    font-style: normal !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    letter-spacing: 0 !important;
}






/* Recent Listings, Trending section headings */
h2.wp-block-heading.has-text-align-center.content-title {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    letter-spacing: -0.01em !important;
}



/* Footer — Plus Jakarta Sans */
.footer-widgets,
.footer-widgets h1,
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4,
.footer-widgets h5,
.footer-widgets h6,
.footer-widgets p,
.footer-widgets a,
.footer-widgets li,
.footer-navbar,
.footer-navbar a,
.site-footer,
.footer-bar,
.footer-copyright {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    font-style: normal !important;
}




/* Local Stay, Monthly Flex, Standby Local section */
.wp-block-paragraph,
p.wp-block-paragraph,
.wp-block-columns p,
.wp-block-column p,
.wp-block-columns li,
.wp-block-column li,
.wp-block-columns a,
.wp-block-column a {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    font-style: normal !important;
}

/* Blockquote text */
blockquote,
blockquote p {
    font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif !important;
    font-style: normal !important;
}







.hp-listing--view-page .hp-listing__attribute--minimumhours {
    font-size: 15px !important;
    color: #333 !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
}




.hp-listing--view-page .hp-listing__attribute--minimumhours {
    font-size: 15px !important;
    color: #333 !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
}




@media (max-width: 768px) {
  .catalani-hero-wrap { height: 350px; }
  .catalani-hero-wrap video {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .catalani-hero-text h1 { font-size: 28px !important; line-height: 1.2 !important; }
  .catalani-hero-text p { font-size: 13px !important; }
  .netflix-badge { 
    padding: 4px 8px !important;
    bottom: 28px !important;
    right: 10px !important;
  }
  .netflix-badge span:first-child { font-size: 7px !important; }
  .netflix-badge span:last-child { font-size: 11px !important; }
  .star-badge { display: none !important; }
  #netflixBadge,
  #editorialBadge,
  #premierBadge {
    padding: 4px 8px !important;
    bottom: 27px !important;
    right: 8px !important;
  }
  #netflixBadge span:first-child { font-size: 7px !important; }
  #netflixBadge span:last-child { font-size: 11px !important; }
  #editorialBadge span:first-child,
  #premierBadge span:first-child { font-size: 7px !important; }
  #editorialBadge span:last-child,
  #premierBadge span:last-child { font-size: 13px !important; }
}







/* ── Scope ALL dropdown styles to search form only ── */
.hp-form--listing-search .select2-results__option {
    font-size: 15px !important;
    padding: 10px 12px 10px 28px !important;
    line-height: 1.4 !important;
    transition: background-color 0.15s ease, color 0.15s ease !important;
    cursor: pointer !important;
}

.hp-form--listing-search .select2-results__option.cat-parent {
    background-color: #1a1a2e !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding-left: 10px !important;
    border-left: 4px solid #c8a96e !important;
    border-top: 2px solid #c8a96e !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 4px !important;
    font-style: normal !important;
}

.hp-form--listing-search .select2-results__option.cat-child {
    background-color: #f0f4f8 !important;
    color: #555555 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    padding-left: 28px !important;
    border-left: 3px solid #dddddd !important;
    font-style: italic !important;
}

.hp-form--listing-search .select2-results__option:first-child {
    background-color: #333333 !important;
    color: #c8a96e !important;
    font-weight: 700 !important;
    text-align: center !important;
    padding-left: 10px !important;
    border-bottom: 2px solid #c8a96e !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.hp-form--listing-search .select2-dropdown {
    min-width: 320px !important;
    width: 320px !important;
    border: 2px solid #c8a96e !important;
    border-radius: 6px !important;
}

.hp-form--listing-search .select2-results__options {
    max-height: 400px !important;
    font-size: 15px !important;
}






/* ── Category name larger on category browse pages only ── */
.hp-listing-category--view-page .hp-listing-category__name {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}






/* ── Center last category card on bottom row ── */
.hp-listing-categories.hp-grid.hp-block .hp-row:last-child {
    justify-content: center !important;
}








/* ── Request Bulletin stats and how it works larger fonts ── */
.rbp-stat-num {
    font-size: 48px !important;
}

.rbp-stat-label {
    font-size: 13px !important;
    letter-spacing: 2px !important;
    color: #888880 !important;
}

.rbp-stat {
    padding: 32px 24px !important;
}

/* How It Works */
.rbp-how-title {
    font-size: 22px !important;
}

.rbp-how-step-num {
    font-size: 32px !important;
    color: #c9a84c !important;
    opacity: 0.5 !important;
}

.rbp-how-step-text strong {
    font-size: 15px !important;
    color: #1a1a1a !important;
}

.rbp-how-step-text {
    font-size: 13px !important;
    color: #555550 !important;
    line-height: 1.6 !important;
}

.rbp-how {
    padding: 32px 40px !important;
}





/* Hide requests content for non-logged-in users until modal opens */
body.require-login .rbp-wrap,
body.require-login .wp-block-columns,
body.require-login .hp-request-search-form,
body.require-login .rbp-map-toggle,
body.require-login .rbp-map-container {
    filter: blur(6px) !important;
    pointer-events: none !important;
    user-select: none !important;
}



/* Hide FancyBox "content cannot be loaded" error on login redirect */
.fancybox-slide--error .fancybox-error,
.fancybox-error {
    display: none !important;
}

.fancybox-slide--error {
    display: none !important;
}

/* Hide the entire fancybox overlay if it shows an error */
.fancybox-is-open .fancybox-slide--error ~ .fancybox-toolbar,
.fancybox-is-open .fancybox-slide--error ~ .fancybox-navigation {
    display: none !important;
}




/* ── Fix category dropdown on mobile ── */
@media (max-width: 768px) {
    .select2-container {
        z-index: 99999 !important;
        position: relative !important;
    }

    .select2-dropdown {
        z-index: 99999 !important;
    }

    .select2-container--open {
        z-index: 99999 !important;
    }

    .hp-form--listing-search .select2-container {
        width: 100% !important;
        pointer-events: auto !important;
        touch-action: auto !important;
    }

    .hp-form--listing-search .select2-selection {
        pointer-events: auto !important;
        touch-action: auto !important;
        cursor: pointer !important;
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Make tap target bigger */
    .select2-selection__rendered {
        padding: 10px 12px !important;
        font-size: 16px !important;
    }

    /* Prevent iOS zoom on input focus */
    .select2-search__field {
        font-size: 16px !important;
    }
}







/* ── Fix white space below show map on listing pages ── */
.mapContainer {
    height: auto !important;
    min-height: 0 !important;
}

.mapContainer.open,
.mapContainer[style*="display: block"],
.mapContainer[style*="display:block"] {
    height: 500px !important;
}

.mapContainer .hp-map,
.mapContainer .hp-map__canvas,
.mapContainer > div {
    width: 100% !important;
    height: 500px !important;
    min-height: 500px !important;
}

/* Also target the Google Maps iframe/canvas directly */
.mapContainer iframe,
.mapContainer canvas {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

/* Remove any bottom padding/margin on map wrapper */
.mapContainer .hp-map {
    margin: 0 !important;
    padding: 0 !important;
}






/* ── Make show map smaller — 1/3 screen height ── */
.mapContainer,
.mapContainer[style*="display: block"],
.mapContainer[style*="display:block"] {
    height: 40vh !important;
    max-height: 320px !important;
}

.mapContainer .hp-map,
.mapContainer .hp-map__canvas,
.mapContainer > div {
    width: 100% !important;
    height: 40vh !important;
    max-height: 320px !important;
    min-height: unset !important;
}

.mapContainer iframe,
.mapContainer canvas {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

.mapContainer .hp-map {
    margin: 0 !important;
    padding: 0 !important;
}






/* ── Keep header above side map only ── */
body.side-map-open .site-header,
body.side-map-open header.site-header {
    z-index: 99999 !important;
    position: relative !important;
}

/* ── Side map starts below header ── */
#sideMapFixed {
    top: 0 !important;
    height: 100vh !important;
}

/* ── Only shift content area not header ── */
body.side-map-open #content,
body.side-map-open .site-content {
    margin-left: 320px !important;
    width: calc(100vw - 320px) !important;
    max-width: calc(100vw - 320px) !important;
    box-sizing: border-box !important;
}

/* ── Do NOT shift header ── */
body.side-map-open .site-header,
body.side-map-open .site-container {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* ── Top map — remove extra padding that shows nav ── */
#mapContainer {
    margin-top: 0 !important;
}

#mapContainer .hp-map,
#mapContainer .hp-map__canvas {
    width: 100% !important;
    height: 320px !important;
    min-height: unset !important;
}

/* ── Filter button visible in side view ── */
#sideFilterBtn {
    display: none;
}
body.side-map-open #sideFilterBtn {
    display: block !important;
}






/* ── Bigger title on request view page only ── */
.hp-listing--view-page h1.hp-listing__title {
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}





#requestMapToggle {
    background: #c8a96e !important;
    color: #0a0a08 !important;
    border-color: #c8a96e !important;
    transition: background 0.2s, color 0.2s !important;
}

#requestMapToggle:hover {
    background: #0a0a08 !important;
    color: #c8a96e !important;
    border-color: #0a0a08 !important;
}










/* Center and full width the Bronze description */
.single-product #tab-description > div {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.single-product #tab-description {
    display: flex !important;
    justify-content: center !important;
    padding: 0 !important;
}

.single-product #tab-description > div > div {
    max-width: 900px !important;
    margin: 0 auto !important;
}



/* Hide Description heading on single product page */
.single-product .woocommerce-tabs h2.woocommerce-column__title,
.single-product #tab-description > h2,
.single-product .entry-content > h2,
.woocommerce-Tabs-panel--description h2:first-child {
    display: none !important;
}




/* Hide empty FAQ tab */
.wc-tabs li.accordions_faq_tab,
li.accordions_faq_tab,
#tab-title-accordions_faq {
    display: none !important;
}

/* Hide the empty FAQ panel */
#tab-accordions_faq {
    display: none !important;
}



.hp-listing__image-slider .slick-arrow::before {
    display: none !important;
}






.slick-arrow.red-arrow::before {
    display: none !important;
}








.slider-listings ~ h1.wp-block-heading,
h1.wp-block-heading.has-vivid-red-color {
    font-size: 3rem !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
    margin-top: 40px !important;
}



.hp-listing__image-slider .slick-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}




.slider-listings .hp-listing__image {
    height: 250px !important;
    overflow: hidden !important;
}

.slider-listings .hp-listing__image img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
}






/* ── Gold border on top map container ── */
#mapContainer {
    border: 2px solid #c8a96e !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}





.hp-listing__attributes .sd-sharing-enabled {
  display: none !important;
}





.hp-form__field--checkboxes .hp-field__label small {
  display: none !important;
}






.hp-form__header p {
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-left: 4px solid #4caf50;
  border-radius: 6px;
  padding: 10px 14px 10px 38px;
  position: relative;
  font-size: 0.9rem;
  color: #333;
  margin-bottom: 8px;
}

.hp-form__header p::before {
  content: "🏷";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}





.hp-listing__attribute--cancellationpolicy {
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.hp-listing__attribute--cancellationpolicy::before,
.hp-listing__attribute--cancellationpolicy::after {
  content: "";
  flex: 1;
  height: 2px;
  background: linear-gradient(to right, transparent, #c9a84c, transparent);
}





.hp-listing__attribute--cancellationpolicy {
  position: relative;
  cursor: pointer;
}

.hp-cancellation-tooltip {
  display: none;
  position: absolute;
  bottom: 130%;
  left: 50%;
  transform: translateX(-50%);
  background: #1a1a1a;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 0.8rem;
  white-space: nowrap;
  z-index: 999;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.hp-cancellation-tooltip a {
  color: #c9a84c;
  text-decoration: underline;
}

.hp-cancellation-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #1a1a1a;
}

.hp-listing__attribute--cancellationpolicy:hover .hp-cancellation-tooltip {
  display: block;
}





.hp-listing__attribute--cancellationpolicy .hp-cancellation-tooltip {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  transition-delay: 0s;
}

.hp-listing__attribute--cancellationpolicy:hover .hp-cancellation-tooltip {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.1s;
}





.hp-listing-category--view-page .hp-listing-category__name {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
}





@media (max-width: 768px) {
    body.select2-container--open {
        overflow: auto !important;
        height: auto !important;
        width: auto !important;
    }

    html {
        overflow: auto !important;
        height: auto !important;
    }

    .hp-template--listing-search-page body.select2-container--open,
    .hp-template--request-submit-page body.select2-container--open {
        position: static !important;
    }
}




/* ── Remove listing card side margins on mobile for listing category pages ── */
@media (max-width: 768px) {
    .hp-listings .hp-listing,
    .hp-listings .hp-grid__item,
    .hp-listings .wp-block-column,
    .hp-listings {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #listingsColumn,
    #filterColumn {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .wp-block-columns {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}






/* ── Remove margins on search bar columns on mobile ── */
@media (max-width: 768px) {
    .wp-block-columns:has(.hp-form--listing-search),
    .wp-block-columns:has(#customSearchForm) {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        gap: 0 !important;
    }

    .wp-block-columns:has(.hp-form--listing-search) .wp-block-column,
    .wp-block-columns:has(#customSearchForm) .wp-block-column {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .hp-form--listing-search {
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 6px !important;
    }
}





/* ── Hide service request column and title on mobile ── */
@media (max-width: 768px) {
    .wp-block-column:has(#customSearchForm) {
        display: none !important;
    }

    .wp-block-column:has(h6) {
        display: none !important;
    }
}


/* ── Fix Show Map button position on mobile ── */
@media (max-width: 768px) {
    .wp-block-column:has(#mapToggle) {
        order: 0 !important;
        flex-basis: 100% !important;
        width: 100% !important;
        text-align: center !important;
        padding: 8px 0 !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
    }

    .wp-block-columns:has(#mapToggle) {
        flex-wrap: wrap !important;
    }

    #modeTopBtn,
    #modeSideBtn {
        display: none !important;
    }

    #mapToggle {
        position: relative !important;
        top: auto !important;
        left: auto !important;
    }
}








@media (max-width: 768px) {
    #mapToggle {
        position: relative !important;
        left: 22% !important;
    }
}









@media (max-width: 768px) {
    .wp-block-column:has(#mapToggle) > div > span:nth-child(1),
    .wp-block-column:has(#mapToggle) > div > div:nth-child(2) {
        display: none !important;
    }
}






@media (max-width: 768px) {
    .wp-block-column:has(.hp-listing-tags),
    .hp-listing-tags {
        display: none !important;
    }
}










/* ── Equal margins on home page listing cards on mobile ── */
@media (max-width: 768px) {
    body.home .hp-listings {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}





input[name="s"]::placeholder {
    font-size: 15px;
    color: #b0b0b0;
    opacity: 1;
    font-style: italic;
}





input[name="s"].cata-search-focused::placeholder {
    font-size: 12px;
    color: #b5b5b5;
    font-style: italic;
}






/* ===== Checkout: embedded Terms & Conditions scroll box ===== */
.woocommerce-terms-and-conditions {
    background: #0a0a08 !important;
    border: 1px solid rgba(201, 168, 76, 0.3) !important;
    padding: 20px 24px !important;
}

/* Force ALL text inside readable on dark (overrides mixed inline colors) */
.woocommerce-terms-and-conditions,
.woocommerce-terms-and-conditions * {
    color: #e8e4da !important;
}

/* Headings, section labels, and bold terms in brand gold */
.woocommerce-terms-and-conditions h1,
.woocommerce-terms-and-conditions h2,
.woocommerce-terms-and-conditions h3,
.woocommerce-terms-and-conditions h4,
.woocommerce-terms-and-conditions strong,
.woocommerce-terms-and-conditions b {
    color: #c9a84c !important;
}

/* Links */
.woocommerce-terms-and-conditions a {
    color: #c9a84c !important;
    text-decoration: underline;
}




/* ===== Catalani: Pay Now button — booking CARDS only ===== */
.hp-listing--view-block .hp-listing__action--pay {
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
    background: #c9a84c;
    color: #0a0a08 !important;
    padding: 11px 24px;
    border-radius: 4px;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none !important;
    box-shadow: 0 0 0 0 rgba(201, 168, 76, 0.55);
    animation: cl-pay-pulse 2s ease-out infinite;
    transition: background 0.2s;
}

.hp-listing--view-block .hp-listing__action--pay::after {
    content: "Pay Now";
}

.hp-listing--view-block .hp-listing__action--pay .hp-icon {
    font-size: 18px !important;
    color: #0a0a08 !important;
    transition: none;
}

.hp-listing--view-block .hp-listing__action--pay:hover {
    background: #b8923d;
    animation: none;
}

/* View page: keep theme layout, just add the pulse so it still pops */
.hp-listing--view-page .hp-listing__action--pay {
    animation: cl-pay-pulse 2s ease-out infinite;
}

@keyframes cl-pay-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(201, 168, 76, 0.55); }
    70%  { box-shadow: 0 0 0 14px rgba(201, 168, 76, 0); }
    100% { box-shadow: 0 0 0 0 rgba(201, 168, 76, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .hp-listing__action--pay { animation: none !important; }
}









/* ============================================
   CATALANI — CONSOLIDATED CUSTOM CSS
   ============================================ */

/* ---- 1. General: heart icon outline ---- */
.fa-heart:before {
    content: "\f004";
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
}

/* ---- 2. Header ---- */
.header-logo img {
    width: 200px;
    height: 133px;
}

.header-navbar__actions .hp-menu.hp-menu--site-header {
    flex-direction: row-reverse;
}

.hp-menu--site-header .hp-menu__item:not(:last-child) {
    margin-left: 5rem;
    margin-right: 0;
}

/* ---- 3. Buttons ---- */
.button {
    border-radius: 777px;
    padding: 0.5625rem .75rem;
    font-weight: 500;
    box-shadow: 5px 5px 10px #888888;
}

/* ---- 4. Favorite heart: red when active ---- */
.hp-listing--view-block .hp-listing__actions--primary .hp-listing__action--favorite[data-state=active] i,
.hp-listing--view-block .hp-listing__actions--secondary .hp-listing__action--favorite[data-state=active] i,
.hp-listing--view-page .hp-listing__actions--primary .hp-listing__action--favorite[data-state=active] i,
.hp-listing--view-page .hp-listing__actions--secondary .hp-listing__action--favorite[data-state=active] i {
    color: #ff385c !important;
}

/* ---- 5. Favorite heart: pinned over the listing image, top-right ---- */
.hp-listing--view-block {
    position: relative;
}

.hp-listing--view-block .hp-listing__action--favorite {
    position: absolute !important;
    top: 14px;
    right: 14px;
    z-index: 5;
    margin: 0 !important;
}

/* ---- 6. Booking action buttons: side by side, no overlap ----
   NOTE: no position:relative on this container — it would steal
   the favorite heart's anchor and drop it onto the vendor avatar. */
.hp-listing__actions--primary {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.hp-listing__actions--primary .hp-listing__action--pay,
.hp-listing__actions--primary .hp-listing__action--message {
    position: relative !important;
    transform: none !important;
    margin: 0 !important;
    float: none !important;
}

.hp-listing__actions--primary .hp-listing__action--pay {
    width: auto !important;
    flex: 0 0 auto;
}

/* ---- 7. Pay Now: gold button on booking list cards ---- */
.hp-listing--view-block .hp-listing__actions--primary {
    gap: 16px !important;
}

.hp-listing--view-block .hp-listing__action--message {
    order: -1;
}

.hp-listing--view-block .hp-listing__action--pay {
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
    background: #c9a84c;
    color: #0a0a08 !important;
    padding: 11px 24px;
    border-radius: 4px;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none !important;
    box-shadow: 0 0 0 0 rgba(201, 168, 76, 0.55);
    animation: cl-pay-pulse 2s ease-out infinite;
    transition: background 0.2s;
}

.hp-listing--view-block .hp-listing__action--pay::after {
    content: "Pay Now";
}

.hp-listing--view-block .hp-listing__action--pay .hp-icon {
    font-size: 18px !important;
    color: #0a0a08 !important;
    transition: none;
}

.hp-listing--view-block .hp-listing__action--pay:hover {
    background: #b8923d;
    animation: none;
}

/* ---- 8. Pay Now: gold everywhere (incl. booking view page) ---- */
.hp-listing__action--pay,
.hp-listing__action--pay:visited {
    background: #c9a84c !important;
    border-color: #c9a84c !important;
    color: #0a0a08 !important;
}

.hp-listing__action--pay:hover {
    background: #b8923d !important;
    border-color: #b8923d !important;
    color: #0a0a08 !important;
}

.hp-listing__action--pay span,
.hp-listing__action--pay i {
    color: #0a0a08 !important;
}

/* ---- 9. Pay Now pulse animation ---- */
@keyframes cl-pay-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(201, 168, 76, 0.55); }
    70%  { box-shadow: 0 0 0 14px rgba(201, 168, 76, 0); }
    100% { box-shadow: 0 0 0 0 rgba(201, 168, 76, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .hp-listing__action--pay { animation: none !important; }
}








/* ---- 10. Booking attribute rows: spec-sheet styling ---- */
.cl-battr {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    text-align: left;
}

.cl-battr__label {
    font-family: 'Outfit', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #a8862e;
    white-space: nowrap;
}

.cl-battr__label i {
    margin-right: 6px;
    font-size: 12px;
}

.cl-battr__value {
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #0a0a08;
    text-align: right;
}




.cl-battr__label .hp-icon,
.cl-battr__label i {
    margin-right: 6px;
    font-size: 12px;
    color: #a8862e;
}




/* File-upload attributes: show a chip instead of the raw URL */
.cl-battr--file .cl-battr__value a {
    display: inline-block;
    font-size: 0;          /* hides the URL text */
    line-height: 0;
    background: #c9a84c;
    padding: 7px 14px;
    border-radius: 4px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background 0.2s;
}

.cl-battr--file .cl-battr__value a::after {
    content: "View Document";
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1;
    color: #0a0a08;
}






@media (max-width: 768px) {
    /* Hide Total People row on booking list cards — collides with Pay Now */
    .hp-listing--view-block .hp-listing__attribute--quantity {
        display: none !important;
    }
}



@media (max-width: 768px) {
    /* Hide category tag on listing view page only */
    .hp-listing--view-page .hp-listing__categories {
        display: none !important;
    }
}

/* Quantity (attendees) row: match the custom attribute styling */
.hp-listing__attribute--quantity .cl-battr__label {
    font-family: 'Outfit', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase;
    color: #a8862e !important;
}

.hp-listing__attribute--quantity .cl-battr__label i {
    font-size: 12px !important;
    color: #a8862e !important;
}

.hp-listing__attribute--quantity .cl-battr__value {
    font-family: 'Outfit', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #0a0a08 !important;
}

.cl-battr--file .cl-battr__value a:hover {
    background: #b8923d;
}








@media (max-width: 768px) {
    /* Listing view page: hide map, vendor card, and accordion widget on mobile */
    .hp-listing--view-page .hp-listing__map,
    .hp-listing--view-page .hp-vendor--view-block,
    .hp-listing--view-page #custom_html-3 {
        display: none !important;
    }
}






/* Featured page: hide TOP 10 heading on mobile */
@media (max-width: 768px) {
    .cl-top10 {
        display: none !important;
    }
}

/* Raise the AI chat button above the bottom nav bar on mobile */
@media (max-width: 768px) {
    .aipkit_popup_trigger.aipkit_popup_position-bottom-right {
        bottom: 80px !important;
    }
}







/* Injected account submenu — black dark styling */
.injected-account-submenu {
    background: #111111 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.4) !important;
    padding: 6px 0 !important;
}

.injected-account-submenu ul.sub-menu {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.injected-account-submenu ul.sub-menu li,
.injected-account-submenu ul.sub-menu li a {
    list-style: none !important;
    background: transparent !important;
}

.injected-account-submenu ul.sub-menu li a {
    display: block !important;
    padding: 10px 20px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-family: 'Jost', 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    transition: background 0.15s !important;
    border-left: 2px solid transparent !important;
}

.injected-account-submenu ul.sub-menu li a:hover {
    background: rgba(201,165,90,0.1) !important;
    border-left: 2px solid #c9a55a !important;
    color: #ffffff !important;
}

.injected-account-submenu ul.sub-menu li.hp-menu__item--vendor-dashboard::before {
    content: 'MY ACCOUNT';
    display: block !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #c9a55a !important;
    padding: 10px 20px 2px !important;
    font-family: 'Jost', sans-serif !important;
}

.injected-account-submenu ul.sub-menu li.hp-menu__item--listings-feed::before {
    content: 'ACTIVITY';
    display: block !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #c9a55a !important;
    padding: 10px 20px 2px !important;
    font-family: 'Jost', sans-serif !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    margin-top: 4px !important;
}

.injected-account-submenu ul.sub-menu li.hp-menu__item--user-edit-settings::before {
    content: 'SETTINGS';
    display: block !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #c9a55a !important;
    padding: 10px 20px 2px !important;
    font-family: 'Jost', sans-serif !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    margin-top: 4px !important;
}

.injected-account-submenu ul.sub-menu li.hp-menu__item--user-logout {
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    margin-top: 4px !important;
    padding-top: 4px !important;
}

.injected-account-submenu ul.sub-menu li.hp-menu__item--user-logout a {
    color: #ff7c6e !important;
}

.injected-account-submenu ul.sub-menu li.hp-menu__item--user-logout a:hover {
    background: rgba(255,100,80,0.12) !important;
    border-left: 2px solid #ff4433 !important;
    color: #ff4433 !important;
}

.injected-account-submenu ul.sub-menu li {
    list-style: none !important;
}

.header-navbar { padding-left: 0 !important; padding-right: 0 !important; }
.header-navbar__start { margin-left: 12px !important; padding-left: 0 !important; }
.header-logo { margin-left: 0 !important; }
.header-navbar__end { 
    display: flex !important; 
    align-items: center !important; 
    gap: 6px !important; 
    flex: 1 !important; 
    justify-content: flex-end !important; 
}
.header-navbar__end > nav.header-navbar__menu { 
    margin-left: 24px !important; 
    margin-right: 0 !important; 
    flex-shrink: 1 !important; 
}
.header-navbar__globe { order: 1 !important; flex-shrink: 0 !important; }
.header-navbar__actions { 
    order: 2 !important; 
    display: flex !important; 
    align-items: center !important; 
    gap: 0 !important;
    flex-shrink: 0 !important; 
}
.header-navbar__actions .hp-menu.hp-menu--site-header {
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.header-navbar__actions .hp-menu.hp-menu--site-header > li {
    margin: 0 !important;
    padding: 0 !important;
}
.header-navbar__menu > ul > li.menu-item--user-login,
.header-navbar__menu > ul > li.menu-item--user-account { display: none !important; }
.header-navbar__burger { display: none !important; }





@media screen and (max-width: 991px) {
    .header-navbar__actions .hp-menu__item--user-account {
        display: none !important;
    }
    .header-navbar__actions .hp-menu__item--user-login {
        display: none !important;
    }
}






@media screen and (max-width: 991px) {
    .header-navbar__burger {
        display: flex !important;
        margin-right: 6px !important;
        padding-right: 6px !important;
    }
    .header-navbar__actions .hp-menu__item--user-account {
        display: none !important;
    }
    .header-navbar__actions .hp-menu__item--user-login {
        display: none !important;
    }
    .header-navbar__globe {
        margin-left: 2px !important;
        padding-left: 2px !important;
        margin-right: 6px !important;
        padding-right: 6px !important;
    }
    .header-navbar__actions {
        margin-left: 0 !important;
        gap: 0 !important;
    }
    .header-navbar__end {
        gap: 0 !important;
    }
}





.header-navbar__actions .hp-menu__item--user-account {
    margin-right: 12px !important;
}



.header-navbar__end {
    gap: 0px !important;
}




/* Fix 1 — POST A REQUEST bold and icon aligned */
.header-navbar__actions .hp-menu.hp-menu--site-header > li a[href*="request"] {
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.header-navbar__actions .hp-menu.hp-menu--site-header > li a[href*="request"] .hp-icon {
    vertical-align: middle !important;
    position: relative !important;
    top: -1px !important;
}

/* Fix 2 — hide ANDREAS name, show avatar only */
.header-navbar__actions .hp-menu__item--user-account > a > span {
    display: none !important;
}

.header-navbar__actions .hp-menu__item--user-account > a {
    gap: 0 !important;
}

.header-navbar__actions .hp-menu__item--user-account > a img {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    border: 2px solid #c9a55a !important;
    object-fit: cover !important;
}




.header-navbar__menu > ul > li.current-menu-item > a,
.header-navbar__menu > ul > li.current-menu-ancestor > a,
.header-navbar__menu > ul > li > a:hover {
    border-top: none !important;
    padding-top: 0 !important;
}

.header-navbar__menu > ul > li {
    position: relative !important;
}

.header-navbar__menu > ul > li.current-menu-item::before,
.header-navbar__menu > ul > li.current-menu-ancestor::before,
.header-navbar__menu > ul > li:hover::before {
    content: '' !important;
    position: absolute !important;
    top: -100px !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: #e8463a !important;
    z-index: 999 !important;
}







/* Remove permanent highlight on current page */
.header-navbar__menu ul.menu li.current-menu-item > a,
.header-navbar__menu ul.menu li.current-menu-ancestor > a,
.header-navbar__menu ul.menu li a[aria-current="page"] {
    background: none !important;
    animation: none !important;
    box-shadow: none !important;
    padding: 8px 16px !important;
    border-radius: 15px !important;
}

/* Spotlight only on hover */
.header-navbar__menu ul.menu li > a {
    padding: 8px 16px !important;
    border-radius: 15px !important;
    transition: all 0.3s ease-in-out !important;
}

.header-navbar__menu ul.menu li > a:hover {
    background: radial-gradient(circle at center, rgba(255,223,186,0.8) 0%, transparent 70%) !important;
    box-shadow: 0px 0px 20px rgba(255,200,100,0.4) !important;
    transform: scale(1.05) !important;
    animation: spotlight 2s infinite alternate ease-in-out !important;
}

@keyframes spotlight {
    0% {
        background: radial-gradient(circle at center, rgba(255,223,186,0.4) 0%, transparent 70%);
        box-shadow: 0px 0px 10px rgba(255,200,100,0.2);
    }
    100% {
        background: radial-gradient(circle at center, rgba(255,223,186,0.9) 0%, transparent 70%);
        box-shadow: 0px 0px 25px rgba(255,200,100,0.5);
    }
}




/* Push AI Puffer suggestion box below chat content */
.aipkit-popup-wrapper {
    display: flex !important;
    flex-direction: column !important;
}

.aipkit-popup-messages {
    flex: 1 !important;
    overflow-y: auto !important;
    max-height: 300px !important;
}

.aipkit-popup-suggestions-container,
[class*="suggestions"],
[class*="quick-reply"],
[class*="quickreply"] {
    position: relative !important;
    bottom: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    margin-top: 10px !important;
    z-index: 0 !important;
}










@media (max-width: 768px) {
    #media_image-8 {
        display: none !important;
    }
}





/* Hide duplicate slick arrow pseudo-element on listing view page gallery */
.hp-listing__images-carousel .slick-arrow::before,
.hp-listing__image-slider .slick-arrow::before {
    display: none !important;
}



/* Center arrow icon inside black circle on listing view gallery */
.hp-listing__images-carousel .slick-arrow,
.hp-listing__image-slider .slick-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}





/* Hide SCOUTED internal vendor from vendor listing page */
.hp-vendor--view-block a[href*="/host/scouted"],
.hp-vendor--view-block a[href*="/host/scouted7"],
article.hp-vendor--view-block:has(a[href*="/host/scouted"]) {
    display: none !important;
}
article.hp-vendor--view-block:has(a[href*="/host/scouted7"]) {
    display: none !important;
}







/* Hide SCOUTED grid item on vendors page and vendor search results */
body.page-id-2085 .hp-grid__item:has(a[href*="/host/scouted"]),
body.post-type-archive-hp_vendor .hp-grid__item:has(a[href*="/host/scouted"]),
body.hp-vendors .hp-grid__item:has(a[href*="/host/scouted"]) {
    display: none !important;
}







/* Make SCOUTED vendor profile non-clickable but keep listing cards clickable */
.hp-grid__item:has(a[href*="/host/scouted"]) a[href*="/host/scouted"] {
    pointer-events: none !important;
    cursor: default !important;
}






















/* Fix Select2 dropdowns on mobile — request submit page and all forms */
@media (max-width: 768px) {
    .hp-template--request-submit-page .select2-container--open .select2-dropdown,
    .hp-template--request-submit-page .select2-dropdown {
        position: fixed !important;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-height: 50vh !important;
        overflow-y: auto !important;
        z-index: 999999 !important;
        border-radius: 12px 12px 0 0 !important;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.2) !important;
    }

    .hp-template--request-submit-page .select2-container--open {
        z-index: 999999 !important;
    }

    .hp-template--request-submit-page body.select2-container--open,
    .select2-container--open body {
        position: static !important;
        overflow: auto !important;
        height: auto !important;
        width: auto !important;
    }

    /* Prevent body lock when dropdown opens */
    body.select2-container--open {
        position: static !important;
        overflow: auto !important;
        height: auto !important;
        width: auto !important;
    }
}











/* Fix Select2 dropdown positioning on submit listing repeatable fields */
.hp-template--listing-submit-page .select2-dropdown {
    position: fixed !important;
    top: auto !important;
    bottom: 40vh !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 280px !important;
    max-height: 40vh !important;
    overflow-y: auto !important;
    z-index: 999999 !important;
}




.hp-listing--view-block .hp-listing__content {
  height: 12.5rem;
  overflow: hidden;
}







/* ===== Keyword suggestions: lock row backgrounds (script resets them to white on mouseleave) ===== */
html body > div[style*="z-index: 999999"][style*="max-height: 300px"] > a,
html body > div[style*="z-index: 999999"][style*="max-height: 300px"] > a:link,
html body > div[style*="z-index: 999999"][style*="max-height: 300px"] > a:visited,
html body > div[style*="z-index: 999999"][style*="max-height: 300px"] > a:active {
  background: #141412 !important;
  background-color: #141412 !important;
  color: #f2ede4 !important;
}

html body > div[style*="z-index: 999999"][style*="max-height: 300px"] > a:hover,
html body > div[style*="z-index: 999999"][style*="max-height: 300px"] > a:focus,
html body > div[style*="z-index: 999999"][style*="max-height: 300px"] > a:focus-visible {
  background: #221f19 !important;
  background-color: #221f19 !important;
  color: #c9a55a !important;
}

html body > div[style*="z-index: 999999"][style*="max-height: 300px"] > a:hover *,
html body > div[style*="z-index: 999999"][style*="max-height: 300px"] > a:focus * {
  color: #c9a55a !important;
  -webkit-text-fill-color: #c9a55a !important;
}

/* ===== Listing cards: Message Host icon (matches listing number) ===== */
.hp-listing .hp-listing__action--message .hp-icon,
.hp-listing .hp-listing__action--message i {
  color: rgba(242, 237, 228, .78) !important;
  opacity: 1 !important;
}
.hp-listing .hp-listing__action--message:hover .hp-icon,
.hp-listing .hp-listing__action--message:hover i {
  color: #c9a55a !important;
}

/* ===== Search bar: no white flash on page load (dark from first paint) ===== */
html[data-cata-theme="dark"] body form.hp-form.hp-form--wide.hp-form--primary.hp-block.hp-form--listing-search {
  background-color: #0a0a08 !important;
  border-color: rgba(201, 165, 90, .22) !important;
}
html[data-cata-theme="dark"] body form.hp-form.hp-form--wide.hp-form--primary.hp-block.hp-form--listing-search .hp-form__fields {
  background-color: transparent !important;
}
html[data-cata-theme="dark"] body form.hp-form.hp-form--wide.hp-form--primary.hp-block.hp-form--listing-search .hp-form__fields .hp-form__field {
  background-color: transparent !important;
  border-color: rgba(201, 165, 90, .22) !important;
}
html[data-cata-theme="dark"] body form.hp-form.hp-form--wide.hp-form--primary.hp-block.hp-form--listing-search .cat-fp-clear-inline {
  background-color: transparent !important;
  color: #8b6d38 !important;
  border-color: rgba(200, 169, 110, .6) !important;
}
html[data-cata-theme="dark"] body form.hp-form.hp-form--wide.hp-form--primary.hp-block.hp-form--listing-search input.hp-field:-webkit-autofill,
html[data-cata-theme="dark"] body form.hp-form.hp-form--wide.hp-form--primary.hp-block.hp-form--listing-search input.hp-field:-webkit-autofill:hover,
html[data-cata-theme="dark"] body form.hp-form.hp-form--wide.hp-form--primary.hp-block.hp-form--listing-search input.hp-field:-webkit-autofill:focus,
html[data-cata-theme="dark"] body form.hp-form.hp-form--wide.hp-form--primary.hp-block.hp-form--listing-search input.hp-field:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #1a1915 inset !important;
  box-shadow: 0 0 0 1000px #1a1915 inset !important;
  -webkit-text-fill-color: #f2ede4 !important;
}

/* ===== Map price-marker popup: dark compact card (thumbnail left, title + price right) ===== */
.gm-style .gm-style-iw.gm-style-iw-c:has(.hp-listing--map-block) {
  background: #141412 !important;
  border: 1px solid rgba(201, 165, 90, .45) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .6) !important;
  padding: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
}
.gm-style .gm-style-iw-tc::after {
  background: #141412 !important;
}
.gm-style .gm-style-iw-c:has(.hp-listing--map-block) .gm-style-iw-d {
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  padding: 0 !important;
}
.gm-style .gm-style-iw-c:has(.hp-listing--map-block) .gm-style-iw-ch {
  display: none !important;
}
.gm-style .gm-style-iw-c:has(.hp-listing--map-block) .gm-style-iw-chr {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: auto !important;
  height: auto !important;
  z-index: 5 !important;
}
.gm-style .gm-style-iw-c:has(.hp-listing--map-block) button.gm-ui-hover-effect {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  bottom: auto !important;
  left: auto !important;
  width: 30px !important;
  height: 30px !important;
  background: rgba(10, 10, 8, .75) !important;
  border-radius: 50% !important;
  opacity: 1 !important;
}
.gm-style .gm-style-iw-c:has(.hp-listing--map-block) button.gm-ui-hover-effect span {
  background-color: #f2ede4 !important;
  width: 16px !important;
  height: 16px !important;
  margin: 7px !important;
}
.gm-style .hp-listing.hp-listing--map-block {
  background: #141412 !important;
  width: 270px;
}
.gm-style .hp-listing--map-block h5.hp-listing__title {
  display: grid !important;
  grid-template-columns: 96px 1fr;
  grid-template-rows: 1fr auto;
  column-gap: 12px;
  row-gap: 6px;
  align-items: start;
  margin: 0 !important;
  padding: 10px 40px 10px 10px !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  color: #f2ede4 !important;
}
.gm-style .hp-listing--map-block .hp-listing__title .hp-listing__slider {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 96px !important;
  height: 96px !important;
  margin: 0 !important;
  border-radius: 8px;
  overflow: hidden;
}
.gm-style .hp-listing--map-block .hp-listing__slider .slick-list,
.gm-style .hp-listing--map-block .hp-listing__slider .slick-slide,
.gm-style .hp-listing--map-block .hp-listing__slider img {
  height: 96px !important;
}
.gm-style .hp-listing--map-block .hp-listing__slider .slick-slide {
  width: 96px !important;
}
.gm-style .hp-listing--map-block .hp-listing__slider img {
  width: 100% !important;
  object-fit: cover !important;
}
.gm-style .hp-listing--map-block .hp-listing__slider .slick-arrow {
  display: none !important;
}
.gm-style .hp-listing--map-block .hp-listing__title > a {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
  padding: 0 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #f2ede4 !important;
  text-decoration: none !important;
}
.gm-style .hp-listing--map-block .hp-listing__title > a:hover {
  color: #c9a55a !important;
}
.gm-style .hp-listing--map-block .hp-listing__title span.hp-listing__price {
  grid-column: 2;
  grid-row: 2;
  padding: 0 !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #c9a55a !important;
  white-space: nowrap;
}
.gm-style .hp-listing--map-block .hp-listing__title .hp-listing__verified-badge {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
  align-self: center;
  font-size: 13px !important;
  color: #c9a55a !important;
}

/* ===== Search pages: keep "Show Map" button visible — lift the claim-listing banner above it ===== */
body:has(#mapToggle) a.ccp-return {
  bottom: 72px !important;
}

/* ===== Listing page: Message Host box — visible icons + cleaner layout (button untouched) ===== */
body.hp-template--listing-view-page .hp-listing__actions.hp-listing__actions--primary.hp-widget {
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 22px 20px 10px !important;
  background: linear-gradient(180deg, #151512 0%, #0e0e0c 100%) !important;
  border: 1px solid rgba(201, 165, 90, .22) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35) !important;
}
body.hp-template--listing-view-page .hp-listing__actions.hp-listing__actions--primary.hp-widget > .hp-listing__action--message {
  margin: 0 0 18px !important;
}
body.hp-template--listing-view-page .hp-listing__actions.hp-listing__actions--primary.hp-widget > a.hp-listing__action {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 13px 6px !important;
  border-top: 1px solid rgba(201, 165, 90, .14) !important;
  color: rgba(242, 237, 228, .82) !important;
  font-size: 15px !important;
  text-decoration: none !important;
  transition: color .2s ease;
}
body.hp-template--listing-view-page .hp-listing__actions.hp-listing__actions--primary.hp-widget > a.hp-listing__action .hp-icon,
body.hp-template--listing-view-page .hp-listing__actions.hp-listing__actions--primary.hp-widget > a.hp-listing__action i {
  flex: 0 0 34px;
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: rgba(201, 165, 90, .1) !important;
  border: 1px solid rgba(201, 165, 90, .3) !important;
  color: #c9a55a !important;
  font-size: 14px !important;
  opacity: 1 !important;
  transition: background .2s ease, color .2s ease;
}
body.hp-template--listing-view-page .hp-listing__actions.hp-listing__actions--primary.hp-widget > a.hp-listing__action span {
  color: inherit !important;
}
body.hp-template--listing-view-page .hp-listing__actions.hp-listing__actions--primary.hp-widget > a.hp-listing__action:hover {
  color: #c9a55a !important;
}
body.hp-template--listing-view-page .hp-listing__actions.hp-listing__actions--primary.hp-widget > a.hp-listing__action:hover .hp-icon,
body.hp-template--listing-view-page .hp-listing__actions.hp-listing__actions--primary.hp-widget > a.hp-listing__action:hover i {
  background: #c9a55a !important;
  color: #0a0a08 !important;
}
body.hp-template--listing-view-page .hp-listing__actions.hp-listing__actions--primary.hp-widget > a.hp-listing__action--report,
body.hp-template--listing-view-page .hp-listing__actions.hp-listing__actions--primary.hp-widget > a.hp-listing__action--report:hover {
  color: rgba(242, 237, 228, .55) !important;
}
body.hp-template--listing-view-page .hp-listing__actions.hp-listing__actions--primary.hp-widget > a.hp-listing__action--report:hover {
  color: #e07a6a !important;
}
body.hp-template--listing-view-page .hp-listing__actions.hp-listing__actions--primary.hp-widget > a.hp-listing__action--report .hp-icon,
body.hp-template--listing-view-page .hp-listing__actions.hp-listing__actions--primary.hp-widget > a.hp-listing__action--report i {
  background: rgba(224, 122, 106, .08) !important;
  border-color: rgba(224, 122, 106, .3) !important;
  color: #e07a6a !important;
}
body.hp-template--listing-view-page .hp-listing__actions.hp-listing__actions--primary.hp-widget > a.hp-listing__action--report:hover .hp-icon,
body.hp-template--listing-view-page .hp-listing__actions.hp-listing__actions--primary.hp-widget > a.hp-listing__action--report:hover i {
  background: #e07a6a !important;
  color: #0a0a08 !important;
}

/* ===== Single listing (mobile only): center Share / Favorites / "saved this" stack ===== */
@media (max-width: 767px) {
  body.hp-template--listing-view-page .hp-page__topbar {
    flex-wrap: wrap !important;
  }
  body.hp-template--listing-view-page .hp-page__topbar .hp-listing__actions--secondary.csh-row {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    margin: 12px auto 0 !important;
    text-align: center !important;
  }
  body.hp-template--listing-view-page .hp-page__topbar .hp-listing__actions--secondary.csh-row > * {
    margin: 0 !important;
    justify-content: center !important;
    align-self: center !important;
  }
}

/* ===== Single listing (mobile only): "Priced on other sites" tooltip fully visible — spans the row width ===== */
@media (max-width: 767px) {
  body.hp-template--listing-view-page .hp-listing__attribute:has(.cl-fee-tip) {
    position: relative !important;
  }
  body.hp-template--listing-view-page .hp-listing__attribute .cl-fee-tip {
    position: static !important;
  }
  body.hp-template--listing-view-page .hp-listing__attribute .cl-fee-tip__box {
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: none !important;
    bottom: calc(100% + 8px) !important;
    transform: none !important;
    z-index: 50 !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }
  body.hp-template--listing-view-page .hp-listing__attribute .cl-fee-tip__box::after {
    display: none !important;
  }
}

/* ===== Single listing: sticky booking bar (price, Scout Meter, favorite, share, Check availability) on desktop too ===== */
@media (min-width: 1025px) {
  body.single-hp_listing .cab.has-listing {
    display: block !important;
    left: 50% !important;
    right: auto !important;
    width: auto !important;
    max-width: 560px !important;
    transform: translateX(-50%) !important;
  }
  body.single-hp_listing .cab.has-listing .cab-listing-only {
    display: flex !important;
  }
  body.single-hp_listing .cab.has-listing .cab-nav {
    display: none !important;
  }
}

/* Single listing: lift the claim-listing banner above the sticky booking bar */
body.single-hp_listing a.ccp-return {
  bottom: 96px !important;
}

/* ===== Sticky booking bar (phones/tablets): full price + Scout Meter visible, no overlap ===== */
@media (max-width: 1024px) {
  .cab.has-listing .cab-listing {
    gap: 6px !important;
  }
  .cab.has-listing .cab-price {
    flex: 1 0 auto !important;
    min-width: max-content !important;
  }
  .cab.has-listing .cab-price b {
    font-size: 16px !important;
  }
  .cab.has-listing .cab-price span {
    font-size: 12px !important;
  }
  .cab.has-listing .cab-price small {
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 11px !important;
  }
  .cab.has-listing .cab-icon-btn {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
  }
  .cab.has-listing .cab-cta {
    flex: 0 1 auto !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }
}

/* ===== Write a Review pop-up: visible gold stars, compact rating row, close button always visible ===== */
#review_submit_modal .hp-form__fields {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  column-gap: 8px;
  row-gap: 16px;
}
#review_submit_modal .hp-form__fields > .hp-form__field {
  grid-column: 1 / -1;
  margin: 0 !important;
}
#review_submit_modal .hp-form__fields > .hp-form__field--rating {
  grid-column: auto;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 10px 4px;
  border: 1px solid rgba(201, 165, 90, .2);
  border-radius: 10px;
  background: rgba(255, 255, 255, .02);
  text-align: center;
}
#review_submit_modal .hp-form__field--rating .hp-field__label {
  margin: 0 !important;
  font-size: 10.5px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase;
  white-space: nowrap;
}
#review_submit_modal .hp-rating-stars {
  display: flex !important;
  justify-content: center !important;
  gap: 2px !important;
  width: auto !important;
  height: auto !important;
}
#review_submit_modal .hp-rating-stars i {
  font-size: 14px !important;
  width: auto !important;
  margin: 0 !important;
  height: auto !important;
  color: rgba(242, 237, 228, .25) !important;
  cursor: pointer;
  transition: color .15s ease, transform .15s ease;
}
#review_submit_modal .hp-rating-stars i.active,
#review_submit_modal .hp-rating-stars:hover i {
  color: #c9a55a !important;
}
#review_submit_modal .hp-rating-stars i:hover ~ i {
  color: rgba(242, 237, 228, .25) !important;
}
#review_submit_modal .hp-rating-stars i:hover {
  transform: scale(1.15);
}
#review_submit_modal .hp-form__field--textarea textarea {
  min-height: 110px !important;
  height: 110px;
}
#review_submit_modal .hp-modal__title {
  margin-bottom: 14px !important;
}
#review_submit_modal.fancybox-content,
#review_submit_modal {
  max-height: calc(100vh - 40px);
  overflow-y: auto !important;
}
#review_submit_modal .fancybox-close-small {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 5 !important;
  color: #f2ede4 !important;
  opacity: 1 !important;
}
#review_submit_modal .hp-rating-stars input {
  display: none !important;
}
@media (max-width: 600px) {
  #review_submit_modal .hp-form__fields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* ===== Host (vendor) card: visible Message + Follow buttons ===== */
.hp-vendor .hp-vendor__actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
}
.hp-vendor a.hp-vendor__action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  height: 36px !important;
  margin: 0 !important;
  border: 1px solid rgba(201, 165, 90, .45) !important;
  border-radius: 999px !important;
  background: rgba(201, 165, 90, .08) !important;
  color: #f2ede4 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background .2s ease, color .2s ease;
}
.hp-vendor a.hp-vendor__action--message {
  width: 36px !important;
  padding: 0 !important;
}
.hp-vendor a.hp-vendor__action--follow {
  padding: 0 16px !important;
}
.hp-vendor a.hp-vendor__action .hp-icon,
.hp-vendor a.hp-vendor__action i {
  margin: 0 !important;
  color: #c9a55a !important;
  font-size: 14px !important;
  opacity: 1 !important;
  transition: color .2s ease;
}
.hp-vendor a.hp-vendor__action span {
  color: inherit !important;
}
.hp-vendor a.hp-vendor__action:hover {
  background: #c9a55a !important;
  color: #0a0a08 !important;
}
.hp-vendor a.hp-vendor__action:hover .hp-icon,
.hp-vendor a.hp-vendor__action:hover i {
  color: #0a0a08 !important;
}

/* ===== Single listing (mobile only): smaller "Booking Available From / To" text ===== */
@media (max-width: 767px) {
  body.hp-template--listing-view-page .hp-listing__attribute--booking-min-time,
  body.hp-template--listing-view-page .hp-listing__attribute--booking-max-time {
    font-size: 13px !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
  }
  body.hp-template--listing-view-page .hp-listing__attribute--booking-min-time .hp-icon,
  body.hp-template--listing-view-page .hp-listing__attribute--booking-max-time .hp-icon,
  body.hp-template--listing-view-page .hp-listing__attribute--booking-min-time i,
  body.hp-template--listing-view-page .hp-listing__attribute--booking-max-time i {
    font-size: 13px !important;
  }
}


/* ===== Home (mobile only): Trending slider full width — cards line up with the listing grid margins ===== */
@media (max-width: 767px) {
  body.home .slider-listings {
    padding: 0 !important;
  }
  body.home .slider-listings .slick-list {
    margin: 0 -16px !important;
  }
  body.home .slider-listings .slick-prev {
    left: 6px !important;
  }
  body.home .slider-listings .slick-next {
    right: 6px !important;
  }
}

/* ===== Listing cards (all sizes): footer stays on one line, icons centered ===== */
.hp-listing--view-block .hp-listing__footer {
  flex-wrap: nowrap !important;
  align-items: center !important;
}
.hp-listing--view-block .hp-listing__footer .hp-listing__attributes--primary {
  flex-wrap: nowrap !important;
  align-items: center !important;
  min-width: 0 !important;
}
.hp-listing--view-block .hp-listing__footer .hp-listing__attribute--virtual,
.hp-listing--view-block .hp-listing__footer .hp-listing__attribute--price,
.hp-listing--view-block .hp-listing__footer .hp-listing__attribute--price * {
  white-space: nowrap !important;
}
.hp-listing--view-block .hp-listing__footer .hp-listing__attribute--virtual {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.hp-listing--view-block .hp-listing__footer .hp-listing__attribute--price {
  flex-shrink: 0 !important;
}
.hp-listing--view-block .hp-listing__footer .hp-listing__actions--primary {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
}
.hp-listing--view-block .hp-listing__footer .hp-listing__action--message {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  top: 0 !important;
}
.hp-listing--view-block .hp-listing__footer .hp-listing__action--message .hp-icon {
  margin: 0 !important;
}

/* ===== Listing cards: compact footer when the card itself is narrow (in-between window sizes + small phones) ===== */
.hp-listing.hp-listing--view-block {
  container-type: inline-size;
  container-name: clcard;
}
@container clcard (max-width: 340px) {
  .hp-listing--view-block .hp-listing__footer {
    flex-wrap: nowrap !important;
    align-items: center !important;
    padding: 14px 14px !important;
  }
  .hp-listing--view-block .hp-listing__footer .hp-listing__attributes--primary {
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin-right: 8px !important;
    min-width: 0 !important;
  }
  .hp-listing--view-block .hp-listing__footer .hp-listing__attribute--virtual {
    margin-right: 8px !important;
    font-size: 11.5px !important;
    white-space: nowrap !important;
  }
  .hp-listing--view-block .hp-listing__footer .hp-listing__attribute--virtual .hp-gallery-cam-btn {
    width: 20px !important;
    height: 20px !important;
  }
  .hp-listing--view-block .hp-listing__footer .hp-listing__attribute--price {
    font-size: 12px !important;
    padding: 4px 7px !important;
    white-space: nowrap !important;
  }
  .hp-listing--view-block .hp-listing__footer .hp-listing__attribute--price * {
    white-space: nowrap !important;
  }
  .hp-listing--view-block .hp-listing__footer .hp-listing__actions--primary {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
  }
  .hp-listing--view-block .hp-listing__footer .hp-listing__actions--primary .hp-icon {
    font-size: 13px !important;
  }
  .hp-listing--view-block .hp-listing__footer .hp-listing__actions--primary img {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
  }
  .hp-listing--view-block .hp-listing__footer .hp-listing__action--message {
    width: auto !important;
  }
  .hp-listing--view-block .hp-listing__footer .hp-listing__action--message .hp-icon {
    margin: 0 !important;
  }
}


/* ===== Menu tab for in-between desktop widths (992px–1199px) ===== */
@media (min-width: 992px) and (max-width: 74.99em) {
  html body .header-navbar .header-navbar__burger {
    display: flex !important;
    order: 3;
  }
  html body .header-navbar .header-navbar__burger > a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: 36px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(201,165,90,.55) !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: #c9a55a !important;
    text-decoration: none !important;
    transition: background .2s, color .2s;
  }
  html body .header-navbar .header-navbar__burger > a i,
  html body .header-navbar .header-navbar__burger > a small {
    display: none !important;
  }
  html body .header-navbar .header-navbar__burger > a::after {
    content: "Menu";
    font-family: "Cormorant Garamond", serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 1;
  }
  html body .header-navbar .header-navbar__burger > a:hover {
    background: #c9a55a !important;
    color: #000 !important;
  }
}


/* ===== Why List? (page-id-1362) — Black & Gold Header Hero ===== */
body.page-id-1362 .header-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #0a0a08 !important;
  background-position: center 40% !important;
  background-clip: padding-box !important;
  padding: 70px 0 64px !important;
  border-bottom: 1px solid rgba(201, 165, 90, .35);
}
body.page-id-1362 .header-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #c9a55a;
  mix-blend-mode: color;
  pointer-events: none;
}
body.page-id-1362 .header-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at center, rgba(10,10,8,.4) 0%, rgba(10,10,8,.75) 70%, rgba(10,10,8,.95) 100%),
    linear-gradient(180deg, rgba(10,10,8,.3) 0%, rgba(10,10,8,.9) 100%);
}
body.page-id-1362 .header-hero .header-hero__content {
  position: relative;
  z-index: 2;
}
body.page-id-1362 .header-hero .page__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  font-size: clamp(40px, 5vw, 64px) !important;
  letter-spacing: .01em;
  line-height: 1.1;
  color: #f5efe2 !important;
  margin: 0 !important;
}
body.page-id-1362 .header-hero .page__title::before {
  content: "For Property Owners";
  display: block;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .42em;
  text-transform: uppercase;
  color: #c9a55a;
  margin-bottom: 18px;
}
body.page-id-1362 .header-hero .page__title::after {
  content: "";
  display: block;
  width: 64px;
  height: 1px;
  background: #c9a55a;
  margin: 22px auto 0;
}

/* ===== Desktop squeeze fix: collapse nav into hamburger (992px–1499px) ===== */
@media (min-width: 992px) and (max-width: 1499.98px) {
  html body .header-navbar .header-navbar__menu {
    display: none !important;
  }
  html body .header-navbar .header-navbar__end {
    justify-content: flex-end !important;
  }
  html body .header-navbar .header-navbar__burger {
    display: flex !important;
    order: 1 !important;
    align-items: center !important;
  }
  html body .header-navbar .header-navbar__actions {
    order: 2 !important;
  }
  html body .header-navbar .header-navbar__burger > a:not(#cl-x) {
    display: flex !important;
    transform: translateX(96px) !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
  }
  html body .header-navbar .header-navbar__burger > a:not(#cl-x)::after {
    display: none !important;
  }
  html body .header-navbar .header-navbar__burger > a:not(#cl-x) i {
    display: block !important;
    font-size: 30px !important;
    color: #c9a55a !important;
  }
  html body .header-navbar .header-navbar__burger > a:not(#cl-x) small {
    display: none !important;
  }
  html body .header-navbar .header-navbar__burger > a:not(#cl-x):hover i {
    color: #fff !important;
  }
  html body .header-navbar .header-navbar__actions .hp-menu__item--request-submit {
    display: none !important;
  }
  /* Keep open menu below the WP admin bar when logged in */
  html body.admin-bar .header-navbar .header-navbar__burger > ul.menu {
    top: 32px !important;
  }
}


/* ===== Why List? (page-id-1362) — card titles visible on load + gold step icons ===== */
body.page-id-1362 .bah-benefit-title {
  color: #f5efe2 !important;
}
body.page-id-1362 .bah-benefit-body,
body.page-id-1362 .bah-benefit-body p {
  color: rgba(242, 237, 228, .82) !important;
}
body.page-id-1362 .bah-benefit-body strong {
  color: #c9a55a !important;
}
body.page-id-1362 .bah-how-step-img {
  filter: grayscale(1) invert(1) sepia(1) saturate(2.4) hue-rotate(-8deg) brightness(.95) !important;
  mix-blend-mode: screen !important;
  background: transparent !important;
}

/* ===== Standby Local (3982) + Monthly Flex Stay (4468): header matches List Your Property ===== */
body.page-id-3982 .header-hero,
body.page-id-4468 .header-hero { position: relative; isolation: isolate; overflow: hidden; border-bottom: 1px solid rgba(201, 165, 90, 0.35); background-color: rgb(10, 10, 8) !important; background-position: center 40% !important; background-clip: padding-box !important; padding: 70px 0px 64px !important; }
body.page-id-3982 .header-hero::before,
body.page-id-4468 .header-hero::before { content: ""; position: absolute; inset: 0px; z-index: 0; background: rgb(201, 165, 90); mix-blend-mode: color; pointer-events: none; }
body.page-id-3982 .header-hero::after,
body.page-id-4468 .header-hero::after { content: ""; position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: radial-gradient(rgba(10, 10, 8, 0.4) 0%, rgba(10, 10, 8, 0.75) 70%, rgba(10, 10, 8, 0.95) 100%), linear-gradient(rgba(10, 10, 8, 0.3) 0%, rgba(10, 10, 8, 0.9) 100%); }
body.page-id-3982 .header-hero .header-hero__content,
body.page-id-4468 .header-hero .header-hero__content { position: relative; z-index: 2; }
body.page-id-3982 .header-hero .page__title,
body.page-id-4468 .header-hero .page__title { letter-spacing: 0.01em; line-height: 1.1; font-family: "Cormorant Garamond", serif !important; font-weight: 400 !important; font-size: clamp(40px, 5vw, 64px) !important; color: rgb(245, 239, 226) !important; margin: 0px !important; }
body.page-id-3982 .header-hero .page__title::before,
body.page-id-4468 .header-hero .page__title::before { content: ""; display: block; font-family: inherit; font-size: 13px; font-weight: 600; letter-spacing: 0.42em; text-transform: uppercase; color: rgb(201, 165, 90); margin-bottom: 18px; }
body.page-id-3982 .header-hero .page__title::after,
body.page-id-4468 .header-hero .page__title::after { content: ""; display: block; width: 64px; height: 1px; background: rgb(201, 165, 90); margin: 22px auto 0px; }
body.page-id-3982 .header-hero .page__title::before { content: "Film / Events Industry"; }
body.page-id-4468 .header-hero .page__title::before { content: "Furnished Monthly Stays"; }
