/*
 * custom_footer.css
 * Einbinden NACH allen anderen CSS-Dateien im <head>
 *
 * Hintergrund-Logik (via PHP-Variable $footer_prev_bg gesteuert):
 *   .footer-after-white  → letzte Section war weiß → Footer #f7f7f7
 *   .footer-after-gray   → letzte Section war grau → Footer #fff
 *   Fallback (keine Klasse gesetzt) → #f7f7f7
 *
 * Schriftfarbe: Alle Texte im Footer → #333333
 */

/* ─── 1. Hintergrundfarbe ───────────────────────────────────────────────── */

#footer.footer {
    background-color: #f7f7f7 !important; /* Fallback + after-white */
}

#footer.footer.footer-after-gray {
    background-color: #fff !important;
}

/* ─── 2. Schriftfarbe für alle Texte im Footer ─────────────────────────── */

#footer.footer,
#footer.footer .widget,
#footer.footer .widget.dark,
#footer.footer p,
#footer.footer a,
#footer.footer li,
#footer.footer li a,
#footer.footer h1,
#footer.footer h2,
#footer.footer h3,
#footer.footer h4,
#footer.footer h5,
#footer.footer h6,
#footer.footer .widget-title,
#footer.footer .font-12,
#footer.footer .text-gray,
#footer.footer .text-white,
#footer.footer input,
#footer.footer input::placeholder {
    color: #333333 !important;
}

/* Placeholder für alle Browser */
#footer.footer input::-webkit-input-placeholder { color: #333333 !important; }
#footer.footer input::-moz-placeholder           { color: #333333 !important; }
#footer.footer input:-ms-input-placeholder       { color: #333333 !important; }

/* ─── 3. Akzent-Icons (.text-theme-colored) bleiben farbig ─────────────────
   Auskommentieren um auch Icons auf #333 zu setzen.
────────────────────────────────────────────────────────────────────────────── */

/* #footer.footer .text-theme-colored {
    color: #333333 !important;
} */

/* ─── 4. Listentrennlinien → helles Grau statt Weiß ───────────────────── */

#footer.footer .list-border li,
#footer.footer .list.list-border li {
    border-color: #dddddd !important;
}

/* ─── 5. Widget-Titel-Unterstrich anpassen ──────────────────────────────── */

#footer.footer .widget-title.line-bottom::after {
    background-color: #333333 !important;
}