/*
Theme Name: H&K Sales Modern
Theme URI: https://hksalesllc.com
Author: H&K Sales
Description: Independent starter theme for H&K Sales. Replace sample content before launch.
Version: 0.6.0
Requires at least: 6.0
Text Domain: hk-sales
*/
:root{--blue:#1749bd;--deep:#092c78;--orange:#f47b20;--ink:#17233a;--muted:#596579;--light:#f2f6fc}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.wrap{max-width:1180px;margin:auto;padding:0 24px}.site-header{background:#fff;border-bottom:1px solid #e4e9f1}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:24px}.brand{font-size:25px;font-weight:900;color:var(--blue);line-height:1.05;letter-spacing:-1px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--orange)}.site-nav{display:flex;flex-wrap:wrap;gap:22px;font-size:14px;font-weight:700}.site-nav a:hover{color:var(--blue)}.hero{background:linear-gradient(105deg,rgba(8,34,94,.96),rgba(18,72,181,.87)),radial-gradient(circle at 75% 25%,#4b84d8,#09245f);color:#fff;padding:100px 0 110px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;right:-110px;top:-120px;width:550px;height:550px;border:85px solid rgba(255,255,255,.045);border-radius:50%}.eyebrow{color:#ffad6c;text-transform:uppercase;letter-spacing:3px;font-weight:800;font-size:13px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.08;letter-spacing:-2px;max-width:830px;margin:20px 0}.hero h1 span{color:#ff9b45}.hero p{font-size:19px;max-width:650px;color:#e6edff}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;background:var(--orange);color:#fff;padding:14px 22px;border-radius:5px;font-weight:800}.btn.alt{background:transparent;border:2px solid #fff;padding:12px 20px}.section{padding:76px 0}.section.alt{background:var(--light)}.section h2{font-size:clamp(30px,4vw,43px);line-height:1.2;margin:0 0 14px;color:var(--deep)}.lead{color:var(--muted);font-size:18px;max-width:760px;margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #e1e8f3;border-radius:12px;padding:30px;box-shadow:0 9px 28px rgba(13,42,99,.06)}.card .symbol{font-size:33px;color:var(--orange)}.card h3{color:var(--deep);margin-bottom:8px}.card p{color:var(--muted)}.card a{color:var(--blue);font-weight:800}.band{background:var(--blue);color:#fff;padding:45px 0}.band-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.band h2{margin:0;font-size:30px}.site-footer{background:#071d4b;color:#dbe5ff;padding:34px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.page-main{min-height:45vh;padding:70px 0}.page-main h1{color:var(--deep)}@media(max-width:760px){.header-inner{align-items:flex-start;flex-direction:column;padding-top:20px;padding-bottom:20px}.site-nav{gap:12px 18px}.hero{padding:65px 0 75px}.cards{grid-template-columns:1fr}.band-inner{align-items:flex-start;flex-direction:column}}

/* Version 0.2 — authentic H&K logo and refined header */
.header-inner{min-height:104px}
.brand{display:flex;align-items:center;flex-shrink:0;letter-spacing:normal}
.brand img{display:block;width:235px;height:auto;max-width:100%}
.site-nav a{transition:color .18s ease}
@media(max-width:760px){.header-inner{min-height:auto}.brand img{width:190px}}

/* v0.3 visual rebuild — approved homepage direction */
:root{--blue:#1152bd;--deep:#09285e;--orange:#ff7b12;--light:#f5f8fc}
.site-header{position:relative;z-index:5;box-shadow:0 2px 12px rgba(4,24,65,.06)}
.header-inner{max-width:1440px;min-height:104px}.brand img{width:210px}.site-nav{gap:clamp(12px,2.2vw,32px);font-size:15px;align-items:center}.site-nav a{white-space:nowrap}.site-nav a:hover{color:var(--orange)}
.hero-v3{min-height:490px;padding:0;background:#092d73;isolation:isolate;display:flex;align-items:center}.hero-v3:after{display:none}.hero-photo{position:absolute;inset:0 0 0 39%;background-image:url('assets/hero-conduit.jpg');background-size:cover;background-position:center;z-index:-2}.hero-blue{position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,#06255e 0%,#0a3b91 75%,#1657b7 100%);clip-path:polygon(0 0,54% 0,39% 100%,0 100%)}.hero-inner{width:100%;max-width:1440px;padding-top:64px;padding-bottom:64px}.hero-copy{width:min(610px,54%)}.hero .eyebrow{font-size:12px;letter-spacing:2.3px;color:#ffad6d}.hero-v3 h1{font-size:clamp(40px,4.2vw,62px);line-height:1.12;letter-spacing:-1.6px;margin:18px 0 20px;max-width:640px}.hero-v3 h1 em{font-style:normal;color:#ff841c;display:block}.hero-v3 p{font-size:clamp(17px,1.55vw,21px);line-height:1.55;color:#fff;max-width:600px}.hero-v3 .buttons{margin-top:28px}.hero-v3 .btn{font-size:15px;padding:14px 20px}.hero-v3 .btn span{padding-left:12px}
.highlights{background:#fff;padding:32px 0 26px}.highlights-grid{max-width:1440px;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.highlight{display:flex;gap:16px;padding:8px 22px;border-right:1px solid #d9e0e9;align-items:flex-start}.highlight:first-child{padding-left:0}.highlight:last-child{border:0;padding-right:0}.highlight-icon{color:var(--orange);font-size:39px;line-height:1;min-width:38px;font-weight:400}.highlight h2{font-size:17px;line-height:1.3;color:#09265b;margin:0 0 4px}.highlight p{font-size:13px;line-height:1.45;margin:0;color:#3e4758}
.feature-section{padding:24px 0 65px;background:#fff}.feature-grid{max-width:1440px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-tile{position:relative;min-height:230px;display:flex;flex-direction:column;justify-content:end;overflow:hidden;border-radius:10px;padding:30px 28px 35px;color:#fff;border-bottom:5px solid var(--orange);background-size:cover;background-position:center;transition:transform .2s ease,box-shadow .2s ease}.feature-tile:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(5,26,66,.18)}.tile-manufacturers{background-image:linear-gradient(90deg,rgba(3,34,79,.94),rgba(5,34,73,.35)),url('assets/card-manufacturers.jpg')}.tile-territory{background-image:linear-gradient(90deg,rgba(3,34,79,.85),rgba(5,34,73,.2)),url('assets/card-territory.jpg')}.tile-team{background-image:linear-gradient(90deg,rgba(3,34,79,.9),rgba(5,34,73,.3)),url('assets/card-team.jpg')}.tile-icon{font-size:29px;line-height:1;margin-bottom:13px}.feature-tile h2{font-size:clamp(21px,2.1vw,30px);line-height:1.2;margin:0 0 9px;color:#fff}.feature-tile p{font-size:15px;line-height:1.55;margin:0;max-width:340px}.tile-arrow{position:absolute;right:22px;bottom:22px;border-radius:50%;background:var(--orange);height:42px;width:42px;display:grid;place-items:center;font-size:24px}.intro-section{background:#f4f7fb}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.section-kicker{color:#e36e10;font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:12px;margin-bottom:12px}.intro-section .lead{margin:0 0 15px}.text-link{color:var(--blue);font-weight:800}.band{background:#0c3b93}.band p{margin:6px 0 0;color:#dce9ff}
@media(max-width:1000px){.highlight{padding:8px 12px;gap:8px}.highlight-icon{font-size:30px;min-width:28px}.highlight h2{font-size:15px}.hero-copy{width:59%}.hero-blue{clip-path:polygon(0 0,65% 0,49% 100%,0 100%)}}
@media(max-width:760px){.header-inner{gap:15px}.brand img{width:185px}.site-nav{font-size:13px}.hero-v3{min-height:0}.hero-photo{inset:0;background-position:55% center;opacity:.45}.hero-blue{clip-path:none;background:linear-gradient(90deg,rgba(5,29,79,.96),rgba(9,51,128,.82))}.hero-inner{padding-top:70px;padding-bottom:75px}.hero-copy{width:100%}.hero-v3 h1{font-size:clamp(37px,9vw,53px)}.highlights-grid{grid-template-columns:repeat(2,1fr);gap:18px}.highlight{border:0;padding:8px!important}.feature-grid{grid-template-columns:1fr}.feature-tile{min-height:215px}.intro-grid{grid-template-columns:1fr;gap:12px}}
@media(max-width:420px){.highlights-grid{grid-template-columns:1fr}.highlight{border-bottom:1px solid #e3e8f0}.highlight:last-child{border:0}}

/* v0.4: clean photo-only tile assets, compact hero, readable typography */
.hero-v3{min-height:440px}
.hero-inner{max-width:1600px;padding:52px clamp(28px,4.3vw,74px)}
.hero-copy{width:58%;max-width:790px}
.hero-v3 h1{font-size:clamp(36px,3.55vw,58px);letter-spacing:-1.3px;line-height:1.13;max-width:760px}
.hero-v3 h1 .first-line{display:block;white-space:nowrap}
.hero-v3 p{font-size:clamp(17px,1.3vw,20px);max-width:620px}
.hero-blue{clip-path:polygon(0 0,55% 0,42% 100%,0 100%)}
.feature-tile{isolation:isolate;background-position:center center}
.feature-tile h2,.feature-tile p,.feature-tile .tile-icon,.feature-tile .tile-arrow{position:relative;z-index:1}
@media(max-width:1050px){.hero-copy{width:63%}.hero-v3 h1 .first-line{white-space:normal}.hero-blue{clip-path:polygon(0 0,68% 0,52% 100%,0 100%)}}
@media(max-width:760px){.hero-copy{width:100%}.hero-blue{clip-path:none}.hero-inner{padding:65px 24px}.hero-v3 h1 .first-line{white-space:normal}}

/* v0.5: toll-free phone number above navigation, sitewide */
.header-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;min-width:0}
.header-phone{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:800;line-height:1.2;color:#09285e;white-space:nowrap}
.header-phone:hover,.header-phone:focus-visible{color:#ff7b12}
.header-phone-icon{color:#ff7b12;font-size:20px;line-height:1}
@media(max-width:760px){.header-actions{align-items:flex-start;width:100%;gap:12px}.header-phone{font-size:17px}.site-nav{width:100%}}

/* v0.6: two destination tiles after retiring Territory & Coverage */
@media (min-width:761px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}