/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*************** CODICE PER ANNUARIO    ***************/
#annuario-contenitore {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 24px;
    align-items: stretch;   /* era: start */
}

/* Elementi che devono occupare tutta la larghezza della griglia */
#annuario-contenitore > .annuario-gruppo-titolo,
#annuario-contenitore > hr,
#annuario-contenitore > .spaziatore {
    grid-column: 1 / -1;
}

.annuario-gruppo-titolo {
    margin-top: 8px;
    font-size: 1.05em;
	color:#2e3a59;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.blocco-socio {
    display: flex;
    flex-direction: column;
    min-height: 160px;      /* calibra questo valore sui contenuti reali */
    padding: 24px 16px;
    margin-bottom: 12px;
    background: #f8f9fa;
    border: 1px solid #ececec;
    border-radius: 6px;
}

.socio-link {
    margin-top: auto;       /* spinge il link sempre in fondo alla card */
}

.socio-nome {
    margin-bottom: 8px;
}

.annuario-societa-azienda {
    font-weight: 700;
    font-size: 1.02em;
    color: #1a1a1a;
}

.socio-dettaglio {
    margin: 2px 0;
    color: #555;
    font-size: 0.92em;
}

.socio-link {
    margin-top: 8px;
}

.socio-link a {
    color: #0073aa;
    text-decoration: none;
    word-break: break-all;
}

.socio-link a:hover {
    text-decoration: underline;
}

/* Su mobile, una sola colonna */
@media (max-width: 767px) {
    #annuario-contenitore {
        grid-template-columns: 1fr;
    }
}
/*************** FINE CODICE PER ANNUARIO  ***************/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}