/*
Theme Name:   Listingpro Child
Theme URI:    [http://studio.cridio.com/listingpro/](http://studio.cridio.com/listingpro/)
Description:  Listingpro Child Theme
Author:       cridio team
Author URI:   [http://cridio.com/](http://cridio.com/)
Template:     listingpro
Version:      1.0.0
Tags:         listingpro, directory, listing, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  listingpro
*/

/* ==================== Add Listing Button ==================== */
.header-list-icon-st6 {
background-color: #C88700 !important;
color: #fff !important;
padding: 2px 10px;
border-radius: 4px;
display: inline-block;
text-decoration: none;
}

.header-list-icon-st6:hover {
background-color: #f4b030 !important;
color: #fff !important;
}

/* ==================== Blockquote Icon ==================== */
blockquote .e-font-icon-svg {
width: 20px;
height: 20px;
}

/* ==================== Pricing Plan Buttons ==================== */
.lp-price-free.btn {
background-color: #c88700 !important;
color: #ffffff !important;
border: none !important;
border-radius: 6px;
padding: 10px 25px !important;
font-weight: 600;
text-transform: uppercase;
box-shadow: 0 4px 10px rgba(0,0,0,0.25);
transition: all 0.3s ease-in-out;
cursor: pointer;
}

.lp-price-free.btn:hover {
background-color: #f4b030 !important;
color: #ffffff !important;
box-shadow: 0 6px 14px rgba(0,0,0,0.3);
transform: translateY(-2px);
}

.lp-price-free.btn:active {
background-color: #e67a00 !important;
transform: translateY(0);
}

.package-type::after {
content: " / Per Month";
color: #ff8a00;
font-weight: 500;
margin-left: 4px;
font-size: 0.95em;
}

/* ==================== Logo Positioning ==================== */
.lp-logo-container img {
position: relative;
left: 100px;
top: 0px;
}

/* ==================== Checkout Buttons ==================== */
button.lp_payment_step_next {
background-color: #f4b030 !important;
transition: all 0.3s ease;
}

button.lp_payment_step_next:hover {
background-color: #c88700 !important;
box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}

/* ==================== Invoice Styling ==================== */
.checkout-invoice-area {
border: 2px solid #f4b030;
border-radius: 5px;
overflow: hidden;
}

.checkout-invoice-area .top-heading-area {
background-color: #f2f2f2;
border-bottom: 2px solid #f4b030;
padding: 15px 0;
}

.checkout-invoice-area .top-heading-area p {
color: #e3e3e3;
font-weight: bold;
}

.checkout-invoice-area .top-heading-area .col-md-4:first-child img {
margin-left: 70px;
}

/* ==================== Search Dropdown (Select2) ==================== */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted {
background-color: #F4B030 !important;
color: #fff !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
background-color: #F4B030 !important;
color: #fff !important;
}

.select2-container--default .select2-dropdown {
border: 1px solid #F4B030 !important;
}

/* ==================== Main Menu Underline ==================== */
.lp-menu ul li a {
position: relative;
display: inline-block;
padding-bottom: 5px;
transition: color 0.3s ease;
}

.lp-menu ul li a::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background-color: #ffffff;
transition: width 0.3s ease;
}

.lp-menu ul li a:hover::after,
.lp-menu ul li.current-menu-item > a::after {
width: 100%;
}

/* ==================== Buttons: Upgrade / Save & Preview ==================== */
.btn.btn-default,
button.btn-default,
input[type="submit"].btn.btn-default {
background-color: #F4B030 !important;
border-color: #F4B030 !important;
color: #ffffff !important;
transition: all 0.3s ease;
}

.btn.btn-default:hover,
button.btn-default:hover,
input[type="submit"].btn.btn-default:hover {
background-color: #C88700 !important;
border-color: #C88700 !important;
color: #ffffff !important;
}

#listingsubmitBTN.lp-secondary-btn.btn-first-hover {
background-color: #f4b030 !important;
border-color: #f4b030 !important;
color: #fff !important;
}

#listingsubmitBTN.lp-secondary-btn.btn-first-hover:hover {
background-color: #d89a28 !important;
border-color: #d89a28 !important;
color: #fff !important;
}

/* ==================== Pricing Boxes ==================== */
.pricing_plans_v2 {
float: left;
margin: 0 5px 30px 5px;
box-sizing: border-box;
width: 100%;
}

.pricing_plans_v2 .lp-price-main {
border: 2px solid #f4b030 !important;
border-radius: 14px !important;
padding: 10px !important;
background: #fff !important;
position: relative;
transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, transform 0.35s cubic-bezier(0.22,1,0.36,1);
box-sizing: border-box;
}

.pricing_plans_v2 .lp-price-main:hover {
box-shadow: 0 16px 38px rgba(0,0,0,0.25) !important;
transform: translateY(-10px);
border-color: #f4b030 !important;
}

.pricing_plans_v2:first-child .lp-price-main {
border-left: 2px solid #f4b030 !important;
}

/* Responsive Pricing Boxes */
@media (min-width: 992px) { .pricing_plans_v2 { width: calc(33.3333% - 10px); } }
@media (min-width: 768px) and (max-width: 991px) { .pricing_plans_v2 { width: calc(50% - 10px); } }
@media (max-width: 767px) { .pricing_plans_v2 { width: 100%; margin: 0 0 20px 0; } }

/* ==================== Locations / City Boxes ==================== */
.lp-section-content-container.classic-locations .cities-app-view,
.lp-section-content-container.classic-locations .col-md-2,
.lp-section-content-container.classic-locations .col-md-4,
.lp-section-content-container.classic-locations .col-sm-4,
.lp-section-content-container.classic-locations .col-sm-2 {
width: 33.33% !important;
float: left !important;
padding: 5px !important;
max-width: 33.33% !important;
flex: none !important;
}

.lp-section-content-container.classic-locations .city-thumb {
height: 280px !important;
overflow: hidden !important;
}

.lp-section-content-container.classic-locations .city-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
/* === Mobile: Locations should show 1 per row === */
@media (max-width: 767px) {
    .lp-section-content-container.classic-locations .cities-app-view,
    .lp-section-content-container.classic-locations .col-md-2,
    .lp-section-content-container.classic-locations .col-md-4,
    .lp-section-content-container.classic-locations .col-sm-4,
    .lp-section-content-container.classic-locations .col-sm-2 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
    }

    .lp-section-content-container.classic-locations .city-thumb {
        height: auto !important;
    }
}

/* ==================== Misc Elements ==================== */
.lp-hide-show-price-features {
font-size: 20px !important;
color: #000 !important;
font-weight: 600;
}

.lp-hide-show-price-features:hover {
color: #333 !important;
}

/* Breadcrumbs */
ul.breadcrumbs,
ul.breadcrumbs li,
ul.breadcrumbs li a,
ul.breadcrumbs li span {
font-size: 18px !important;
color: #000 !important;
}

ul.breadcrumbs li a:hover {
color: #000 !important;
text-decoration: underline;
}

ul.breadcrumbs li + li:before {
content: "›";
padding: 0 8px;
color: #000;
}

/* ==================== Search Form Dropdown ==================== */
.form-group.lp-search-cats-filter-dropdown .input-group.border-dropdown {
background-color: #f4b030 !important;
min-height: 46px !important;
height: 46px !important;
display: flex;
align-items: center;
padding: 0 10px !important;
border-radius: 6px;
transition: box-shadow 0.25s ease-in-out;
}

.form-group.lp-search-cats-filter-dropdown .input-group.border-dropdown:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

.form-group.lp-search-cats-filter-dropdown .input-group-addon.lp-border {
height: 100% !important;
display: flex;
align-items: center;
padding: 0 12px !important;
background-color: #f4b030 !important;
color: #000 !important;
border: none !important;
}

/* Chosen Dropdown */
#searchcategory_chosen .chosen-single {
background-color: #f4b030 !important;
border: none !important;
color: #000 !important;
height: 34px !important;
line-height: 34px !important;
padding: 0 10px !important;
border-radius: 4px;
}

#searchcategory_chosen .chosen-single span { line-height: 34px !important; }
#searchcategory_chosen .chosen-single div { top: 6px !important; }

#searchcategory_chosen .chosen-drop {
border: 1px solid #f4b030 !important;
background: #fff !important;
}

#searchcategory_chosen .chosen-results li { color: #000 !important; }
#searchcategory_chosen .chosen-results li.highlighted {
background: #f4b030 !important;
color: #000 !important;
}

/* ==================== Claim / Choose Plan Buttons ==================== */
.lp-secondary-btn.lp-secondary-choose.lp-claim-plan-btn {
background-color: #f4b030 !important;
border-color: #f4b030 !important;
color: #fff !important;
box-shadow: none !important;
}

.lp-secondary-btn.lp-secondary-choose.lp-claim-plan-btn:hover,
.lp-secondary-btn.lp-secondary-choose.lp-claim-plan-btn:active,
.lp-secondary-btn.lp-secondary-choose.lp-claim-plan-btn:focus {
background-color: #f4b030 !important;
border-color: #d99b29 !important;
color: #fff !important;
box-shadow: 0 4px 12px rgba(244,176,48,0.4) !important;
transform: translateY(-1px);
}

/* Plan Check Icons */
.lp-listprc i.awesome_plan_icon_check.fa-check-circle {
color: #f4b030 !important;
}

/* ==================== Reviews / Stars ==================== */
.lp-rating-stars-outers .lp-star-box.filled i.fa-star { color: #f4b030 !important; }

.rate.lp-rate-good {
background-color: #f4b030 !important;
color: #fff !important;
}

.rate.lp-rate-good sup { color: #fff !important; }

/* ==================== Single Listing Inner Sections ==================== */
.single-inner-container .post-detail-content,
.single-inner-container .features-listing,
.single-inner-container .open-hours,
.single-inner-container .widget-bg-color,
.single-inner-container .review-form {
background-color: #fdfdfd;
border: 2px solid rgba(0,0,0,0.08);
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
border-radius: 6px;
padding: 15px;
transition: all 0.3s ease;
}

.single-inner-container .post-detail-content:hover,
.single-inner-container .features-listing:hover,
.single-inner-container .open-hours:hover,
.single-inner-container .widget-bg-color:hover,
.single-inner-container .review-form:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.12);
background-color: #fff;
border-color: rgba(0,0,0,0.12);
}

/* FAQ Accordion Titles */
.single-inner-container .accordion-title {
font-size: 18px !important;
font-weight: 600;
}

/* Google Address Button */
a[data-type="gaddress"].googleAddressbtn {
background-color: #f4b030 !important;
border-color: #f4b030 !important;
color: #fff !important;
}

a[data-type="gaddress"].googleAddressbtn:hover {
background-color: #d99b29 !important;
border-color: #d99b29 !important;
color: #fff !important;
}

/* Remove Hours Link */
.day-hours .remove-hours {
background: none !important;
border: none !important;
padding: 0 !important;
width: auto !important;
height: auto !important;
line-height: 1 !important;
border-radius: 0 !important;
box-shadow: none !important;
display: inline-block !important;
vertical-align: middle !important;
}

.day-hours .remove-hours i {
font-size: 16px !important;
color: #000 !important;
background: none !important;
display: inline !important;
}

/* Submit Review Button */
#clicktoreview.secondary-btn {
background-color: #f4b030 !important;
border-color: #f4b030 !important;
color: #fff !important;
}

#clicktoreview.secondary-btn i.fa-star { color: #fff !important; }

/* Author Profile Link */
.lp-author-profile-link a {
display: inline-flex;
justify-content: center;
align-items: center;
min-width: 100px;
height: 40px;
background-color: #fff !important;
border: 1px solid #ccc !important;
color: #666 !important;
font-size: 14px;
text-decoration: none;
border-radius: 4px;
box-sizing: border-box;
white-space: nowrap;
padding: 0 15px;
position: relative;
left: -20px;
top: 15px;
}
/* Fix Select2 width issue on mobile */
@media (max-width: 767px) {
    .select2-container {
        width: 100% !important;
        max-width: 100% !important;
    }

    .lp-search-bar .select2-container--default .select2-selection--single {
        width: 100% !important;
    }

    .lp-search-bar .select2-selection__rendered {
        white-space: normal !important;
    }
}
/* Add grey line between feature sections */
.featuresDataContainerOuterSubmit .featuresDataContainer {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

/* Remove last grey line for cleaner look */
.featuresDataContainerOuterSubmit .featuresDataContainer:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
/* Align custom form checkboxes in 3 columns */
.featuresDataContainer .radio-inline.checkbox {
    width: 33.33% !important;      /* 3 per row */
    float: left !important;        /* force alignment */
    margin: 0 0 10px 0 !important; /* spacing between rows */
    padding: 5px 0 !important;
}

/* Make labels align nicely */
.featuresDataContainer .radio-inline.checkbox label {
    white-space: normal !important; /* allow wrapping */
    display: inline-block !important;
    vertical-align: middle !important;
    line-height: 1.3em !important;
}
.select2-container .select2-search__field {
    height: 70px !important;         /* Adjust height to match your design */
    padding: 0 10px !important;      /* Optional: horizontal padding */
    display: flex !important;
    align-items: center !important;  /* Vertically centers text */
    box-sizing: border-box !important;
}
/* Hide mobile hamburger menu on single listings */
@media only screen and (max-width: 1024px) {
    body.single-listing .mobile-nav-icon {
        display: none !important;
        visibility: hidden !important;
    }
}
/* Make text above the search filter white */
.elementor-element-787f8043 p {
    color: #ffffff !important;
}
/* Standard button style */
input.lp-price-free.lp-without-prc.btn {
    background-color: #f29f03 !important;  /* Desktop & Mobile base color */
    color: #ffffff !important;             /* Button text color */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Light shadow */
    border: none !important;
    transition: all 0.3s ease;
}

/* Hover state */
input.lp-price-free.lp-without-prc.btn:hover {
    background-color: #f4b030 !important;  /* Hover color */
    box-shadow: 0 6px 8px rgba(0,0,0,0.15); /* Slightly stronger shadow on hover */
}

/* Ensure mobile sees the same style */
@media (max-width: 768px) {
    input.lp-price-free.lp-without-prc.btn {
        background-color: #f29f03 !important;
        color: #ffffff !important;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
    }
    input.lp-price-free.lp-without-prc.btn:hover {
        background-color: #f4b030 !important;
        box-shadow: 0 6px 8px rgba(0,0,0,0.15) !important;
    }
}