/* BOLD - dark solid header, uppercase display type, hard edges, accent rules. */
.template-bold { font-family: var(--font-body); color: var(--text); --radius-sm: 2px; --radius-lg: var(--radius); }
.template-bold h1, .template-bold h2 { font-family: var(--font-heading); text-transform: uppercase; letter-spacing: .03em; font-weight: 800; }
.template-bold h1 { font-size: clamp(2.2rem, 5.5vw, 4rem); line-height: 1; }

.site-header--bold { background: var(--primary); color: var(--on-primary); backdrop-filter: none; border-bottom: 0; }
.site-header--bold.scrolled { background: var(--primary); }
.bold-bar__inner { display: flex; align-items: center; gap: 32px; }
.bold-bar__brand { margin-right: auto; }
.logo--bold { gap: 12px; }
.logo--bold img { filter: brightness(0) invert(1); }
.brand-word { font-family: var(--font-heading); font-weight: 800; color: var(--on-primary); letter-spacing: .04em; text-transform: uppercase; font-size: 15px; }
.nav-links--bold > li > a:not(.btn) { color: var(--on-primary); opacity: .85; text-transform: uppercase; font-size: 12.5px; letter-spacing: .08em; font-weight: 600; }
.nav-links--bold > li > a:not(.btn):hover { opacity: 1; background: rgba(255,255,255,.08); color: var(--on-primary); }
.site-header--bold .dropdown-menu { background: var(--primary); border: 1px solid rgba(255,255,255,.12); }
.site-header--bold .dropdown-menu a { color: var(--on-primary); }
.bold-bar__actions { display: flex; align-items: center; gap: 14px; }
.bold-bar__actions .icon-link { color: var(--on-primary); font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.site-header--bold .mobile-toggle span { background: var(--on-primary); }
/* Mobile: the shared .nav-links.open panel is white; keep it on the primary colour so the white links stay visible. */
@media (max-width: 768px) {
    .site-header--bold .nav-links.open { background: var(--primary); border-bottom: 1px solid rgba(255,255,255,.15); box-shadow: 0 12px 24px rgba(0,0,0,.25); }
    .site-header--bold .nav-links.open > li > a:not(.btn) { opacity: 1; }
    .site-header--bold .nav-links.open .dropdown-menu a { color: var(--on-primary); }
}
.bold-strap { background: var(--accent); color: var(--text-on-accent); font-size: 13px; font-weight: 600; }
.bold-strap .container { padding-top: 7px; padding-bottom: 7px; }

.template-bold .announcement-bar { display: none; }
.template-bold .hero { background: var(--surface); border-bottom: 6px solid var(--accent); }
.template-bold .hero h1 span { color: var(--accent); }
.template-bold .btn { border-radius: var(--radius); font-weight: 800; text-transform: uppercase; letter-spacing: .06em; font-size: 13px; }
.template-bold .btn-gold { background: var(--accent); color: var(--text-on-accent); }
.template-bold .catalog-card, .template-bold .pricing-card, .template-bold .testimonial-card, .template-bold .faq-item { border-radius: var(--radius); border-left: 5px solid var(--accent); }
.template-bold .section-alt { background: var(--surface); border: 0; }
.template-bold .section-header .eyebrow { background: var(--primary); color: var(--on-primary); padding: 4px 10px; display: inline-block; }

.site-footer--bold { padding-top: 0; }
.bold-footer-cta { background: var(--accent); color: var(--text-on-accent); padding: 56px 0; }
.bold-footer-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.bold-footer-cta h2 { color: inherit; margin: 0; font-size: clamp(1.4rem, 3vw, 2.2rem); }
.bold-footer-cta .btn-gold { background: var(--primary); color: var(--on-primary); }
.footer-grid--bold { padding-top: 56px; grid-template-columns: repeat(3, 1fr); }
.bold-footer-legal { border-top: 1px solid rgba(255,255,255,.12); font-size: 12px; }
.bold-footer-legal .container { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 18px; padding-bottom: 18px; }
.bold-footer-legal a { color: inherit; }