/* ===================================================================== JobLik 0.33.424 — FINAL public desktop header geometry Loaded at the END of so older public/vertical CSS cannot win. Desktop public pages only. Mobile/admin remain unchanged. ===================================================================== */ @media (min-width: 761px) { /* Final removal of desktop header controls requested by product owner. */ html body.public-body .v064-header .v064-header-actions > .v064-theme-button, html body.public-body .v064-header .v064-header-actions > .showroom-shortcut, html body.public-body .v064-header .v064-header-actions > .search-shortcut { display: none !important; } /* Pull the entire public header content toward the physical right edge. */ html body.public-body > header.v064-header, html body.public-body header.v064-header { box-sizing: border-box !important; padding-right: 2px !important; } /* Canonical JobLik brand host — deliberately larger than 0.33.423. */ html body.public-body header.v064-header > a.v064-logo.joblik-public-brand { box-sizing: border-box !important; width: 288px !important; min-width: 288px !important; max-width: 288px !important; flex: 0 0 288px !important; margin-right: -4px !important; margin-left: 14px !important; padding: 0 !important; align-items: center !important; justify-content: flex-start !important; overflow: visible !important; } html body.public-body header.v064-header > a.v064-logo.joblik-public-brand > .joblik-theme-logo { box-sizing: border-box !important; width: 288px !important; min-width: 288px !important; max-width: 288px !important; height: 60px !important; min-height: 60px !important; flex: 0 0 288px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } html body.public-body header.v064-header > a.v064-logo.joblik-public-brand > .joblik-theme-logo > img, html body.public-body header.v064-header > a.v064-logo.joblik-public-brand > .joblik-theme-logo > .joblik-theme-logo-light, html body.public-body header.v064-header > a.v064-logo.joblik-public-brand > .joblik-theme-logo > .joblik-theme-logo-dark { display: block !important; box-sizing: border-box !important; width: 288px !important; min-width: 288px !important; max-width: 288px !important; height: 60px !important; min-height: 60px !important; max-height: 60px !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; object-position: right center !important; transform: translateX(4px) !important; transform-origin: right center !important; } /* The version/meta text must not reserve horizontal space beside the logo. */ html body.public-body header.v064-header > a.v064-logo.joblik-public-brand > .joblik-brand-meta { display: none !important; } /* Construction uses a dedicated rendered logo; apply the same desktop law. */ html body.public-body header.v064-header > a.v064-logo.joblik-public-brand > .joblik-construction-header-logo-v355 { display: block !important; box-sizing: border-box !important; width: 276px !important; min-width: 276px !important; max-width: 276px !important; height: 58px !important; min-height: 58px !important; margin: 0 !important; padding: 0 !important; background-size: contain !important; background-position: right center !important; background-repeat: no-repeat !important; transform: translateX(4px) !important; transform-origin: right center !important; } /* Let navigation consume the remaining width instead of pushing the logo. */ html body.public-body header.v064-header > nav.v064-nav { min-width: 0 !important; flex: 1 1 auto !important; } }