/* JobLik 0.33.341 FINAL mobile-only correction for /smart-card. Loaded at end of AFTER all public CSS. */ @media (max-width:760px){ /* ---------- HEADER ---------- */ html body.public-body[data-joblik-path="/smart-card"] > header.v064-header{ position:sticky!important; top:0!important; display:block!important; width:100%!important; height:58px!important; min-height:58px!important; max-height:58px!important; margin:0!important; padding:0!important; box-sizing:border-box!important; overflow:visible!important; z-index:1000!important; } /* Old desktop text navigation must not remain in the mobile header. */ html body.public-body[data-joblik-path="/smart-card"] > header.v064-header > nav.v064-nav{ display:none!important; visibility:hidden!important; width:0!important; height:0!important; overflow:hidden!important; } /* Render ONE accepted logo; hide the two theme images/meta underneath. */ html body.public-body[data-joblik-path="/smart-card"] > header.v064-header > a.v064-logo{ position:absolute!important; top:50%!important; right:1px!important; left:auto!important; display:block!important; width:95px!important; min-width:95px!important; max-width:95px!important; height:42px!important; min-height:42px!important; max-height:42px!important; margin:0!important; padding:0!important; transform:translateY(-50%)!important; background-image:url("/assets/img/platform-v334/joblik-header-mobile.webp?v=20260825.334")!important; background-repeat:no-repeat!important; background-position:right center!important; background-size:contain!important; overflow:hidden!important; z-index:4!important; } html body.public-body[data-joblik-path="/smart-card"] > header.v064-header > a.v064-logo > *{ display:none!important; } /* Keep only the functional account trigger in mobile header. */ html body.public-body[data-joblik-path="/smart-card"] > header.v064-header > .v064-header-actions{ position:static!important; display:block!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; } html body.public-body[data-joblik-path="/smart-card"] > header.v064-header > .v064-header-actions > :not(.account-center){ display:none!important; } html body.public-body[data-joblik-path="/smart-card"] > header.v064-header > .v064-header-actions > .account-center{ position:absolute!important; top:50%!important; right:98px!important; left:auto!important; width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; max-height:42px!important; margin:0!important; padding:0!important; transform:translateY(-50%)!important; overflow:visible!important; z-index:6!important; } html body.public-body[data-joblik-path="/smart-card"] .account-center > button.account-center-trigger{ position:relative!important; display:grid!important; place-items:center!important; width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; max-height:42px!important; margin:0!important; padding:0!important; border-radius:10px!important; box-sizing:border-box!important; overflow:hidden!important; } html body.public-body[data-joblik-path="/smart-card"] .account-center > button.account-center-trigger > *{ display:none!important; } html body.public-body[data-joblik-path="/smart-card"] .account-center > button.account-center-trigger::before{ content:""!important; display:block!important; width:18px!important; height:2px!important; border-radius:2px!important; background:currentColor!important; box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor!important; } /* Dropdown: independent of the 42px trigger box; readable mobile panel. */ html body.public-body[data-joblik-path="/smart-card"] .account-center > .account-center-menu{ position:fixed!important; top:64px!important; right:8px!important; left:auto!important; width:min(360px,calc(100vw - 16px))!important; min-width:0!important; max-width:calc(100vw - 16px)!important; max-height:calc(100vh - 80px)!important; margin:0!important; padding:10px!important; box-sizing:border-box!important; overflow-x:hidden!important; overflow-y:auto!important; z-index:5000!important; } html body.public-body[data-joblik-path="/smart-card"] .account-center-menu a, html body.public-body[data-joblik-path="/smart-card"] .account-center-menu button{ white-space:normal!important; line-height:1.55!important; } /* ---------- FOOTER ---------- */ html body.public-body[data-joblik-path="/smart-card"] footer.v064-footer{ overflow-x:hidden!important; } html body.public-body[data-joblik-path="/smart-card"] footer.v064-footer .v064-footer-brand.joblik-footer-brand{ min-width:0!important; max-width:100%!important; overflow:visible!important; box-sizing:border-box!important; } html body.public-body[data-joblik-path="/smart-card"] footer.v064-footer .v064-footer-brand.joblik-footer-brand > a{ display:block!important; width:170px!important; max-width:calc(100vw - 32px)!important; margin:18px auto 0!important; padding:0!important; box-sizing:border-box!important; } html body.public-body[data-joblik-path="/smart-card"] footer.v064-footer picture.joblik-footer-logo-picture{ display:block!important; width:100%!important; max-width:100%!important; height:auto!important; margin:0!important; padding:0!important; overflow:hidden!important; box-sizing:border-box!important; } html body.public-body[data-joblik-path="/smart-card"] footer.v064-footer picture.joblik-footer-logo-picture img{ display:block!important; width:100%!important; max-width:100%!important; height:auto!important; margin:0!important; padding:0!important; transform:none!important; object-fit:contain!important; object-position:center center!important; } }