/*
Theme Name: Listivo Child
Theme URI: https://listivotheme.com/
Author: TangibleDesign
Author URI: https://tangibledesign.net/
Description: Listivo
Template: listivo
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: translation-ready
Text Domain: listivo
*/

/* Hide the old "View shop" button in the panel header (Elementor widget with id) */

/* Account Menu widget: show user dropdown on hover */
.listivo-menu-v2__account--widget:hover .listivo-user-dropdown,
.listivo-menu-v2__user-menu:hover .listivo-user-dropdown,
.listivo-user-dropdown:hover {
    opacity: 1;
    visibility: visible;
}

/* Map search: toggle map panel */
.mt-map-toggle-bar {
    display: flex;
    justify-content: flex-end;
    margin: 12px 0;
}

.mt-map-toggle {
    min-height: 40px;
}

.listivo-map-search__right.is-hidden {
    display: none !important;
}

.listivo-map-search.mt-map-hidden {
    grid-template-columns: 1fr !important;
}

.listivo-map-search.mt-map-hidden .listivo-map-search__left {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
}

.mt-filters-toggle-bar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    margin: 12px 0 12px;
}

.mt-filters-toggle {
    min-height: 44px;
    padding: 10px 18px;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
}

.mt-map-toggle {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
}

.mt-filters-wrapper.mt-filters-hidden {
    display: none;
}

/* Map width when visible */
.listivo-map-search__right {
    flex: 0 0 40% !important;
    max-width: 40% !important;
}

.listivo-map-search__left {
    flex: 0 0 60% !important;
    max-width: 60% !important;
}

/* User listings widget: filters bar */
.listivo-user-listings__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.listivo-user-listings__summary {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.listivo-user-listings__count {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #f5f8fb;
    border-radius: 12px;
    font-weight: 600;
}

.listivo-user-listings__count-number {
    font-size: 18px;
    line-height: 1.2;
}

.listivo-user-listings__count-label {
    font-size: 14px;
    line-height: 1.2;
    color: #5d6b7a;
}

.listivo-user-listings__label {
    font-size: 18px;
    font-weight: 600;
    color: #2a3946;
}

.listivo-user-listings__controls {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.listivo-user-listings__control {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.listivo-user-listings__control-label {
    font-size: 13px;
    font-weight: 600;
    color: #2a3946;
}

.listivo-user-listings__control .listivo-input {
    min-width: 240px;
    border: 1px solid transparent;
    background: #f5f8fb;
    box-shadow: none;
    transition: border-color .2s ease, background-color .2s ease;
    padding: 12px 16px;
    border-radius: 10px;
    height: auto;
}

.listivo-user-listings__select {
    min-width: 180px;
    padding-right: 36px;
    background: #fff url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%232A3946' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid transparent;
    background-color: #f5f8fb;
    padding: 12px 16px;
    border-radius: 10px;
    height: auto;
}

.listivo-user-listings__control--submit .listivo-button {
    min-height: 44px;
}

/* Search Map: toggle filters button + hidden state */
.mt-map-toggle-bar--inline {
    margin: 12px 0 8px;
    display: flex;
    justify-content: flex-start;
}

.mt-map-toggle-bar--inline .mt-map-toggle {
    min-height: 44px;
    padding: 10px 18px;
    font-weight: 700;
}

.listivo-search-map-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 12px;
    padding: 0 16px;
}

.listivo-toggle-filters {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 12px;
    border: 1px solid #d7dfe6;
    background: #fff;
    color: #2a3946;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
}

.listivo-toggle-filters:hover {
    border-color: #ff6633;
    box-shadow: 0 5px 15px rgba(255, 102, 51, 0.12);
}

.listivo-map-search-wrapper.listivo-filters-hidden.listivo-map-search-wrapper--results-view .listivo-map-search__left {
    display: none;
}

.listivo-map-search-wrapper.listivo-filters-hidden.listivo-map-search-wrapper--results-view .listivo-map-search__right {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}