/**
 * WooCommerce Grid Switcher
 * Frontend CSS
 * Version 1.0.0
 */

/* ==========================
   CONTENEDOR
========================== */

.wcgs-switcher{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin:0 0 30px;
}

.wcgs-switcher-inner{
    display:flex;
    align-items:center;
    gap:15px;
}

.wcgs-label{
    font-size:14px;
    font-weight:600;
    color:#666;
    white-space:nowrap;
}

/* ==========================
   BOTONES
========================== */

.wcgs-buttons{
    display:flex;
    gap:8px;
}

.wcgs-button{

    width:42px;
    height:42px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    background:#fff;
    border:1px solid #dcdcdc;
    border-radius:6px;

    cursor:pointer;

    transition:all .25s ease;

    padding:0;

}

.wcgs-button:hover{

    border-color:#222;

}

.wcgs-button.active{

    background:#222;

    color:#fff;

    border-color:#222;

}

/* ==========================
   ICONOS
========================== */

.wcgs-icon{

    display:grid;

    gap:2px;

    margin-bottom:3px;

}

.wcgs-button[data-columns="2"] .wcgs-icon{

    grid-template-columns:repeat(2,5px);

}

.wcgs-button[data-columns="3"] .wcgs-icon{

    grid-template-columns:repeat(3,5px);

}

.wcgs-button[data-columns="4"] .wcgs-icon{

    grid-template-columns:repeat(4,5px);

}

.wcgs-button[data-columns="5"] .wcgs-icon{

    grid-template-columns:repeat(5,5px);

}

.wcgs-button[data-columns="6"] .wcgs-icon{

    grid-template-columns:repeat(6,5px);

}

.wcgs-square{

    width:5px;
    height:5px;

    background:currentColor;

    border-radius:1px;

}

.wcgs-number{

    font-size:10px;

    line-height:1;

    font-weight:600;

}

/* ==========================
   RESPONSIVE
========================== */

@media(max-width:999px){

    .wcgs-switcher{

        justify-content:center;

    }

}

@media(max-width:690px){

    .wcgs-switcher-inner{

        flex-wrap:wrap;

        justify-content:center;

        gap:10px;

    }

    .wcgs-label{

        display:none;

    }

}

.nectar-shop-header-bottom .right-side .wcgs-switcher{
    margin:0 20px 0 0;
    display:flex;
    align-items:center;
}

/* Integración Salient */
.nectar-shop-header-bottom .right-side{
    display:flex;
    align-items:center;
}

.nectar-shop-header-bottom .right-side .wcgs-switcher{
    margin-right:auto !important;
    margin-left:0 !important;
    padding-left:0 !important;
    order:-1;
}

.nectar-shop-header-bottom .right-side .woocommerce-result-count{
    margin-left:20px;
}

/* Salient */
.nectar-shop-header-bottom{
    display:flex;
    align-items:center;
}

.nectar-shop-header-bottom > .wcgs-switcher{
    margin:0 30px 0 0 !important;
    flex-shrink:0;
}