/*
Theme Name: Aerra Child
Author: WebGeniusLab
Author URI: http://webgeniuslab.net
Description: WebGeniusLab team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!
Version: 1.0
Template: aerra
Text Domain: aerra-child
*/

/* =========================================================
   SAMPOL · Portfolio multifiltro
   ========================================================= */


/* Header del portfolio */
.sampol-portfolio-header {
    display: block !important;
}


/* Contenedor completo de filtros */
.sampol-portfolio-filters {
    width: 100%;
    max-width: none;
    margin-top: 40px;
}


/* RESET / TODO */
.sampol-filter-reset {
    margin-bottom: 20px;
}


/* Cada bloque: Sectores / Zonas / Servicios */
.sampol-filter-group {
    margin-bottom: 18px;
}


/* Título del bloque */
.sampol-filter-title {
    display: block;
    margin-bottom: 7px;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
}


/* Fila de botones */
.sampol-filter-options {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}


/* Botones */
.sampol-filter-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: auto;
    min-width: 0;

    padding: 5px 10px;

    border: 1px solid currentColor;
    border-radius: 999px;

    background: transparent;

    font-size: 15px;
    line-height: 1.2;
    text-decoration: none;

    transition:
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease;
}


/* Activo */
.sampol-filter-button.active {
    background: #1b1b1b;
    border-color: #1b1b1b;
    color: #fff;
}


/* Hover */
.sampol-filter-button:hover {
    background: #1b1b1b;
    border-color: #1b1b1b;
    color: #fff;
}


/* Elimina posibles estilos WGL heredados */
.sampol-portfolio-filters a {
    text-decoration: none;
}
/* SAMPOL · Permitir interacción con los filtros del portfolio */
.sampol-portfolio-filters {
    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
}

.sampol-portfolio-filters .sampol-filter-button {
    position: relative;
    z-index: 11;
    pointer-events: auto !important;
}

/* Los pseudo-elementos de Aerra son decorativos y no deben interceptar clics */
.wgl-portfolio_header::before,
.wgl-portfolio_header::after {
    pointer-events: none !important;
}

/* SAMPOL · Estados de los filtros */

/* Estado normal / focus: siempre blanco */
.sampol-filter-button,
.sampol-filter-button:focus,
.sampol-filter-button:focus-visible {
    background: #fff !important;
    color: #1b1b1b !important;
    border-color: #1b1b1b !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Seleccionado: siempre negro, incluso después del clic */
.sampol-filter-button.active,
.sampol-filter-button.active:focus,
.sampol-filter-button.active:focus-visible {
    background: #1b1b1b !important;
    color: #fff !important;
    border-color: #1b1b1b !important;
}

/* Hover */
.sampol-filter-button:hover {
    background: #1b1b1b !important;
    color: #fff !important;
    border-color: #1b1b1b !important;
}