/*
 Theme Name:   Twenty Fourteen Child
 Description:  Il mio laboratorio segreto per marcoolivotto.com
 Author:       Marco Olivotto
 Template:     twentyfourteen
 Version:      1.0.0
*/

/* Inserire qui le personalizzazioni del tema */

/*
 Theme Name:   Twenty Fourteen Child
 Description:  Laboratorio per deproducers.com
 Author:       Il tuo Nome
 Template:     twentyfourteen
 Version:      1.0.0
*/

/* 1. DEFINIZIONE DELLE VARIABILI */
:root {
    --colore-principale: #1f3d5f; /* Blu scuro */
    --colore-sidebar: #1f3d5f; /* Blu scuro */ 
    --colore-testo-sidebar: #c1ae96; /* Oro */
    --colore-nav: #1f3d5f; /* Blu scuro */
    --colore-testo-nav: #ffffff; /* Bianco */
    --colore-link: #1f3d5f;        /* Colore dei link e titoli */
    --colore-link-hover: #2fb012;  /* Colore quando ci passi sopra */
}

/* 1. Colora l'intera fascia della testata (il "contenitore padre") */
.site-header {
    background-color: var(--colore-nav) !important;
}

/* 2. Colora l'area specifica del titolo/logo (quella a sinistra) */
.header-main {
    background-color: var(--colore-nav) !important;
}

/* 3. Assicuriamoci che il link della Home non abbia sfondi diversi */
.home-link {
    background-color: var(--colore-nav) !important;
    min-height: 0; /* Evita che crei spazi neri extra sotto la foto */
}

/* 2. STILI PER LA SIDEBAR (La striscia nera) */
.site:before, 
#secondary {
    background-color: var(--colore-sidebar) !important;
}

#secondary, 
#secondary a, 
#secondary .widget-title {
    color: var(--colore-testo-sidebar) !important;
}

/* 3. STILI PER LA NAVIGAZIONE (Sotto la foto) */
.navigation-main,
#primary-navigation,
.search-toggle {
    background-color: var(--colore-nav) !important;
}

.primary-navigation a,
.search-toggle:before {
    color: var(--colore-testo-nav) !important;
}

/* 1. Titoli degli articoli nella lista */
.entry-title a {
    color: var(--colore-link) !important;
}

.entry-title a:hover {
    color: var(--colore-link-hover) !important;
}

/* 2. Link generici all'interno del testo degli articoli */
.entry-content a,
.entry-summary a,
.widget a {
    color: var(--colore-link);
}

.entry-content a:hover,
.entry-summary a:hover,
.widget a:hover {
    color: var(--colore-link-hover);
}

/* 3. La scritta "Continua a leggere" (more-link) */
.more-link {
    color: var(--colore-link) !important;
    font-weight: 700; /* Lo rendiamo un po' più evidente */
    text-transform: uppercase; /* Stile tipico di Twenty Fourteen */
}

.more-link:hover {
    color: var(--colore-link-hover) !important;
    text-decoration: underline;
}

/* 4. STILI PER LA PAGINA 404 (Senza sidebar e centrata) */
.error404:before {
    display: none !important;
}

.error404 .site,
.error404 .site-content,
.error404 #primary {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    text-align: center;
}

.error404 .page-title {
    border-left: 4px solid var(--colore-principale);
}