/* styles.css */

/* Stili per la barra divisoria personalizzata */
hr.custom-divider {
    height: 0.8px;
    background-color: #c7c7c7;
    margin-top: 10px;
    margin-bottom: 10px;
}
.navbar-custom {
    padding-left: 10%;  
    padding-right: 10%; 
}
.custom-background{
    background-color: #f7f7f7;
    padding: 10px; 
}

.margin-top-1rem {
    margin-top: 1px; /* Applica solo agli elementi <p> */
}
.margin-bottom-1px {
    margin-bottom: 1px; /* Applica solo agli elementi <p> */
}
.italic-text {
    font-style: italic;
}

/* Stili specifici per la homepage */
body.homepage-body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    margin: 0;
}

.main.homepage-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 15px;
}

.main.homepage-main .container {
    width: 45%;
}

.main.homepage-main input.form-control {
    width: 100%;
}

.main.homepage-main h2 {
    padding-bottom: 10px;
}

.black-link {
    color: black;
}

.btn-neutrale {
    background-color: #FFFFFF; /* Bianco */
    color: #000000; /* Testo nero sullo sfondo bianco per garantire la leggibilità */
}

/* Regole CSS per le icone dei social e dell'icona del grafico */
.social-icon,
.graph-icon {
    font-size: 22px; /* Imposta la dimensione delle icone a 22px */
}

/* Regole CSS per allineare verticalmente le icone dei social */
.social-icon-container {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centra l'icona orizzontalmente all'interno del container */
}

/* Stili per l'icona del grafico e la checkbox all'interno dello stesso div */
.graph-icon,
.checkbox {
    margin-right: 10px; /* Aggiungi uno spazio tra l'icona del grafico e la checkbox */
}

/* Classe per ridurre le dimensioni dell'icona */
.chart-icon-smaller {
    font-size: 40px; /* Imposta la dimensione dell'icona */
}

/* Stili per modificare il colore della finestra che mostra il sito web*/
.sito-web {
    background-color: #f2f2f2; /* Grigio più chiaro */
    padding: 10px; /* Spazio intorno al contenuto espanso */
    border-radius: 5px; /* Bordi arrotondati per un aspetto migliore */
}

.sito-web p {
    margin: 0; /* Rimuove il margine predefinito */
}

/* Stili per modificare la grandezza delle colonne della pagina risultati ricerca News*/
.link-wrap {
    word-wrap: break-word;
    max-width: 200px;
}
.title-column {
    width: 400px;
}
.date-column {
    width: 150px;
}
.feedback-column {
    width: 200px;
}
.fgrafico-column {
    width: 50px;
}

/* Stili per modificare grandezza della parte di resoconto di News*/
.card-header,
.card-title,
.card-text {
    font-weight: normal; /* Rimuovi lo stile in grassetto */
    font-style: normal; /* Rimuovi lo stile corsivo */
    font-size: inherit; /* Utilizza la grandezza del testo ereditata dal genitore */
    color: inherit; /* Utilizza il colore del testo ereditato dal genitore */
}

/* Stili per modificare il pallino */
.feedback-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.positivo {
    background-color: #28a745; /* Verde */
}

.neutrale {
    background-color: #6c757d; /* Grigio */
}

.irrilevante {
    background-color: #ffc107; /* Giallo */
}

.negativo {
    background-color: #dc3545; /* Rosso */
}
.visually-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important;
}