/*
Theme Name: HarbourForm Templates
Theme URI: https://templates.harbourform.com/
Author: HarbourForm
Description: Dedicated HarbourForm theme for the customer-facing interactive template showroom at templates.harbourform.com. Based on the main HarbourForm theme but intentionally excludes the main-site pages and acquisition content.
Version: 1.0.0
Text Domain: harbourform-templates
*/

:root{
  --hft-midnight:#03101F;
  --hft-navy:#071F3A;
  --hft-blue:#006BFF;
  --hft-azure:#00B7FF;
  --hft-silver:#C7D0DA;
  --hft-light:#F2F5F7;
  --hft-white:#FFFFFF;
  --hft-ink:#111820;
  --hft-muted:#64748B;
  --hft-line:#D9E1EA;
  --hft-width:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--hft-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.hft-wrap{width:min(calc(100% - 40px),var(--hft-width));margin:0 auto}
.hft-skip{position:absolute;left:-9999px;top:auto}.hft-skip:focus{left:16px;top:12px;z-index:100000;background:#fff;color:#071F3A;padding:10px 14px;border-radius:8px}
.hft-header{position:sticky;top:0;z-index:9999;background:rgba(3,16,31,.97);border-bottom:1px solid rgba(199,208,218,.14);backdrop-filter:blur(14px)}
.admin-bar .hft-header{top:32px}
.hft-nav{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}
.hft-brand{display:flex;align-items:center;min-width:220px}.hft-brand img{display:block;height:52px;width:auto;max-width:290px;object-fit:contain}
.hft-menu{display:flex;justify-content:center;align-items:center;gap:30px;list-style:none;margin:0;padding:0}.hft-menu a{color:#E3E9F0;font-size:.92rem;font-weight:750}.hft-menu a:hover,.hft-menu a:focus{color:var(--hft-azure)}
.hft-actions{display:flex;align-items:center;gap:10px}.hft-btn{min-height:42px;padding:0 17px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:800;border:1px solid rgba(255,255,255,.28);color:#fff}.hft-btn:hover{transform:translateY(-1px)}.hft-btn.primary{background:linear-gradient(135deg,var(--hft-blue),#405BFF);border-color:transparent}.hft-btn.ghost:hover{border-color:rgba(255,255,255,.55)}
.hft-mobile-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;border-radius:10px;font-size:1.25rem;cursor:pointer}
.hft-brand-rule{height:1px;border:0;margin:0;background:linear-gradient(90deg,transparent,var(--hft-blue),var(--hft-azure),transparent);opacity:.5}
.hft-main{min-height:calc(100vh - 76px)}
.hft-generic{padding:72px 0 100px;background:var(--hft-light);min-height:70vh}.hft-generic article{max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--hft-line);border-radius:22px;padding:38px}.hft-generic h1{font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.02;letter-spacing:-.045em;color:var(--hft-navy);margin:0 0 24px}.hft-generic .entry-content{color:#435166}
.hft-footer{background:var(--hft-midnight);color:#AEBBC9;padding:46px 0 28px;border-top:1px solid rgba(255,255,255,.08)}
.hft-footer-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.hft-footer-brand img{height:50px;width:auto;max-width:280px}.hft-footer-brand p{font-size:.82rem;margin:10px 0 0;color:#9DABBA}.hft-footer-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hft-footer-links a{font-size:.82rem;font-weight:750;color:#C7D0DA}.hft-footer-links a:hover{color:#fff}.hft-footer-bottom{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:.76rem;color:#75869A}
@media(max-width:960px){.hft-nav{grid-template-columns:auto 1fr auto}.hft-menu{display:none;position:absolute;left:20px;right:20px;top:70px;background:#071426;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:15px;flex-direction:column;align-items:flex-start;gap:0;box-shadow:0 18px 50px rgba(0,0,0,.28)}.hft-menu.open{display:flex}.hft-menu li{width:100%}.hft-menu a{display:block;width:100%;padding:11px 8px;border-bottom:1px solid rgba(255,255,255,.07)}.hft-mobile-toggle{display:block}.hft-actions .ghost{display:none}}
@media(max-width:680px){.admin-bar .hft-header{top:46px}.hft-wrap{width:min(calc(100% - 28px),var(--hft-width))}.hft-nav{min-height:68px;gap:12px}.hft-brand{min-width:0}.hft-brand img{height:43px;max-width:220px}.hft-actions .primary{display:none}.hft-menu{top:64px}.hft-footer-grid{grid-template-columns:1fr;align-items:start}.hft-footer-links{gap:18px}.hft-generic{padding:40px 0 70px}.hft-generic article{padding:26px 22px}}