/* v4 header for pages outside the redesign (blog, articles) */
.v4-btn { display: inline-flex; align-items: center; gap: 10px; height: 60px; padding: 0 28px; background: #1A0D03; color: #fff; text-decoration: none; font: 500 17px var(--font-sans); border: 1px solid #1A0D03; cursor: pointer; transition: background .2s, color .2s; }
.v4-btn:hover { background: #F0743A; border-color: #F0743A; color: #1A0D03; }
.v4-btn--ghost { background: transparent; color: #1A0D03; }
.v4-btn--light { background: #FFFAF6; border-color: #FFFAF6; color: #1A0D03; }
.v4-btn--sm { height: 48px; padding: 0 20px; font-size: 15px; }
.v4-btn i { transition: transform .2s; } .v4-btn:hover i { transform: translateX(3px); }
.arw { position: relative; display: inline-block; width: 1em; height: 1em; overflow: hidden; vertical-align: -0.12em; flex: 0 0 auto; }
.arw i { position: absolute !important; inset: 0; display: flex; align-items: center; justify-content: center; font-style: normal; transition: transform .38s cubic-bezier(.7,0,.2,1), color .38s ease !important; }
.arw i + i { transform: translateX(-130%) !important; }
a:hover > .arw i:first-child, button:hover > .arw i:first-child { transform: translateX(130%) !important; }
a:hover > .arw i + i, button:hover > .arw i + i { transform: translateX(0) !important; color: #F0743A !important; }
.arw--down i + i { transform: translateY(-130%) !important; }
a:hover > .arw--down i:first-child, button:hover > .arw--down i:first-child { transform: translateY(130%) !important; }
a:hover > .arw--down i + i, button:hover > .arw--down i + i { transform: translateY(0) !important; }
.stick-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 900; background: rgba(255,250,246,.92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid #EDE4DA; transform: translateY(-100%); transition: transform .35s cubic-bezier(.7,0,.2,1); }
.stick-bar.on { transform: translateY(0); }
.stick-inner { max-width: 1280px; margin: 0 auto; padding: 10px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
@media (max-width: 1360px) { .stick-inner { padding-left: 16px; padding-right: 16px; } }
.stick-inner .logo svg { height: 30px; width: auto; display: block; }
.stick-btns { display: flex; gap: 10px; }
.stick-btns .v4-btn { height: 44px !important; padding: 0 18px !important; font-size: 15px !important; }
@media (max-width: 600px) { .stick-btns .v4-btn--ghost { display: none; } .stick-inner .logo svg { height: 26px; } }
.stick-bar { transform: none !important; background: rgba(255,250,246,.72) !important; backdrop-filter: blur(14px) saturate(1.2); -webkit-backdrop-filter: blur(14px) saturate(1.2); border-bottom: 0 !important; box-shadow: none !important; }
.stick-inner { display: grid !important; grid-template-columns: 1fr auto 1fr; align-items: center; padding-top: 14px !important; padding-bottom: 14px !important; }
.stick-inner .logo { justify-self: start; }
.stick-inner .nav-links { justify-self: center; display: flex; }
.stick-inner .stick-btns { justify-self: end; grid-column: 3; grid-row: 1; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .3s ease, transform .3s ease, visibility .3s; }
.stick-bar.cta-on .stick-btns { opacity: 1; visibility: visible; transform: none; }
.stick-inner .mobile-menu-btn, .stick-inner [id="mobileMenuBtn"] { justify-self: end; grid-column: 3; grid-row: 1; }
.stick-inner .logo svg { height: 36px !important; }
@media (max-width: 1024px) { .stick-inner { grid-template-columns: auto 1fr auto; } .stick-inner .stick-btns { grid-column: 2; justify-self: end; margin-right: 12px; } }
.stick-btns .v4-btn { white-space: nowrap; }
@media (max-width: 600px) { .stick-btns .v4-btn { height: 38px !important; padding: 0 12px !important; font-size: 14px !important; } .stick-inner .logo svg { height: 28px !important; } }
@media (max-width: 640px) { .stick-bar .stick-btns { display: none !important; } }
@media (min-width: 1025px) and (max-width: 1180px) { .stick-bar .stick-btns .v4-btn--ghost { display: none !important; } }
.stick-bar .v4-btn:hover:not(.v4-btn--ghost) { background: #1A0D03 !important; border-color: #1A0D03 !important; color: #FFFAF6 !important; }
.stick-bar .v4-btn--ghost:hover { background: transparent !important; color: #1A0D03 !important; border-color: #1A0D03 !important; }
.stick-bar .v4-btn:hover i { transform: none; }
.stick-bar .stick-btns { opacity: 1 !important; visibility: visible !important; transform: none !important; }
.stick-bar .nav-link { color: #1A0D03; }
.stick-bar .nav-link.is-active { color: #F0743A !important; }
body.hdr-v4 .navbar { visibility: hidden; }
body.hdr-v4 .mobile-nav-overlay { z-index: 100000 !important; }
body:has(.mobile-nav-overlay.open) #chatbotMinimized, body:has(.mobile-nav-overlay.open) #backToTop { display: none !important; }
