/* TempMy Mobile Fixed UI Contract V1 */
.tm-mobile-nav,
.tm-mobile-more{
  display:none !important;
}

@media (max-width:767.98px){
  body.tm-saas{
    --tm-fixed-nav-bottom:6px;
    --tm-fixed-nav-gap:8px;
    --tm-fixed-nav-height:54px;
    --tm-fixed-nav-reserve:calc(var(--tm-fixed-nav-bottom) + var(--tm-fixed-nav-height) + 56px);
    --tm-cookie-compact-height:94px;
    --tm-mobile-nav-reserve:var(--tm-fixed-nav-reserve);
    --tm-mobile-bottom-nav-reserve:var(--tm-fixed-nav-reserve);
    padding-bottom:calc(var(--tm-fixed-nav-reserve) + env(safe-area-inset-bottom)) !important;
    overflow-x:hidden;
  }

  html.tm-cookie-visible body.tm-saas{
    padding-bottom:max(
      calc(var(--tm-fixed-nav-reserve) + env(safe-area-inset-bottom)),
      calc(var(--tm-cookie-gap, var(--tm-cookie-compact-height)) + var(--tm-fixed-nav-bottom) + var(--tm-fixed-nav-height) + var(--tm-fixed-nav-gap) + 34px + env(safe-area-inset-bottom))
    ) !important;
  }

  body.tm-saas .footer,
  body.tm-saas .tm-home-hero,
  body.tm-saas .tm-section--pricing,
  body.tm-saas .tm-seo-landing,
  body.tm-saas .tm-legal.view.section-padding,
  body.tm-saas .view.section-padding{
    padding-bottom:calc(var(--tm-fixed-nav-reserve) + 68px + env(safe-area-inset-bottom)) !important;
  }

  html.tm-cookie-visible body.tm-saas .footer,
  html.tm-cookie-visible body.tm-saas .tm-home-hero,
  html.tm-cookie-visible body.tm-saas .tm-section--pricing,
  html.tm-cookie-visible body.tm-saas .tm-seo-landing,
  html.tm-cookie-visible body.tm-saas .tm-legal.view.section-padding,
  html.tm-cookie-visible body.tm-saas .view.section-padding{
    padding-bottom:max(
      calc(var(--tm-fixed-nav-reserve) + 54px + env(safe-area-inset-bottom)),
      calc(var(--tm-cookie-gap, var(--tm-cookie-compact-height)) + var(--tm-fixed-nav-bottom) + var(--tm-fixed-nav-height) + var(--tm-fixed-nav-gap) + 36px + env(safe-area-inset-bottom))
    ) !important;
  }

  .tm-mobile-nav{
    position:fixed !important;
    left:10px !important;
    right:10px !important;
    bottom:calc(var(--tm-fixed-nav-bottom) + env(safe-area-inset-bottom)) !important;
    z-index:1040 !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
    min-height:var(--tm-fixed-nav-height);
    padding:6px !important;
    border:1px solid rgba(15,23,42,.10);
    border-radius:18px;
    background:rgba(255,255,255,.95);
    box-shadow:0 14px 36px rgba(15,23,42,.14);
    backdrop-filter:saturate(180%) blur(16px);
    -webkit-backdrop-filter:saturate(180%) blur(16px);
  }

  body.tm-homepage-nav-hidden .tm-mobile-nav,
  .tm-mobile-nav.tm-mobile-nav--home-hidden{
    opacity:1;
    pointer-events:auto;
    transform:translate3d(0,0,0);
  }

  .tm-mobile-nav__item,
  .tm-mobile-nav__item:visited{
    min-width:0;
    min-height:46px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    border:0;
    border-radius:12px;
    background:transparent !important;
    color:#64748B !important;
    text-decoration:none;
    font:inherit;
    font-size:10.5px;
    font-weight:850;
    line-height:1;
    letter-spacing:0;
    box-shadow:none !important;
    -webkit-tap-highlight-color:transparent;
  }

  .tm-mobile-nav__item i,
  .tm-mobile-nav__item svg,
  .tm-mobile-nav__item span{
    color:inherit !important;
    fill:currentColor !important;
  }

  .tm-mobile-nav__item i,
  .tm-mobile-nav__item svg{
    font-size:17px;
    line-height:1;
  }

  .tm-mobile-nav__item span{
    max-width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  .tm-mobile-nav__item.is-active,
  .tm-mobile-nav__item.active,
  .tm-mobile-nav__item[aria-current="page"],
  .tm-mobile-nav__more[aria-expanded="true"]{
    color:#2563EB !important;
    background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(6,182,212,.12)) !important;
    box-shadow:none !important;
  }

  .tm-mobile-nav__item:focus{
    outline:none;
  }

  .tm-mobile-nav__item:focus-visible{
    box-shadow:0 0 0 3px rgba(37,99,235,.22);
  }

  .tm-mobile-more{
    position:fixed !important;
    inset:0;
    z-index:1045;
  }

  .tm-mobile-more:not([hidden]){
    display:block !important;
  }

  .tm-mobile-more__backdrop{
    position:absolute;
    inset:0;
    border:0;
    background:rgba(15,23,42,.38);
  }

  .tm-mobile-more__panel{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    max-height:78vh;
    overflow-y:auto;
    padding:10px 14px calc(var(--tm-fixed-nav-reserve) + env(safe-area-inset-bottom));
    border-radius:26px 26px 0 0;
    background:#fff;
    box-shadow:0 -20px 56px rgba(15,23,42,.22);
  }

  .tm-mobile-more__handle{
    width:42px;
    height:5px;
    margin:0 auto 12px;
    border-radius:99px;
    background:rgba(100,116,139,.28);
  }

  .tm-mobile-more__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
    color:#0f172a;
  }

  .tm-mobile-more__head strong{
    font-size:18px;
  }

  .tm-mobile-more__close{
    width:40px;
    height:40px;
    border:1px solid rgba(15,23,42,.10);
    border-radius:14px;
    background:#f8fafc;
    color:#0f172a;
  }

  .tm-mobile-more__section{
    display:grid !important;
    gap:8px;
    padding:12px 0;
    border-top:1px solid rgba(15,23,42,.08);
  }

  .tm-mobile-more__label{
    color:#64748b;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
  }

  .tm-mobile-more__section a,
  .tm-mobile-more__form button{
    display:flex;
    align-items:center;
    min-height:42px;
    padding:10px 12px;
    border:1px solid rgba(15,23,42,.08);
    border-radius:13px;
    background:#f8fafc;
    color:#0f172a;
    font:inherit;
    font-weight:800;
    text-decoration:none;
    text-align:left;
  }

  .tm-mobile-more__form{
    margin:0;
  }

  .tm-mobile-more__form button{
    width:100%;
  }

  body.tm-mobile-more-open{
    overflow:hidden;
  }

  .tm-cookie{
    left:10px !important;
    right:10px !important;
    bottom:calc(var(--tm-fixed-nav-bottom) + var(--tm-fixed-nav-height) + var(--tm-fixed-nav-gap) + env(safe-area-inset-bottom)) !important;
    z-index:1038 !important;
    width:auto;
    max-width:none;
    padding:0;
  }

  .tm-cookie__text{
    display:block !important;
  }

  .tm-cookie__title{
    display:none !important;
  }

  .tm-cookie__msg{
    margin:0;
    color:#64748B !important;
    font-size:12px !important;
    line-height:1.35;
  }

  .tm-cookie__msg a{
    display:none !important;
  }

  .tm-cookie__inner{
    display:grid !important;
    grid-template-columns:1fr;
    gap:8px !important;
    min-height:var(--tm-cookie-compact-height) !important;
    max-height:calc(100dvh - var(--tm-fixed-nav-reserve) - env(safe-area-inset-bottom)) !important;
    overflow-y:auto;
    padding:8px !important;
    border-radius:16px !important;
    box-shadow:0 14px 34px rgba(15,23,42,.16);
  }

  .tm-cookie__actions{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px !important;
    width:100%;
  }

  .tm-cookie__btn{
    width:100%;
    min-height:36px !important;
    padding:6px 5px;
    border-radius:10px;
    font-size:10px !important;
    font-weight:850;
    white-space:nowrap;
  }

  html.tm-lang-open .tm-cookie{
    display:none !important;
  }
}

@media (min-width:768px){
  .tm-mobile-nav,
  .tm-mobile-more{
    display:none !important;
  }
}

/* TEMPMY_CONFIRM_NEW_INBOX_MODAL_CLOSE_V1 */
#tmConfirmNewInboxModal .modal-header .close{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 34px !important;
  margin:-6px -6px -6px auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#64748B !important;
  font-size:24px !important;
  font-weight:600 !important;
  line-height:1 !important;
  opacity:.72 !important;
  text-shadow:none !important;
  transform:none !important;
}

#tmConfirmNewInboxModal .modal-header .close span{
  display:block !important;
  line-height:1 !important;
}

#tmConfirmNewInboxModal .modal-header .close:hover,
#tmConfirmNewInboxModal .modal-header .close:focus{
  background:rgba(15,23,42,.06) !important;
  color:#0F172A !important;
  opacity:1 !important;
  box-shadow:none !important;
  transform:none !important;
}

#tmConfirmNewInboxModal .modal-header .close:focus-visible{
  outline:2px solid rgba(37,99,235,.55);
  outline-offset:2px;
}

@media (max-width: 359.98px){
  #tmConfirmNewInboxModal .modal-footer{
    flex-direction:column;
    align-items:stretch;
  }

  #tmConfirmNewInboxModal .modal-footer .btn{
    width:100%;
    margin-left:0;
    margin-right:0;
  }
}

/* TEMPMY_HOMEPAGE_NAV_HIDDEN_V1 */
/* Homepage is a product/landing screen — no fixed bottom nav */
body.tm-saas.tm-mode-home .tm-mobile-nav,
body.tm-saas.tm-mode-home .tm-mobile-more{
  display:none !important;
}

@media (max-width:767.98px){
  /* Remove nav bottom-padding reserve on homepage */
  body.tm-saas.tm-mode-home{
    padding-bottom:env(safe-area-inset-bottom) !important;
  }

  html.tm-cookie-visible body.tm-saas.tm-mode-home{
    padding-bottom:env(safe-area-inset-bottom) !important;
  }

  /* Remove per-section nav clearance padding on homepage */
  body.tm-saas.tm-mode-home .footer,
  body.tm-saas.tm-mode-home .tm-home-hero,
  body.tm-saas.tm-mode-home .tm-section--pricing,
  body.tm-saas.tm-mode-home .tm-seo-landing,
  body.tm-saas.tm-mode-home .tm-legal.view.section-padding,
  body.tm-saas.tm-mode-home .view.section-padding{
    padding-bottom:env(safe-area-inset-bottom) !important;
  }

  html.tm-cookie-visible body.tm-saas.tm-mode-home .footer,
  html.tm-cookie-visible body.tm-saas.tm-mode-home .tm-home-hero,
  html.tm-cookie-visible body.tm-saas.tm-mode-home .tm-home-final-cta{
    padding-bottom:env(safe-area-inset-bottom) !important;
  }
}

/* TEMPMY_CONFIRM_NEW_INBOX_MODAL_BUTTON_CONTRAST_V1 */
#tmConfirmNewInboxModal .modal-footer .btn-primary,
#tmConfirmNewInboxModal .modal-footer .btn-primary:hover,
#tmConfirmNewInboxModal .modal-footer .btn-primary:focus{
  color:#FFFFFF !important;
}

/* TEMPMY_PRODUCT_UI_REPAIR_20260625 */
@media (max-width:767.98px){
  body.tm-saas{--tm-fixed-nav-bottom:5px;--tm-fixed-nav-gap:7px;--tm-fixed-nav-height:52px;--tm-cookie-compact-height:82px;}
  .tm-mobile-more__panel{
    left:10px;
    right:10px;
    bottom:calc(var(--tm-fixed-nav-bottom) + var(--tm-fixed-nav-height) + var(--tm-fixed-nav-gap) + env(safe-area-inset-bottom));
    max-height:min(68vh, calc(100dvh - var(--tm-fixed-nav-height) - 28px - env(safe-area-inset-bottom)));
    padding:10px 12px 14px;
    border-radius:22px 22px 18px 18px;
  }
  .tm-mobile-more__backdrop{background:rgba(15,23,42,.34);}
  .tm-mobile-more__section{gap:7px;padding:10px 0;}
  .tm-mobile-more__section a,
  .tm-mobile-more__form button{min-height:40px;border-radius:12px;}
  .tm-cookie__inner{min-height:var(--tm-cookie-compact-height) !important;}
  .tm-cookie__msg{font-size:11.5px !important;line-height:1.3;}
  .tm-cookie__btn{min-height:34px !important;font-size:9.5px !important;}
  html.tm-cookie-visible body.tm-saas.tm-mode-home{
    padding-bottom:calc(var(--tm-fixed-nav-bottom) + var(--tm-fixed-nav-height) + var(--tm-fixed-nav-gap) + var(--tm-cookie-compact-height) + 16px + env(safe-area-inset-bottom)) !important;
  }
  html.tm-cookie-visible body.tm-saas.tm-mode-home .footer,
  html.tm-cookie-visible body.tm-saas.tm-mode-home .tm-home-final-cta{
    padding-bottom:calc(var(--tm-fixed-nav-bottom) + var(--tm-fixed-nav-height) + var(--tm-fixed-nav-gap) + var(--tm-cookie-compact-height) + 16px + env(safe-area-inset-bottom)) !important;
  }
}
