/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
body {background-color: var( --e-global-color-c51349c ) !important;}
.rank-math-breadcrumb p {margin:0; padding:0; color: var( --e-global-color-accent ) !important; font-size: 13px;}
.rank-math-breadcrumb a {color: var( --e-global-color-accent ) !important; text-decoration: none;}
.rank-math-breadcrumb a:hover {color: var( --e-global-color-accent ) !important; text-decoration: underline;}
.rank-math-breadcrumb .separator {display: inline-block; margin: 0 5px;}
.lingua-menu {display: inline-block; margin-left: 15px;}

.menu-item .elementor-item:hover,
.menu-item .elementor-item:active {color: var( --e-global-color-accent ) !important;}

footer a {color: var( --e-global-color-text ) !important;}
footer a:hover {color: var( --e-global-color-text ) !important; text-decoration: underline;}

.elementor-message-success {padding: 30px; margin-top: 30px; color: #000; background-color: #dedede;}
.elementor-posts--thumbnail-top .elementor-post__thumbnail__link { margin-bottom: 15px; }
    
    .filtri-materiali-wrapper {
        display: flex;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap;
        flex-direction: row;
    }
    
    .filtri-label {
        font-weight: bold;
        margin-right: 10px;
        white-space: nowrap;
        display: none;
    }
    
    .filtro-select, .filtro-input, .filtro-button {
        padding: 8px 12px !important;
        border: 1px solid var( --e-global-color-text );
        border-radius: 0 !important;
        font-size: 12px !important;
        min-width: 160px;
        cursor: pointer !important;
        display: inline-block !important;
        width: auto !important;
        background-color: var( --e-global-color-c51349c ) !important;
        color: var( --e-global-color-text ) !important;
        text-transform: uppercase !important;
        font-weight: 600 !important;
    }

    .filtro-button {
        border: 1px solid var( --e-global-color-text ) !important;
        min-width: auto !important;
    }

    .filtro-button:hover {
        background-color: var( --e-global-color-accent ) !important;
        color: var( --e-global-color-c51349c ) !important;
        border: 1px solid var( --e-global-color-accent ) !important;
    }

    .filtro-input.filtro-nome {
        width: auto;
        border: none;
    }
    
    .filtro-select:hover {
        border-color: #999;
    }
    
    .filtro-select:focus {
        outline: none;
        border-color: #0073aa;
        box-shadow: 0 0 0 1px #0073aa;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .filtri-materiali-wrapper {
            flex-direction: column;
            align-items: flex-start;
        }
        
        .filtro-select {
            width: 100%;
            min-width: auto;
        }
    }