/**
 * Footer — Calepin Parentalité
 *
 * Cible les zones de widgets footer natives GeneratePress
 * (Bas de page - Widget 1/2/3 → classes .footer-widget-1/2/3).
 * Chargé sur toutes les pages.
 *
 * @package CalepiParentalite
 */

/* ── Wrapper footer global ───────────────────────────────────────────────────── */

.site-footer {
    background: var(--cp-graphite);
    color:      var(--cp-muted);
}

/* ── Zone widgets GP natives ─────────────────────────────────────────────────── */

/* Force le fond sombre sur tous les sous-éléments GP du footer */
.footer-widgets,
.footer-widgets-container,
.inside-footer-widgets,
.footer-widget-1,
.footer-widget-2,
.footer-widget-3,
.footer-widget-4,
.footer-widget-5 {
    background: var(--cp-graphite) !important;
}

.footer-widgets-container {
    padding: 3rem 0 2rem;
}

/* Titres de widgets */
.footer-widgets-container .widget-title {
    font-family:    'Lato', sans-serif;
    font-weight:    700;
    font-size:      13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color:          #fff;
    margin-bottom:  1rem;
}

/* Texte et paragraphes */
.footer-widgets-container .widget,
.footer-widgets-container p {
    font-family: 'Lato', sans-serif;
    font-size:   14px;
    line-height: 1.6;
    color:       var(--cp-muted);
}

/* Listes */
.footer-widgets-container ul {
    list-style: none;
    margin:     0;
    padding:    0;
}

.footer-widgets-container ul li {
    padding: 0.25rem 0;
}

/* Liens */
.footer-widgets-container a {
    color:           var(--cp-muted);
    text-decoration: none;
    transition:      color 0.15s ease;
}

.footer-widgets-container a:hover {
    color: var(--cp-teal);
}

/* ── Séparateur avant la barre copyright ─────────────────────────────────────── */

.inside-footer {
    border-top: 0.5px solid rgba(255, 255, 255, 0.1);
}

/* ── Barre copyright ─────────────────────────────────────────────────────────── */

.site-info {
    background: var(--cp-graphite);
    padding:    1rem 0;
    text-align: center;
}

.site-info,
.site-info .copyright,
.site-info a {
    font-family:     'Lato', sans-serif;
    font-size:       13px;
    color:           var(--cp-muted);
    text-decoration: none;
}

.site-info a:hover {
    color: var(--cp-teal);
}

/* ── Responsive ──────────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .footer-widgets-container {
        padding: 2rem 0 1.5rem;
    }
}