/*
* IM-Press Theme Layer — v5.0.3 baseline
* Static defaults for header/nav/footer rendered by class-theme-layer.php.
* Per-site brand overrides (colors, sizes) are emitted INLINE in the page
* by class-theme-layer.php's render_inline_css() — those win on specificity.
* This file is the layout/structure layer only.
*
* Markup (from render_header / render_footer):
*
*
*
*/
/* ── Header / Nav layout ──────────────────────────────────── */
.impress-header {
width: 100%;
z-index: 100;
}
.impress-nav-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 12px 24px;
min-height: 64px;
width: 100%;
box-sizing: border-box;
}
.impress-header-sticky {
position: sticky;
top: 0;
z-index: 50;
backdrop-filter: blur(8px);
}
.impress-nav-bar-brand {
display: inline-flex;
align-items: center;
gap: 10px;
font-weight: 700;
text-decoration: none;
color: inherit;
}
.impress-nav-bar-brand img {
height: 40px;
width: auto;
}
.impress-nav-bar-menu {
display: flex;
align-items: center;
gap: 20px;
list-style: none;
margin: 0;
padding: 0;
}
.impress-nav-bar-menu a {
color: inherit;
text-decoration: none;
font-weight: 500;
transition: opacity 0.15s ease;
}
.impress-nav-bar-menu a:hover,
.impress-nav-bar-menu .current-menu-item > a {
opacity: 0.7;
}
.impress-nav-bar-cta {
display: inline-flex;
align-items: center;
padding: 10px 18px;
border-radius: 6px;
background-color: var(--impress-accent, #007bff);
color: #fff;
text-decoration: none;
font-weight: 600;
transition: filter 0.15s ease;
}
.impress-nav-bar-cta:hover {
filter: brightness(1.1);
}
/* ── Mobile nav toggle ────────────────────────────────────── */
.impress-nav-bar-mobile-toggle {
display: none;
background: transparent;
border: 0;
font-size: 24px;
line-height: 1;
cursor: pointer;
color: inherit;
padding: 8px;
}
@media (max-width: 768px) {
.impress-nav-bar-mobile-toggle { display: inline-flex; }
.impress-nav-bar-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
flex-direction: column;
align-items: stretch;
gap: 0;
padding: 12px 0;
background-color: var(--impress-header-bg, #fff);
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.impress-nav-bar.is-open .impress-nav-bar-menu { display: flex; }
.impress-nav-bar-menu li { padding: 10px 24px; }
.impress-nav-bar-cta { margin: 8px 24px; }
}
/* ── Footer ───────────────────────────────────────────────── */
.impress-footer {
width: 100%;
margin-top: 48px;
}
.impress-footer-widgets {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
padding: 48px 24px;
max-width: 1280px;
margin: 0 auto;
}
@media (max-width: 768px) {
.impress-footer-widgets {
grid-template-columns: 1fr;
padding: 32px 20px;
}
}
.impress-footer-widget-title {
font-size: 1rem;
font-weight: 700;
margin: 0 0 12px;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.impress-footer-widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.impress-footer-widget li {
margin-bottom: 8px;
}
.impress-footer-widget a {
color: inherit;
text-decoration: none;
opacity: 0.85;
transition: opacity 0.15s ease;
}
.impress-footer-widget a:hover {
opacity: 1;
}
.impress-footer-bottom {
padding: 20px 24px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
font-size: 0.875rem;
opacity: 0.7;
text-align: center;
}