/* Endolifter — v1.7 logo sizing + footer editable */

/* ===== Tamaño dinámico del logo (header + footer) ===== */
/* La variable --logo-size se inyecta inline desde header.php / footer.php */

.site-logo--header,
.site-logo--footer {
    --logo-size: 48px;
}

/* Logo imagen: la altura sigue la variable. */
.site-logo--header .site-logo__img,
.site-logo--footer .site-logo__img {
    height: var(--logo-size);
    width: auto;
    max-width: 100%;
    display: block;
    object-fit: contain;
}

/* Logo en modo TEXTO: el tamaño del "mark" escala con la variable. */
.site-logo--header .site-logo__mark {
    font-size: calc(var(--logo-size) * 0.45);
    line-height: 1;
}
.site-logo--footer .site-logo__mark {
    font-size: calc(var(--logo-size) * 0.5);
    line-height: 1;
}
.site-logo--header .site-logo__sub {
    font-size: calc(var(--logo-size) * 0.18);
}
.site-logo--footer .site-logo__sub {
    font-size: calc(var(--logo-size) * 0.2);
}

/* Logo del header: si es imagen, retiramos espacio del subtítulo */
.site-logo--header .site-logo__img + .site-logo__sub { display: none; }

/* ===== Fondos configurables del footer ===== */
.site-footer.site-footer--bg-bg       { background: var(--color-bg); }
.site-footer.site-footer--bg-alt      { background: var(--color-bg-alt); }
.site-footer.site-footer--bg-card     { background: var(--color-bg-card); }
.site-footer.site-footer--bg-gradient {
    background:
        radial-gradient(80% 60% at 0% 0%, rgba(255,102,0,0.10), transparent 70%),
        radial-gradient(60% 60% at 100% 100%, rgba(255,102,0,0.06), transparent 70%),
        var(--color-bg-alt);
}

/* ===== Grid responsive según columnas visibles ===== */
.site-footer__grid { grid-template-columns: 1.5fr 1fr 1fr 1fr; }
.site-footer--cols-4 .site-footer__grid { grid-template-columns: 1.5fr 1fr 1fr 1fr; }
.site-footer--cols-3 .site-footer__grid { grid-template-columns: 1.5fr 1fr 1fr; }
.site-footer--cols-2 .site-footer__grid { grid-template-columns: 1.5fr 1fr; }
.site-footer--cols-1 .site-footer__grid { grid-template-columns: 1fr; }

@media (max-width: 900px) {
    .site-footer__grid,
    .site-footer--cols-4 .site-footer__grid,
    .site-footer--cols-3 .site-footer__grid,
    .site-footer--cols-2 .site-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
    .site-footer__grid,
    .site-footer--cols-4 .site-footer__grid,
    .site-footer--cols-3 .site-footer__grid,
    .site-footer--cols-2 .site-footer__grid { grid-template-columns: 1fr; }
}

/* ===== Bloque extra HTML del footer ===== */
.site-footer__extra {
    margin: 24px 0 32px;
    padding: 18px 22px;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    background: rgba(255,255,255,0.02);
    color: var(--color-text-muted);
    font-size: 0.92rem;
}
.site-footer__extra :last-child { margin-bottom: 0; }

/* Pequeño aire sobre el tagline tras el logo del footer */
.site-logo--footer + .site-footer__tagline { margin-top: 14px; }