/* ToJestDom RC280 — shared brand layer for the catalogue and Poradnik */
:root{
  --tjd-navy:#06182b;
  --tjd-blue:#2aa8ff;
  --tjd-blue-soft:#69c9ff;
  --tjd-ink:#101b25;
  --tjd-muted:#60707d;
  --tjd-line:#dceaf4;
}
/* New brand statement replaces the temporary statistics panel */
body:not([data-project-slug]) .heroGrid{
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)!important;
  align-items:center!important;
}
body:not([data-project-slug]) .heroBrandStatement{
  min-height:150px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px 28px;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible;
}
body:not([data-project-slug]) .heroBrandStatement img{
  display:block;
  width:min(100%,545px);
  height:auto;
  filter:drop-shadow(0 12px 26px rgba(5,34,61,.09));
}
/* New brand phrase in the header */
.headerMotto img,
.tjd-motto img{
  content:url('/assets/twoj-dom-zaczyna-sie-tutaj-script-rc278.png');
}
.brand.brandLogo{height:68px!important;background:transparent!important;box-shadow:none!important}
.brand.brandLogo img{width:180px!important;height:auto!important;max-height:none!important;background:transparent!important}
.headerMotto img{width:210px!important;height:auto!important;max-height:53px!important}
/* Remove legacy orange/green remnants on homepage */
body:not([data-project-slug]) .hero h1 span{color:#1f95dc!important}
body:not([data-project-slug]) .eyebrow:before{background:#2aa8ff!important;box-shadow:0 0 0 4px rgba(42,168,255,.13)!important}
body:not([data-project-slug]) .more{color:#168dd4!important}
@media(max-width:1280px){
  .headerMotto img{width:188px!important;max-height:48px!important}
}
@media(max-width:1100px){
  body:not([data-project-slug]) .heroGrid{grid-template-columns:1fr!important}
  body:not([data-project-slug]) .heroBrandStatement{min-height:100px;justify-content:flex-start;padding:6px 0 12px}
  body:not([data-project-slug]) .heroBrandStatement img{width:min(100%,520px)}
}
@media(max-width:980px){
  .brand.brandLogo{height:60px!important}
  .brand.brandLogo img{width:158px!important;max-height:none!important}
}
@media(max-width:650px){
  .brand.brandLogo{height:54px!important}
  .brand.brandLogo img{width:140px!important;max-height:none!important}
  body:not([data-project-slug]) .heroBrandStatement{display:none!important}
}

/* The knowledge hub uses different HTML class names, but now shares this
   exact brand layer with the catalogue. */
.tjd-knowledge-header{
  position:sticky!important;
  top:0!important;
  z-index:2000!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:radial-gradient(circle at 84% -30%,rgba(60,171,255,.22),transparent 34%),linear-gradient(90deg,#041326 0%,#072341 52%,#092d50 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.14),0 8px 24px rgba(2,12,24,.15)!important;
}
.tjd-knowledge-header .tjd-nav{
  width:100%!important;
  max-width:1500px!important;
  height:80px!important;
  margin:0 auto!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
}
.tjd-knowledge-header .tjd-brand{
  display:flex!important;
  align-items:center!important;
  flex:0 0 180px!important;
  height:68px!important;
  text-decoration:none!important;
  background:transparent!important;
}
.tjd-knowledge-header .tjd-brand img{
  display:block!important;
  width:180px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
}
.tjd-knowledge-header .tjd-links{
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  margin-left:42px!important;
  white-space:nowrap!important;
}
.tjd-knowledge-header .tjd-links a{
  display:flex!important;
  align-items:center!important;
  min-height:40px!important;
  padding:0!important;
  color:#f5fbff!important;
  text-decoration:none!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:650!important;
  letter-spacing:0!important;
  opacity:.96!important;
}
.tjd-knowledge-header .tjd-links a:hover,
.tjd-knowledge-header .tjd-links a[aria-current="page"]{color:var(--tjd-blue-soft)!important}
.tjd-knowledge-header .tjd-motto{
  display:flex!important;
  align-items:center!important;
  margin-left:auto!important;
  margin-right:22px!important;
  height:52px!important;
}
.tjd-knowledge-header .tjd-motto img{
  content:url('/assets/twoj-dom-zaczyna-sie-tutaj-script-rc278.png');
  display:block!important;
  width:210px!important;
  height:auto!important;
  max-height:53px!important;
  object-fit:contain!important;
}
.tjd-knowledge-header .tjd-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:0 22px!important;
  border:0!important;
  border-radius:999px!important;
  text-decoration:none!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:750!important;
  background:linear-gradient(135deg,#198fdc,#36b2ff)!important;
  box-shadow:0 10px 22px rgba(23,137,224,.24)!important;
}
.tjd-knowledge-header .tjd-cta:hover{background:linear-gradient(135deg,#1484cc,#2aa8ff)!important;transform:translateY(-1px)}
@media(max-width:1280px){
  .tjd-knowledge-header .tjd-motto img{width:188px!important;max-height:48px!important}
  .tjd-knowledge-header .tjd-links{gap:18px!important;margin-left:30px!important}
}
@media(max-width:1100px){.tjd-knowledge-header .tjd-motto{display:none!important}}
@media(max-width:980px){
  .tjd-knowledge-header .tjd-nav{height:72px!important;padding:0 16px!important}
  .tjd-knowledge-header .tjd-brand{flex-basis:158px!important;height:60px!important}
  .tjd-knowledge-header .tjd-brand img{width:158px!important}
  .tjd-knowledge-header .tjd-links{display:none!important}
  .tjd-knowledge-header .tjd-cta{margin-left:auto!important;min-height:40px!important;padding:0 16px!important;font-size:12px!important}
}
@media(max-width:650px){
  .tjd-knowledge-header .tjd-nav{height:64px!important;padding:0 12px!important}
  .tjd-knowledge-header .tjd-brand{flex-basis:140px!important;height:54px!important}
  .tjd-knowledge-header .tjd-brand img{width:140px!important}
}