/*
 Theme Name:   Design Comuni WordPress Theme Child
 Theme URI:    https://example.com/design-comuni-wordpress-theme-child
 Description:  Tema child per il tema Design Comuni WordPress Theme
 Author:       Erminio Delle Donne
 Author URI:   https://example.com
 Template:     design-comuni-wordpress-theme
 Version:      1.0.0
*/


/* Aggiungi qui i tuoi stili personalizzati */

.organigramma-container {
    border: 2px solid #0066cc;
    padding: 20px;
    background-color: #f8f9fa;
}

.organigramma-container h1 {
    color: #0066cc;
    font-weight: bold;
    margin-bottom: 20px;
}

.organigramma-container h2,
.organigramma-container .h2 {
    color: #004080;
    font-size: 1.2rem;
    margin-bottom: 25px;
}

.organigramma-container .role-section {
    margin-bottom: 15px;
    padding: 10px;
    border-left: 4px solid #0066cc;
    background-color: white;
}

.organigramma-container .role-title {
    color: #0066cc;
    font-weight: bold;
    margin-bottom: 5px;
}

.organigramma-container .separator-lines {
    border-top: 2px solid #0066cc;
    margin-top: 30px;
    margin-bottom: 10px;
}

.organigramma-container .separator-lines::after {
    content: "";
    display: block;
    border-top: 2px solid #0066cc;
    margin-top: 5px;
}

/* Newsletter Footer - Label floating personalizzata */
.form-group label.newsletter-label {
    top: 5px;
}

.form-group label.newsletter-label.active {
    transform: translateY(-95%);
    color: #ffffff;
}

/* Search Modal - Label floating per migliorare contrasto */
.search-modal .search-modal-label {
    position: absolute;
    left: 50px; /* Spazio per l'icona */
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.2s ease-out;
    pointer-events: none;
    font-size: 1rem;
    color: #5d7083;
    background-color: transparent;
    padding: 0 0.25rem;
    z-index: 2;
}

.search-modal .form-control:focus + .search-modal-label,
.search-modal .form-control:not(:placeholder-shown) + .search-modal-label {
    top: -8px;
    left: 45px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #1a1a1a;
    background-color: #ffffff;
    padding: 0 0.5rem;
}

/* Migliora il contrasto del placeholder quando visibile */
.search-modal .form-control::placeholder {
    color: transparent;
}

.search-modal .form-control:focus::placeholder {
    color: #6c757d;
    opacity: 0.7;
}

/* Icon green color */
.icon-green {
    fill: #28a745;
}