/* site.css — éléments communs à toutes les pages Projetnet */

/* Pied de page */
.site-footer {
    background: #1a1a1a;
    color: #c9d1d9;
    font-size: 0.95rem;
    line-height: 1.7;
}

.site-footer .sf-grid {
    max-width: 1200px;
    margin: 0 auto;
    padding: 3.5rem 2rem 2.5rem;
    display: grid;
    grid-template-columns: 1.4fr 1fr 1.2fr 1fr;
    gap: 2.5rem;
    text-align: left;
}

.site-footer .sf-brand {
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.6rem;
}

.site-footer .sf-brand span { color: #27ae60; }

.site-footer h3 {
    color: #ffffff;
    font-size: 1rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.site-footer ul { list-style: none; margin: 0; padding: 0; }
.site-footer li { margin-bottom: 0.5rem; }

.site-footer a {
    color: #c9d1d9;
    text-decoration: none;
    transition: color 0.2s ease;
}

.site-footer a:hover { color: #27ae60; }

.site-footer address { font-style: normal; }

.site-footer .sf-urgence {
    display: inline-block;
    margin-top: 1rem;
    background: #27ae60;
    color: #ffffff;
    padding: 0.6rem 1.2rem;
    border-radius: 50px;
    font-weight: 600;
}

.site-footer .sf-urgence:hover { background: #219a52; color: #ffffff; }

.site-footer .sf-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1.2rem 2rem;
    text-align: center;
    font-size: 0.85rem;
    color: #8b949e;
}

@media (max-width: 900px) {
    .site-footer .sf-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 560px) {
    .site-footer .sf-grid { grid-template-columns: 1fr; padding: 2.5rem 1.5rem 2rem; gap: 2rem; }
}