Shop

/* ===== KLATSCH MATE — LIGHT, CLEAN, INVITING ===== */

/* HEADER */
.site-header {
background: #FFFFFF;
border-bottom: 1px solid #ece7dc;
box-shadow: 0 1px 4px rgba(0,0,0,0.04);
padding: 14px 0;
position: sticky;
top: 0;
z-index: 999;
}
.site-header .header-inner {
max-width: 1280px;
margin: 0 auto;
padding: 0 32px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.site-header .site-logo img.custom-logo {
max-height: 60px !important;
width: auto !important;
max-width: 240px !important;
}
.site-header .site-title,
.site-header .site-description { display: none !important; }
.site-header .site-navigation ul.menu,
.site-header .site-navigation ul {
display: flex;
gap: 28px;
margin: 0; padding: 0; list-style: none;
}
.site-header .site-navigation li a {
color: #2a2a2a;
text-decoration: none;
font-size: 13px;
font-weight: 500;
letter-spacing: 1.4px;
text-transform: uppercase;
padding: 8px 0;
border-bottom: 2px solid transparent;
transition: all 0.2s ease;
}
.site-header .site-navigation li a:hover,
.site-header .site-navigation li.current-menu-item a {
color: #5A7D4A;
border-bottom-color: #5A7D4A;
}

/* FOOTER — warm cream instead of dark */
.site-footer {
background: #f7f3ec !important;
color: #4a4a4a !important;
padding: 60px 0 30px !important;
margin-top: 80px !important;
border-top: 1px solid #ece7dc !important;
}
.site-footer * {
color: #4a4a4a !important;
}
.site-footer .footer-inner {
max-width: 1280px;
margin: 0 auto;
padding: 0 32px;
text-align: center;
}
.site-footer .site-logo img.custom-logo {
max-height: 60px !important;
width: auto !important;
max-width: 220px !important;
margin: 0 auto 24px !important;
display: block !important;
}
.site-footer .site-title a {
color: #2a2a2a !important;
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: 1px !important;
text-decoration: none !important;
}
.site-footer .site-description {
color: #6a6a6a !important;
font-size: 14px !important;
margin-top: 8px !important;
}
.site-footer .copyright {
margin-top: 30px !important;
padding-top: 24px !important;
border-top: 1px solid #ece7dc !important;
font-size: 13px !important;
color: #888 !important;
}
.site-footer .copyright p { margin: 0 !important; }
.site-footer a { color: #5A7D4A !important; text-decoration: none !important; }
.site-footer a:hover { color: #466136 !important; }

/* MAIN CONTENT — make sure no black backgrounds */
body { background: #ffffff !important; }
.site-main { background: #ffffff !important; }

/* BUTTONS — consistent green */
.wp-block-button__link,
.button,
button.single_add_to_cart_button,
.woocommerce a.button.alt {
background: #5A7D4A !important;
color: #fff !important;
border-radius: 3px !important;
letter-spacing: 1px !important;
font-weight: 600 !important;
}
.wp-block-button__link:hover,
.button:hover,
button.single_add_to_cart_button:hover {
background: #466136 !important;
}

/* MOBILE */
@media (max-width: 768px) {
.site-header .header-inner { flex-direction: column; gap: 14px; padding: 0 16px; }
.site-header .site-logo img.custom-logo { max-height: 48px !important; }
.site-header .site-navigation ul { gap: 14px; flex-wrap: wrap; justify-content: center; }
.site-header .site-navigation li a { font-size: 11px; }
}