/* CSS PS Company Srl */

.hide-pr, .hidden-by-iso, .hidden-by-uni, .hidden-by-din, .hidden-by-c, .hidden-by-f, .hidden-by-count, .hidden-by-sm, .hidden-by-text{
    display: none !important;
}

p, input, div{
    font-family: "Spartan", Sans-serif;
}

/* CSS SELECT */
.searchable-select {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px;
}

.searchable-select input, .searchable-select div{
    font-size: 13px;
    font-weight: 600;
}

.searchInput {
    width: 100%;
    padding: 10px 30px 10px 10px;
    box-sizing: border-box;
    border: 1px solid #ffffff;
    border-radius: 50px !important;
    cursor: pointer;
}

/* Icona all'interno dell'input */
.icon-container {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 5px;
    background-image: url('https://www.fmspa.com/wp-content/uploads/2023/12/Icon-ionic-ios-arrow-down.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

.options-container {
    position: absolute;
    background-color: #fff;
    width: 100%;
    border: 1px solid #ccc;
    border-top: none; /* Rimuove il bordo superiore per "unirlo" con l'input */
    box-sizing: border-box;
    max-height: 200px;
    overflow-y: auto;
    z-index: 10; /* Assicurati che la lista delle opzioni sia sopra gli altri elementi */
    display: none; /* Nascondiamo la lista delle opzioni all'inizio */
}

.option {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.option:hover {
    background-color: #f9f9f9;
}

.ps_trattamenti_container{
    margin-top: 10px;
}

p.ps_singolo_trattamento{
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 500;
    margin-bottom: 10px;
}

.ps_divisore_trattamenti{
    border-top: 1px solid black;
    margin-bottom: 10px;
}

.ps_divisore_famiglie{
    border-top: 1px solid #005AC7;
    margin-bottom: 10px;
    width: 95%;
}

.ps_rotated {
    transform: rotate(180deg);
}

.page #ps_title_finiture{
    cursor: pointer !important;
}
.page  #ps_title_finiture p{
    display: flex;
}
#ps_famiglia_mobile p, #ps_famiglia_mobile_single p{
    display: flex;
    cursor: pointer;
}
.page #ps_freccia, #ps_freccia_bis{
    margin-left: auto;
    width: 14px !important;
}

#ps_title_finiture p{
    cursor: pointer;
}

.ps_singolo_famiglia{
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
    margin-bottom: 10px;
    font-weight: 500;
}

.ps_active_famiglia a{
    color: #004CAC !important;
    font-weight: 600;
}

.ps_singolo_famiglia a{
    color: #000000 !important;
}


/* blocco singolo prodotto loop */

.ps-grid-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 30px;
    align-items: flex-start;
    align-content: flex-start;
}

.ps_singolo_prodotto {
    flex: 0 0 240px;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border: 1px solid #000000;
    box-sizing: border-box;
}

.ps_singolo_prodotto_nome_famiglia{
    font-size:10px;
    font-weight: 500;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0 !important;
}

.ps_singolo_div_img {
    display: flex; /* Usa Flexbox per centrare l'elemento */
    align-items: center; /* Centra verticalmente l'immagine nel div */
    justify-content: center; /* Centra orizzontalmente l'immagine nel div */
    height: 200px; /* Definisci un'altezza per il div se non è già definita */
}
.ps_singolo_prodotto_img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    max-width: 100%; /* Assicurati che l'immagine non superi la larghezza del div */
    max-height: 100%; /* Assicurati che l'immagine non superi l'altezza del div */
    height: auto;
}

.ps_singolo_prodotto_button {
    width: 100%;
    padding: 10px 0;
    background-color: #005AC7;
    color: white;
    text-align: left;
    text-decoration: none;
    font-size: 12px;
    border: none;
    box-sizing: border-box;
    margin-top: auto;
    transition: background-color 0.3s ease;
    display: flex;
    margin-bottom: 0 !important;
    font-weight: 600;
}

.ps_singolo_prodotto_button a {
    color: white;
    text-decoration: none;
    display: block; /* Rende l'ancora un blocco per riempire il bottone */
    margin-left: 10px;
}

.ps_singolo_prodotto_button a:hover{
    color: white;
}

.ps_singolo_prodotto_title{
    color: #004CAC !important;
    font-size: 12px;
    font-weight: 700;
    margin: 20px 20px 10px 10px;
    height: 100px;
}

.ps_singolo_prodotto_norme{
    color: black !important;
    font-size: 10px;
}

.ps_freccia_button{
    margin-left: auto;
}

.ps_singola_sub_macro{
    font-size: 12px;
    font-weight: 600;
    margin-left: 10px;
    cursor: pointer;
}

.ps_singola_sub_macro:hover{
    color: #004CAC !important;
}

.ps_singola_sotto_famiglia{
    font-size: 10px;
    font-weight: 600;
    margin-left: 15px;
}

.ps_singola_sotto_famiglia a, .ps_singola_sub_macro a{
    color: #000000 !important;
}

.ps_active_famiglia, .ps_active_sotto_famiglia a, .ps_active_submacro{
    color: #004CAC !important;
    font-weight: 600;
}

.ps_singola_sotto_famiglia a:hover, .ps_singola_sub_macro a:hover{
    color: #004CAC !important;
}

/* TABELLE pagina prodotto */
.ps_table table{
    width: 100%;
    /*table-layout: fixed !important;*/
    background-color: #EBEBEB;
    border-collapse: separate; /* Questo è necessario per usare border-spacing */
    border-spacing: 1px; /* Imposta la spaziatura desiderata qui */
    color: #000000 !important;
    font-size: 13px;
    font-weight: 500;
    max-height: 900px;
    overflow-x: auto;
    /*display: block;*/
    /*table-layout: fixed;*/
}

.postid-23806 .ps_table table, .postid-24267 .ps_table table, .postid-24266 .ps_table table, .postid-24269 .ps_table table, .postid-24268 .ps_table table{
    table-layout: fixed !important;
}

.ps_table table td{
    text-align: center;
}

.ps_table_imballo {
    max-height: 900px;
    overflow-x: auto;
    display: block;
}

.ps_table table tr td:first-child{

    background: #679EDE !important; /* Sfumatura blu */
    /*background: linear-gradient(to right, #7FACE2, #005AC6) !important; Sfumatura blu */
    color: white !important; /* Testo bianco */
    font-weight: bold;

}

.blue-gradient-bis{
    background: #679EDE !important; /* Sfumatura blu */
    color: white !important; /* Testo bianco */

}

#ps_single_filettatura span{
    color: #000000 !important;
    font-weight: 600 !important;
}

#ps_single_classe span{
    color: #000000 !important;
    font-weight: 600 !important;
}

#ps_single_famiglia span{
    color: #000000 !important;
    font-weight: 600 !important;
}

/* Responsive */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .ps-grid-container {
        justify-content: center; /* Centra gli elementi in una singola colonna */
    }

    .ps_singolo_prodotto {
        flex: 0 0 100%;
    }

}

@media only screen and (max-width: 767px) {
    .ps-grid-container {
        justify-content: center; /* Centra gli elementi in una singola colonna */
    }

    .ps_singolo_prodotto {
        flex: 0 0 100%;
    }

    .ps_table table{
        display: block;
    }
}

#top{

    color: white !important;
    background-color: #005AC7;
    font-family: "Spartan", Sans-serif !important;
    border-radius: 30px !important;
    font-family: "Spartan", Sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 600;

}

#top a{
    color: white !important;
}

#ps-load-more{
    border-radius: 30px !important;    
    text-transform: uppercase !important;
    font-family: "Spartan", Sans-serif !important;
    font-weight: 600;
}