/* KSB 17 approved issues - 2026-10-31 */
/* #06 / #13 orange utility top strip */
:root{--kf-topbar-h:40px}
.kf-topbar{background:#E8721C;color:#fff;font-family:Inter,Arial,sans-serif;font-size:13px;line-height:1.25;height:var(--kf-topbar-h);overflow:hidden}
.kf-topbar-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;height:100%;align-content:center}
/* keep page content where it was before the strip was added (header is fixed) */
.site-nav~main{padding-top:var(--kf-topbar-h)}
.kf-topbar-addr{display:inline-flex;align-items:center;gap:7px;color:#fff!important;text-decoration:none;font-weight:500}
.kf-topbar-addr:hover span{text-decoration:underline}
.kf-topbar-addr svg{width:16px;height:16px;flex:0 0 auto}
.kf-social-row{display:flex;align-items:center;gap:9px}
.kf-social{width:26px;height:26px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;color:#fff!important;text-decoration:none;flex:0 0 auto;transition:transform .15s ease,box-shadow .15s ease}
.kf-social:hover,.kf-social:focus-visible{transform:translateY(-1px)}
.kf-social svg{width:14px;height:14px;display:block}
.kf-social--fb{background:#1877F2}.kf-social--x{background:#000}.kf-social--li{background:#0A66C2}.kf-social--pin{background:#E60023}
.kf-social--fb svg{width:17px;height:17px}
.kf-social--pin svg{width:100%;height:100%}
.kf-topbar .kf-social{box-shadow:0 0 0 2px rgba(255,255,255,.9)}
.kf-social-row--footer{gap:12px}
.kf-social-row--footer .kf-social{width:36px;height:36px}
.kf-social-row--footer .kf-social svg{width:17px;height:17px}
.kf-social-row--footer .kf-social--fb svg{width:21px;height:21px}
.kf-social-row--footer .kf-social--pin svg{width:100%;height:100%}
.kf-social-row--footer .kf-social--x{box-shadow:0 0 0 1px rgba(255,255,255,.4)}
@media (max-width:639px){:root{--kf-topbar-h:58px}.kf-topbar{font-size:12px}.kf-topbar-inner{justify-content:center;text-align:center;gap:5px 12px}.kf-social{width:24px;height:24px}.kf-social svg{width:13px;height:13px}}
@media (max-width:374px){.kf-topbar{font-size:10.5px}.kf-topbar-addr{gap:4px}.kf-topbar-addr svg{width:13px;height:13px}}
/* anchors land below the taller fixed header */
#cta-form,#lead-form,#kitchen-styles,#services-cta-form{scroll-margin-top:160px!important}
/* #01 current-page nav item: orange rectangle (no hover fill on inactive items) */
.site-nav nav a.kf-current,.site-nav .nav-dropdown-trigger.kf-current{background:#E8721C;color:#fff!important;border-radius:0;padding:.45rem .7rem;margin:-.45rem -.7rem}
.site-nav nav a.kf-current:hover,.site-nav .nav-dropdown-trigger.kf-current:hover{color:#fff!important;background:#E8721C}
.vanilla-mobile-menu nav>a.kf-current,.vanilla-mobile-menu .mobile-nav-group-btn.kf-current{background:#E8721C;color:#fff!important;border-radius:0;padding:.4rem .6rem;margin:0 -.6rem;width:calc(100% + 1.2rem)}
/* #04 header call link */
.kf-call-link{display:inline-flex;align-items:center;gap:.45rem}
.kf-call-link svg{width:16px;height:16px;flex:0 0 auto;color:#E8721C}
.kf-call-link:hover svg{color:currentColor}
@media (min-width:1024px) and (max-width:1279px){.site-nav nav.hidden{gap:.9rem!important}.site-nav nav.hidden>a,.site-nav .nav-dropdown-trigger{font-size:13px!important}.site-nav a[href="https://prokitchenremodelingsanbernardino.com/contact-us/"].rounded-full{padding:.55rem .9rem!important;font-size:12.5px!important}.site-nav .site-logo img{max-width:150px;height:auto}.site-nav .kf-call-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-nav .kf-call-link svg{width:20px;height:20px}}
/* #09 orange header panel on every CTA form */
.kf-form-head{background:#E8721C;color:#fff;border-radius:.875rem;padding:1.15rem 1.25rem 1.2rem;margin:0 0 1.25rem}
.kf-form-head .kf-form-eyebrow{margin:0 0 .45rem!important;font-family:Inter,Arial,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff!important;line-height:1.4}
.kf-form-head .kf-form-title{margin:0 0 .45rem!important;font-family:'Playfair Display',Georgia,serif;font-size:1.35rem!important;line-height:1.25!important;font-weight:700!important;color:#fff!important}
.kf-form-head .kf-form-desc{margin:0!important;font-family:Inter,Arial,sans-serif;font-size:.9rem;line-height:1.55;color:#fff!important}
/* #16 footer column headings now h2, same look as former h4 */
footer h2.kf-footer-h{font-family:Inter,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:600;color:#fff;margin:0 0 1rem;letter-spacing:normal;text-transform:none}
/* #02 hero trust cards */
.kf-trust-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;max-width:40rem;font-family:Inter,Arial,sans-serif}
.kf-trust-card{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.85rem .9rem;border:1.5px solid #E8721C;border-radius:.85rem;background:rgba(17,17,17,.45);backdrop-filter:blur(4px)}
.kf-trust-icon{color:#E8721C;line-height:0;margin-bottom:.15rem}.kf-trust-icon svg{width:20px;height:20px}
.kf-trust-card strong{color:#E8721C;font-size:1.25rem;font-weight:800;line-height:1.1}
.kf-trust-card>span:last-child{color:#fff;font-size:.75rem;line-height:1.3}
@media (max-width:639px){.kf-trust-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}}
/* #14 / #15 orange buttons */
.kf-btn-orange{display:inline-flex;align-items:center;gap:.5rem;background:#E8721C;color:#fff!important;padding:.875rem 1.5rem;border-radius:9999px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;box-shadow:0 8px 24px rgba(232,114,28,.3)}
.kf-btn-orange:hover{background:#d66512;transform:translateY(-1px)}
.kf-process-cta{margin-top:1.5rem}
.kf-final-btn,.kf-final-btn:hover{color:#fff!important}
/* #15 review stat boxes */
.kf-review-stats{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:1rem;margin-top:2.5rem;font-family:Inter,Arial,sans-serif}
.kf-stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-width:150px;padding:.85rem 1.4rem;background:#E8721C;color:#fff;border-radius:.75rem;box-shadow:0 8px 22px rgba(232,114,28,.25);text-align:center}
.kf-stat-label{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.kf-stat-value{font-size:1.5rem;font-weight:800;line-height:1.1;color:#fff}
.kf-stars{display:inline-flex;gap:2px;color:#fff}.kf-stars svg{width:15px;height:15px}
/* #17 service areas CTA stays orange/white */
.kf-areas-cta,.kf-areas-cta:hover{background:#E8721C!important;color:#fff!important;border-color:#E8721C!important}
/* breathing room above contractor strip now that Our Services has 8 links */
footer .contractor-info-strip{margin-top:28px}
/* Nov 4 #3: arrow between review cards + 3-line reviews card */
.kf-stat-arrow{align-self:center;color:#E8721C;font-size:1.9rem;font-weight:700;line-height:1;font-family:Inter,Arial,sans-serif}
.kf-stat-box--reviews{gap:.08rem}
.kf-stat-box--reviews .kf-stat-label{font-size:.72rem;line-height:1.2}
@media (max-width:479px){.kf-review-stats{gap:.6rem;flex-wrap:nowrap;padding-left:1rem;padding-right:1rem}.kf-stat-box{min-width:0;flex:1 1 0;padding:.75rem .7rem}.kf-stat-arrow{font-size:1.5rem;flex:0 0 auto}}