/* ===================================================================================

* Theme Name: Listygo Child
* Theme URI:    https://radiustheme.com/demo/wordpress/listygo
* Description: Listygo is one of the latest and unique responsive Listing Directory WordPress Theme
* Version: 1.0
* Author: RadiusTheme
* Author URI: https://www.radiustheme.com/
* Template: listygo
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, editor-style, featured-images, post-formats, sticky-post, threaded-comments, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

/* ===================== custom-css-start-here ================================= */

.rtcl .rtcl-list-view .product-box {
    width: 100%;
    padding: 30px;
    display: grid !important;
    align-items: center;
    box-shadow: none;
    grid-template-columns: 0.5fr 1fr;
    height: auto !important;
}

body.rtcl-account, body.rtcl-account>.rtcl, html{
    height: auto !important;
}

.rtcl-active-filters-wrap {
    flex-wrap: wrap;
}

.page-header:has(.single-listing-carousel-wrap) * {
    height: 100%;
}

.page-header:has(.single-listing-carousel-wrap) {
    height: 450px;
}

.page-header:has(.single-listing-carousel-wrap) img {
    object-fit: cover;
}

.separate-registration-form iframe,
.rtcl-user-registration-wrapper iframe {
    height: revert-layer;
}
#rtcl-contact-g-recaptcha iframe {
    height: revert-layer;
}
.rtcl-user-registration-wrapper input.rtcl-btn.rtcl-btn-primary,
.separate-registration-form input.rtcl-btn.rtcl-btn-primary {
    margin-top: 16px;
}
.rtcl-single-custom-fields .rtcl-cf-properties .rtcl-cfp-item {
    flex-wrap: wrap;
    color: var(--color-body);
    border-radius: 6px;
    align-items: center !important;
    background-color: #fff;
    display: grid;
    grid-template-columns: 50% 1fr;
}
.rtcl-checkout-pricing h3.rtcl-pricing-title {
    background-color: #fff !important;
    color: black !important;
    text-align: start !important;
    border-bottom: 1px dotted #d6d6d6;
    font-size: 20px !important;
    padding-top: 20px !important;
}
.rtcl-checkout-pricing-inner .rtcl-pricing-btn label {
    border: 1px solid #e7191f !important;
    background-color: #fff3f4;
    color: #e7191f !important;
   
}
.rtcl .rtcl-checkout-pricing-wrapper span.rtcl-pricing-price {
    color: black !important;
    font-size: 40px !important;
}
.rtcl-checkout-pricing-inner .rtcl-membership-promotions .promotion-item>span:before {
    color: #e7191f !important;
    background: none !important;
    
}
.rtcl-checkout-pricing-inner .rtcl-pricing-btn input[type="radio"]:checked + label {
    background: #e7191f !important;
    color: #fff !important;
}
/* ── Password field + eye toggle ───────────────────────────── */
.rtcl-user-pass-wrap {
    position: relative;
    display: block;          /* NOT flex — keeps validation below */
}

/* input full width with room for eye icon */
.rtcl-user-pass-wrap input,
.rtcl-user-pass-wrap input.rtcl-password {
    width: 100%;
    padding-right: 48px !important;
    font-size: 16px !important;
    -webkit-appearance: none;
    border-radius: 4px;
    box-sizing: border-box;
}

/* eye icon overlays the input on the right */
.rtcl-user-pass-wrap .rtcl-toggle-pass {
    position: absolute;
    right: 10px;
    top: 70%;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 10px;
    margin: -10px;
    z-index: 10;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    -webkit-user-select: none;
    line-height: 1;
}

/* strength bar / validation — stays below, full width */
.rtcl-user-pass-wrap .rtcl-pass-strength-result,
.rtcl-user-pass-wrap .help-block,
.rtcl-user-pass-wrap .with-errors {
    display: block;
    width: 100%;
    margin-top: 4px;
}

/* confirm password checkmark */
.rtcl .confirm-password-wrap .rtcl-checkmark {
    height: 15px;
    position: absolute;
    right: 45px;
    top: 70%;
    width: 15px;
    transform: translateY(-50%);
}
.rtcl .confirm-password-wrap .rtcl-checkmark {
    height: 15px;
    position: absolute;
    right: 45px;
    top: 50%;
    width: 15px;
    transform: translateY(-50%);
}
#billing_state_field .rtcl-input-wrapper {
    display: flex;
    flex-direction: column;
}

#billing_state_field .select2 {
    order: 1;
}

#billing_state_field .with-errors {
    order: 2;
    margin-top: 5px;
}
/* Hide optional text */
#billing_state_field .optional {
    display: none !important;
}

/* Add required star */
#billing_state_field label::after {
    content: " *";
    color: #e7191f;
    font-weight: 700;
}

#rtcl-store-settings label[for="rtcl-store-name"]::after,
#rtcl-store-settings label[for="rtcl-store-id"]::after {
    content: " *";
    color: #e7191f;
    font-weight: 700;
}
.product-box .item-content .listing-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 70px;
}



.product-box .item-content p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 52px;
}

#rtcl-compare-btn-wrap a.rtcl-compare-btn, #rtcl-compare-panel-btn
 {
    text-align: center;
}
.fa-x-twitter:before {
    content: "\e61b" !important;
}
.offcanvas-logo img {
    background:none !important;
}

@media screen and (max-width:767px) {
    .rtcl .rtcl-list-view .product-box {
        gap: 20px;
    }
  .rtcl-widget-ajax-filter-wrapper .rtcl-ajax-filter-floating-mobile {
        background: #e7191f !important;
        border-radius: 20px !important;
        
    }
    .footer-logo {
    display: flex
;
    align-items: center;
    justify-content: center;
}

}

@media screen and (max-width:576px) {
    .rtcl .rtcl-list-view .product-box {
        grid-template-columns: 1fr;
    }
}