.elementor-155 .elementor-element.elementor-element-95247af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-155 .elementor-element.elementor-element-b74f468{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-155 .elementor-element.elementor-element-05db3dd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-155 .elementor-element.elementor-element-c738c58{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-155 .elementor-element.elementor-element-4ac0d1e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-155 .elementor-element.elementor-element-2634bdd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-155 .elementor-element.elementor-element-0e547c7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-155 .elementor-element.elementor-element-a2e91f8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-155 .elementor-element.elementor-element-b74f468{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-155 .elementor-element.elementor-element-b74f468{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-c52ae6f */:root {
    --tathau-bg: #121212;
    --tathau-card-bg: #1a1a1a;
    --tathau-border: #121212;
    --tathau-primary: #dfb19f; /* Colorazione oro rosa tipica del brand */
    --tathau-text-light: #ffffff;
    --tathau-text-muted: #999999;
}

.tathau-search-container {
    background-color: var(--tathau-bg);
    color: var(--tathau-text-light);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    padding: 40px 32px;
    
    /* Occupa tutto lo spazio disponibile del contenitore padre, con un limite massimo generoso */
    width: 100%;
    max-width: 1140px; /* Si espande comodamente su desktop, perfetto per integrarsi nella home */
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 24px;
    border: 1px solid var(--tathau-border);
}
/* Ottimizzazione griglia filtri su schermi larghi */
@media (min-width: 992px) {
    /* Le pillole si allargano uniformemente */
    .tathau-pills-group {
        gap: 16px;
    }
    
    .tathau-pill {
        padding: 16px 20px;
        font-size: 14px;
    }
    
    .tathau-search-container {
        padding: 40px;
        border: 1px solid var(--tathau-border); /* Dà risalto al box se posizionato su sfondo chiaro o neutro */
    }
}
.tathau-search-header {
    text-align: center;
    margin-bottom: 24px;
}

.tathau-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--tathau-text-light);
}

.tathau-subtitle {
    font-size: 13px;
    color: var(--tathau-text-muted);
    margin: 0;
}

.tathau-section {
    margin-bottom: 20px;
}

.tathau-label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tathau-text-muted);
    margin-bottom: 10px;
}

/* Macro categorie a pillola */
.tathau-pills-group {
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.tathau-pill {
    flex: 1;
    background-color: var(--tathau-card-bg);
    border: 1px solid var(--tathau-border);
    border-radius: 12px;
    padding: 12px 8px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.tathau-pill input {
    display: none;
}

.tathau-pill:has(input:checked) {
    border-color: var(--tathau-primary);
    background-color: rgba(223, 177, 159, 0.08);
    color: var(--tathau-primary);
}

.pill-icon {
    font-size: 16px;
}

/* Box Posizione */
.tathau-location-box {
    background-color: var(--tathau-card-bg);
    border: 1px solid var(--tathau-border);
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 10px 14px;
    gap: 10px;
}

.tathau-location-box input {
    background: transparent;
    border: none;
    color: var(--tathau-text-light);
    font-size: 14px;
    width: 100%;
    outline: none;
}

#tathau-geo-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    padding: 4px;
}

/* Filtri Avanzati Header */
.tathau-filters-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.tathau-reset-text {
    background: none;
    border: none;
    color: var(--tathau-text-muted);
    font-size: 12px;
    cursor: pointer;
    padding: 0;
}

.tathau-reset-text:hover {
    color: var(--tathau-primary);
}

/* Righe Filtri */
.tathau-filter-rows {
    background-color: var(--tathau-card-bg);
    border: 1px solid var(--tathau-border);
    border-radius: 14px;
    overflow: hidden;
}

.filter-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid var(--tathau-border);
    position: relative;
}

.filter-row:last-child {
    border-bottom: none;
}

.filter-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.f-icon {
    font-size: 16px;
}

.f-text {
    display: flex;
    flex-direction: column;
}

.f-title {
    font-size: 13px;
    font-weight: 500;
    color: var(--tathau-text-light);
}

.f-desc {
    font-size: 11px;
    color: var(--tathau-text-muted);
}

.filter-right {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Nascondiamo la select nativa mettendola sopra trasparente o la usiamo pulita stilizzata */
.filter-right select {
    background: transparent;
    border: none;
    color: var(--tathau-text-muted);
    font-size: 13px;
    text-align: right;
    cursor: pointer;
    outline: none;
    appearance: none;
    padding-right: 10px;
}

.filter-right select option {
    background-color: var(--tathau-bg);
    color: var(--tathau-text-light);
}

.arrow {
    color: var(--tathau-text-muted);
    font-size: 16px;
}

/* Pulsante Submit */
.tathau-submit-container {
    margin-top: 24px;
}

.tathau-submit-btn {
    width: 100%;
    background-color: var(--tathau-primary);
    color: #121212;
    border: none;
    border-radius: 14px;
    padding: 16px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    transition: opacity 0.2s ease;
}

.tathau-submit-btn:hover {
    opacity: 0.9;
}

.tathau-results-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 768px) {
    .tathau-results-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.tathau-artist-card {
    background-color: var(--tathau-card-bg);
    border: 1px solid var(--tathau-border);
    border-radius: 16px;
    padding: 16px;
    display: flex;
    gap: 16px;
    align-items: center;
    transition: border-color 0.2s ease;
    text-decoration: none;
    color: var(--tathau-text-light);
}

.tathau-artist-card:hover {
    border-color: var(--tathau-primary);
}

.tathau-artist-thumb {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    background-color: var(--tathau-border);
    flex-shrink: 0;
}

.tathau-artist-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.tathau-artist-name {
    font-size: 15px;
    font-weight: 600;
    color: var(--tathau-text-light);
    margin: 0;
}

.tathau-artist-meta {
    font-size: 12px;
    color: var(--tathau-text-muted);
    display: flex;
    gap: 12px;
}

.tathau-no-results {
    text-align: center;
    color: var(--tathau-text-muted);
    font-size: 14px;
    padding: 20px;
    background-color: var(--tathau-card-bg);
    border-radius: 12px;
    border: 1px solid var(--tathau-border);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b9eea2 */:root {
    --tathau-bg: #121212;
    --tathau-card-bg: #1a1a1a;
    --tathau-border: #121212;
    --tathau-primary: #6ec1e4; /* Azzurro azzurrato */
    --tathau-text-light: #ffffff;
    --tathau-text-muted: #999999;
}

.tathau-search-container {
    background-color: var(--tathau-bg);
    color: var(--tathau-text-light);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    padding: 40px 32px;
    
    /* Occupa tutto lo spazio disponibile del contenitore padre, con un limite massimo generoso */
    width: 100%;
    max-width: 1140px; /* Si espande comodamente su desktop, perfetto per integrarsi nella home */
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 24px;
    border: 1px solid var(--tathau-border);
}

/* Ottimizzazione griglia filtri su schermi larghi */
@media (min-width: 992px) {
    /* Le pillole si allargano uniformemente */
    .tathau-pills-group {
        gap: 16px;
    }
    
    .tathau-pill {
        padding: 16px 20px;
        font-size: 14px;
    }
    
    .tathau-search-container {
        padding: 40px;
        border: 1px solid var(--tathau-border); /* Dà risalto al box se posizionato su sfondo chiaro o neutro */
    }
}

.tathau-search-header {
    text-align: center;
    margin-bottom: 24px;
}

.tathau-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--tathau-text-light);
}

.tathau-subtitle {
    font-size: 13px;
    color: var(--tathau-text-muted);
    margin: 0;
}

.tathau-section {
    margin-bottom: 20px;
}

.tathau-label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--tathau-text-muted);
    margin-bottom: 10px;
}

/* Macro categorie a pillola */
.tathau-pills-group {
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.tathau-pill {
    flex: 1;
    background-color: var(--tathau-card-bg);
    border: 1px solid var(--tathau-border);
    border-radius: 12px;
    padding: 12px 8px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.tathau-pill input {
    display: none;
}

.tathau-pill:has(input:checked) {
    border-color: var(--tathau-primary);
    background-color: rgba(110, 193, 228, 0.1); /* Sfondo azzurrato trasparente anziché rosa */
    color: var(--tathau-primary);
}

.pill-icon {
    font-size: 16px;
}

/* Box Posizione */
.tathau-location-box {
    background-color: var(--tathau-card-bg);
    border: 1px solid var(--tathau-border);
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 10px 14px;
    gap: 10px;
}

.tathau-location-box input {
    background: transparent;
    border: none;
    color: var(--tathau-text-light);
    font-size: 14px;
    width: 100%;
    outline: none;
}

#tathau-geo-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    padding: 4px;
}

/* Filtri Avanzati Header */
.tathau-filters-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.tathau-reset-text {
    background: none;
    border: none;
    color: var(--tathau-text-muted);
    font-size: 12px;
    cursor: pointer;
    padding: 0;
}

.tathau-reset-text:hover {
    color: var(--tathau-primary);
}

/* Righe Filtri */
.tathau-filter-rows {
    background-color: var(--tathau-card-bg);
    border: 1px solid var(--tathau-border);
    border-radius: 14px;
    overflow: hidden;
}

.filter-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid var(--tathau-border);
    position: relative;
}

.filter-row:last-child {
    border-bottom: none;
}

.filter-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.f-icon {
    font-size: 16px;
}

.f-text {
    display: flex;
    flex-direction: column;
}

.f-title {
    font-size: 13px;
    font-weight: 500;
    color: var(--tathau-text-light);
}

.f-desc {
    font-size: 11px;
    color: var(--tathau-text-muted);
}

.filter-right {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Nascondiamo la select nativa mettendola sopra trasparente o la usiamo pulita stilizzata */
.filter-right select {
    background: transparent;
    border: none;
    color: var(--tathau-text-muted);
    font-size: 13px;
    text-align: right;
    cursor: pointer;
    outline: none;
    appearance: none;
    padding-right: 10px;
}

.filter-right select option {
    background-color: var(--tathau-bg);
    color: var(--tathau-text-light);
}

.arrow {
    color: var(--tathau-text-muted);
    font-size: 16px;
}

/* Pulsante Submit */
.tathau-submit-container {
    margin-top: 24px;
}

/* Pulsante Submit stilizzato come "CERCA IL TUO TATUATORE" */
.tathau-submit-btn {
    width: 100%;
    background-color: #6ec1e4 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 30px !important; /* Arrotondato come l'hero button */
    padding: 15px 30px !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: none !important;
}

/* Hover identico a .btn-hero-accent:hover */
.tathau-submit-btn:hover {
    background-color: #5bb3d6 !important;
    color: #FFFFFF !important;
    transform: scale(1.02) !important;
    opacity: 1 !important;
}

/* Stato attivo/click */
.tathau-submit-btn:focus,
.tathau-submit-btn:active {
    background-color: #5bb3d6 !important;
    color: #FFFFFF !important;
    outline: none !important;
}

.tathau-results-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 768px) {
    .tathau-results-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.tathau-artist-card {
    background-color: var(--tathau-card-bg);
    border: 1px solid var(--tathau-border);
    border-radius: 16px;
    padding: 16px;
    display: flex;
    gap: 16px;
    align-items: center;
    transition: border-color 0.2s ease;
    text-decoration: none;
    color: var(--tathau-text-light);
}

.tathau-artist-card:hover {
    border-color: var(--tathau-primary);
}

.tathau-artist-thumb {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    background-color: var(--tathau-border);
    flex-shrink: 0;
}

.tathau-artist-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.tathau-artist-name {
    font-size: 15px;
    font-weight: 600;
    color: var(--tathau-text-light);
    margin: 0;
}

.tathau-artist-meta {
    font-size: 12px;
    color: var(--tathau-text-muted);
    display: flex;
    gap: 12px;
}

.tathau-no-results {
    text-align: center;
    color: var(--tathau-text-muted);
    font-size: 14px;
    padding: 20px;
    background-color: var(--tathau-card-bg);
    border-radius: 12px;
    border: 1px solid var(--tathau-border);
}/* End custom CSS */