/* CSS - single product & product list */

.logged-container {
    display: flex;
    gap: 10px
}

.logged-container a {
    display: flex;
    border: 1px solid white;
    border-radius: 25px;
    padding: 5px;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: transparent;
}

.logged-container a:hover {
    background-color: var(--btn-hover);
    transition: all 1.5s;
    cursor: pointer;
}

.logged-container .material-icons {
    line-height: 0.9;
}

#product #content.page-content {
    width: 100%;
    max-width: 100%;
}

#product h1,
.category-title-container h1,
.page-header:not(#index .page-header) {
    width: fit-content;
    margin: 0 auto 60px auto
}

#product .product-information .product-description *,
#tab-content p {
    font-size: 16px;
    font-family: worksans, sans-serif !important;
    color: var(--writing-color) !important;
    font-weight: 400 !important;
}

#product .product-cover {
    max-height: 500px;
    display: flex;
}

#product .product-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 500px;
}

#product #main .images-container .js-qv-mask.scroll {
    width: 100%;
}

#product ul.product-images.js-qv-product-images {
    display: flex;
    margin-bottom: 0;
    height: 190px;
    gap: 10px;
}

#product .images-container .product-images>li.thumb-container>.thumb {
    margin: 0;
    height: 100%;
    object-fit: cover;
    width: auto;
    position: relative;
}

#product .scroll-box-arrows i {
    position: absolute;
    bottom: 0;
    height: 190px;
    line-height: 190px;
    font-size: 35px;
}

#product .product-images>li.thumb-container>.thumb.selected, 
#product .product-images>li.thumb-container>.thumb:hover {
    border: none;
    filter: brightness(0.8);
    transition: all 0.3s ease-in-out;
}

#product .product-prices {
    display: flex;
    gap: 5px;
    color: var( --bg-color);
}

#product .product-prices .current-price-value {
    font-size: 45px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
}

.product-date-form .form-field {
    padding: 10px;
}

.product-date-form .form-control-label {
    padding-top: 0;
}

.product-date-form {
    display: flex;
    border: var(--borders-input);
    border-radius: 10px;
}

.product-date-form .date-field-container {
    width: 70%;
}
.product-date-form .form-field.select-field.number-select-field {
    width: 30%;
}

.product-date-form .form-field.date-field {
    width: 50%;
}


.product-date-form .form-field.select-field.number-select-field .form-control.select {
    width: 100%;
}

.product-date-form .date-field-container {
    display: flex;
}

fieldset.form-field.date-field {
    border-right: var(--borders-input);
}

#product .input-group .form-control,
#product .product-date-form .form-field.select-field.number-select-field .form-control.select {
    background-color: transparent;
    width: 100%;
    border-radius: 10px;
}

.property-manager-info {
    background: #ffffff;
}

#product .input-group-addon {
    display: none;
}

/* cms page */
#wrapper .breadcrumb ol {
    width: fit-content;
    margin: auto;
}


/* Tri */
#js-product-list-top,
.sort-order-container {
    display: flex;
    flex-direction: column;
}

#category .products-selection .sort-by {
    margin: 0 0 10px 0 !important;
    text-align: left !important;
}

/* navigation à facette */
#search_filters .facet .facet-label {
    display: flex;
    align-items: center;
}

#search_filters .facet .facet-label .custom-checkbox {
    top: 2px !important;
}

#search_filters .facet .facet-title {
    color: var(--green) !important;
}

#search_filters>.h6,
.products-selection .sort-by {
    text-transform: initial !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: var(--bg-color);
}

.products-sort-order .select-list {
    width: 100%;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0 rgba(0,0,0,.2);
}

/* user account */
#registration .input-column {
    width: 100%;
}

/* more info on hover */
.more-info .tooltip {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 7px;
    padding: 15px;
    position: fixed;
    top: -1000px;
    width: fit-content;
    min-width: 450px;
}

.more-info:hover .tooltip {
    opacity: 1;
    top: 18%;
}

.roja45propertymanager-addon-container .more-info .tooltip p {
    text-align: center !important;
    width: 100% !important;
} 

.tooltip-title {
    font-family: worksans, sans-serif;
    font-size: 21.6px;
    color: var(--writing-color);
    margin-bottom: 20px;
    font-weight: 600;
}

/* Media quieries */
@media screen and (min-width: 768px) {

    #product .product-container .col-md-6.left-col{
        padding: 0 20px 0 0 ;
    }
    
    #product .product-container .col-md-6.right-col{
        padding: 0 0 0 20px;
    }

}

p {
    font-size: .875rem;
    font-weight: 400;
    color: #232323;
    font-family: worksans;
}

/* products list */

#search_filters .facet .facet-label {
    display: flex;
    flex-wrap: wrap;
}