File: //var/tmp/footer_css.py
path = "/home/kohlsol/public_html/wp-content/themes/brooklyn-child/style.css"
with open(path) as f:
content = f.read()
addition = """
/* ==========================================================================
Rodapé — construído do zero (child theme sobrescreve footer.php do pai
automaticamente). Antes disso o site mostrava widgets padrão do WordPress
("Archives", "Categories") — nunca tinha sido configurado.
========================================================================== */
.kohl-footer {
background-color: var(--kohl-marinho);
padding-top: var(--kohl-espaco-xxl);
}
.kohl-footer-top {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: var(--kohl-espaco-lg);
padding-bottom: var(--kohl-espaco-xl);
}
@media (max-width: 900px) {
.kohl-footer-top {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.kohl-footer-top {
grid-template-columns: 1fr;
}
}
.kohl-footer-logo {
font-family: var(--kohl-fonte-titulo);
font-weight: 700;
font-size: 1.25rem;
letter-spacing: 0.04em;
color: var(--kohl-branco);
margin: 0 0 var(--kohl-espaco-sm);
}
.kohl-footer-tagline {
color: var(--kohl-creme);
font-size: var(--kohl-escala-legenda);
line-height: var(--kohl-altura-linha-corpo);
max-width: 36ch;
margin: 0;
}
.kohl-footer-col-title {
font-family: var(--kohl-fonte-ui);
font-weight: 600;
font-size: var(--kohl-escala-legenda);
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--kohl-champagne);
margin: 0 0 var(--kohl-espaco-sm);
}
.kohl-footer-col ul {
list-style: none;
margin: 0;
padding: 0;
}
.kohl-footer-col li {
margin-bottom: var(--kohl-espaco-xs);
}
.kohl-footer-col a {
color: var(--kohl-creme);
font-size: var(--kohl-escala-legenda);
text-decoration: none;
}
.kohl-footer-col a:hover {
color: var(--kohl-champagne);
}
.kohl-footer-cta {
color: var(--kohl-champagne) !important;
font-weight: 600;
}
.kohl-footer-divider {
height: 1px;
background-color: rgba(242, 235, 213, 0.15);
}
.kohl-footer-bottom {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--kohl-espaco-sm);
padding: var(--kohl-espaco-md) 0;
}
.kohl-footer-bottom p {
color: var(--kohl-cinza-texto-suave);
font-size: var(--kohl-escala-legenda);
margin: 0;
}
.kohl-footer-legal {
list-style: none;
display: flex;
gap: var(--kohl-espaco-md);
margin: 0;
padding: 0;
}
.kohl-footer-legal a {
color: var(--kohl-cinza-texto-suave);
font-size: var(--kohl-escala-legenda);
text-decoration: none;
}
.kohl-footer-legal a:hover {
color: var(--kohl-champagne);
}
"""
assert "kohl-footer" not in content
content += addition
with open(path, "w") as f:
f.write(content)
print("CSS do rodapé adicionado")