/* 60.1.13 – one robust native-feeling shell for every BuddyLokaal app screen */
@media(max-width:782px){
  html.tah-app-mode,body.tah-app-mode{width:100%;min-height:100%;background:#f2f7f3!important;overflow-x:hidden!important}
  body.tah-app-mode{padding-bottom:0!important;-webkit-tap-highlight-color:transparent}
  body.tah-app-mode .tah-worker-dashboard,
  body.tah-app-mode .tah-customer-dashboard{min-height:100dvh!important;padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;overflow:visible!important}
  body.tah-app-mode .tah-worker-dashboard main,
  body.tah-app-mode .tah-customer-dashboard main{padding-bottom:24px!important}
  body.tah-app-mode .tah-worker-dashboard main>.tah-wrap,
  body.tah-app-mode .tah-customer-dashboard main>.tah-wrap{padding-bottom:30px!important}
  body.tah-app-mode .tah-app-nav{
    position:fixed!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    left:0!important;right:0!important;bottom:0!important;width:100%!important;height:calc(82px + env(safe-area-inset-bottom))!important;
    margin:0!important;padding:8px 8px max(8px,env(safe-area-inset-bottom))!important;
    border:0!important;border-radius:24px 24px 0 0!important;background:rgba(9,65,49,.985)!important;
    box-shadow:0 -12px 34px rgba(9,48,37,.22)!important;backdrop-filter:blur(22px)!important;z-index:2147483000!important
  }
  body.tah-app-mode .tah-app-nav a{min-height:62px!important;border-radius:18px!important;font-size:12px!important;font-weight:800!important;line-height:1.05!important}
  body.tah-app-mode .tah-app-nav a>span{display:grid;place-items:center;width:34px;height:30px;font-size:25px!important}
  body.tah-app-mode .tah-app-nav a.is-active{background:rgba(255,255,255,.13)!important;color:#fff!important}
  body.tah-app-mode .tah-app-nav a.is-active:after{content:"";position:absolute;bottom:3px;width:24px;height:4px;border-radius:99px;background:#c9f15a}
  body.tah-app-mode .tah-nav-buddly-icon{
    display:block!important;width:30px!important;height:30px!important;border-radius:50%!important;
    background:#fff url('../images/buddly-nav-v3.png') center/cover no-repeat!important;
    overflow:hidden!important;font-size:0!important;color:transparent!important
  }
  /* Cache-proof Buddly: also overrides historical nav markup still held by iOS. */
  body.tah-app-mode .tah-app-nav a:last-child>span{
    display:block!important;width:30px!important;height:30px!important;border-radius:50%!important;
    background:#fff url('../images/buddly-nav-v3.png') center/cover no-repeat!important;
    overflow:hidden!important;font-size:0!important;color:transparent!important
  }
  body.tah-app-mode .tah-app-nav a:last-child>span>img{display:none!important}
  body.tah-app-mode .tah-app-home-card__avatar{
    display:block!important;background:#fff url('../images/buddly-nav-v3.png') center/cover no-repeat!important;
    overflow:hidden!important
  }
  body.tah-app-mode .tah-app-home-card__avatar>img{display:none!important}
  body.tah-app-mode .tah-app-home-card__avatar img,
  body.tah-app-mode .tah-app-account summary>img,
  body.tah-app-mode img.tah-worker-avatar{object-fit:cover;background:#fff}
  body.tah-app-mode .tah-dashboard-fun-grid,
  body.tah-app-mode .tah-team-card,
  body.tah-app-mode .tah-offer-card,
  body.tah-app-mode .tah-profile-editor{max-width:100%!important;overflow:visible!important}
}

body.tah-app-mode .tah-v16-cookie,
body.tah-app-mode .tah-v16-cookie-reopen,
body.tah-app-mode .cky-consent-container,
body.tah-app-mode .cky-btn-revisit-wrapper,
body.tah-app-mode .cmplz-cookiebanner,
body.tah-app-mode #cmplz-manage-consent,
body.tah-app-mode #cookie-law-info-bar,
body.tah-app-mode #cookie-notice,
body.tah-app-mode .cookie-notice-container,
body.tah-app-mode #onetrust-consent-sdk,
body.tah-app-mode .cc-window,
body.tah-app-mode .moove-gdpr-info-bar-container,
body.tah-app-mode .bl-partners,
body.tah-app-mode [data-bl-partners="1"],
body.tah-app-mode .tah-footer,
body.tah-app-mode .tah-whatsapp-float{display:none!important;visibility:hidden!important;pointer-events:none!important}

.tah-app-signoff{display:none}
@media(max-width:782px){
  body.tah-app-mode .tah-app-signoff{
    display:grid;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:11px;
    width:calc(100% - 32px);max-width:620px;margin:4px auto 22px;padding:12px 14px;
    border:1px solid #dbe8df;border-radius:20px;background:#fff;color:#123f32;
    box-shadow:0 8px 24px rgba(18,63,50,.08);opacity:0;transform:translateY(12px)
  }
  body.tah-app-mode .tah-app-signoff.is-visible{animation:tah-signoff-in .55s cubic-bezier(.2,.8,.2,1) forwards}
  body.tah-app-mode .tah-app-signoff img{width:48px;height:48px;border-radius:15px;object-fit:cover;background:#075a43;animation:tah-buddly-float 2.8s ease-in-out infinite}
  body.tah-app-mode .tah-app-signoff span{display:grid;gap:2px;min-width:0}
  body.tah-app-mode .tah-app-signoff b{font-size:14px;line-height:1.2}
  body.tah-app-mode .tah-app-signoff small{color:#64776f;font-size:11px;line-height:1.35}
  body.tah-app-mode .tah-app-signoff>i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#c9f15a;font-style:normal;font-weight:900}
}
@keyframes tah-signoff-in{to{opacity:1;transform:translateY(0)}}
@keyframes tah-buddly-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* 60.1.18: one non-replaced Buddly component; Safari can never show a broken-img glyph. */
body.tah-app-mode .tah-buddly-fixed{
  display:block!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background-color:#fff!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  color:transparent!important;
  font-size:0!important;
}
body.tah-app-mode .tah-buddly-fixed--account{width:36px!important;height:36px!important}
body.tah-app-mode .tah-buddly-fixed--signoff{width:48px!important;height:48px!important;border-radius:15px!important;animation:tah-buddly-float 2.8s ease-in-out infinite}

/* 60.1.19: neutralise the separate presentation layer's broken PWA image route. */
body.tah-app-mode .blp-full-top>img{
  display:none!important;
}
body.tah-app-mode .blp-full-top::before{
  content:""!important;
  display:block!important;
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  border-radius:15px!important;
  background:#fff url('../images/buddly-nav-v3.png') center/cover no-repeat!important;
}
/* Keep the canonical dashboard navigation; remove the duplicate injected bar. */
body.tah-app-mode #blp-worker-nav{
  display:none!important;
}

/* 60.1.21: technical voucher nonce from the presentation plugin must never be visible. */
.bl-gift-security{
  display:none!important;
  position:absolute!important;
  left:-9999px!important;
}
@media(prefers-reduced-motion:reduce){body.tah-app-mode .tah-app-signoff.is-visible{animation:none;opacity:1;transform:none}body.tah-app-mode .tah-app-signoff img{animation:none}}