/* Immo Match V3.10.13 - Correctif navigation proprietaires iPhone / smartphone / tablette */
:root{
  --immo-safe-top: env(safe-area-inset-top, 0px);
  --immo-safe-right: env(safe-area-inset-right, 0px);
  --immo-safe-bottom: env(safe-area-inset-bottom, 0px);
  --immo-safe-left: env(safe-area-inset-left, 0px);
}

/* Le header ne doit jamais passer sous l'encoche / Dynamic Island */
.client-app .app-header{
  box-sizing:border-box;
  min-height:calc(70px + var(--immo-safe-top));
  height:auto;
  padding-top:var(--immo-safe-top);
  padding-left:max(18px, var(--immo-safe-left));
  padding-right:max(18px, var(--immo-safe-right));
  top:0;
  align-items:center;
}

.client-app .app-header .brand,
.client-app .app-header .who{
  position:relative;
  z-index:2;
}

.client-app .app-header .who{
  flex:0 0 auto;
}

.client-app .app-header .who a{
  min-width:40px;
  min-height:40px;
  width:40px;
  height:40px;
  touch-action:manipulation;
}

.client-app .app-header .brand{
  min-width:0;
  max-width:calc(100% - 108px);
}

.client-app .app-header .brand > span:last-child{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Menu du bas : laisse toujours la zone du geste iPhone libre */
.client-app .mobile-nav{
  bottom:max(6px, var(--immo-safe-bottom));
  padding-bottom:max(5px, var(--immo-safe-bottom));
  left:max(6px, var(--immo-safe-left));
  right:max(6px, var(--immo-safe-right));
}

.client-app .app-shell{
  padding-bottom:calc(104px + var(--immo-safe-bottom));
}

@media (max-width:840px){
  .client-app .app-header{
    position:sticky;
    min-height:calc(66px + var(--immo-safe-top));
    padding-top:var(--immo-safe-top);
    padding-left:max(14px, var(--immo-safe-left));
    padding-right:max(14px, var(--immo-safe-right));
  }

  .client-app .brand{
    font-size:18px;
    gap:9px;
  }

  .client-app .brand-mark{
    flex:0 0 38px;
    width:38px;
    height:38px;
  }

  .client-app .who{
    gap:8px;
  }

  .client-app .who > span{
    display:none;
  }

  .client-app .who a{
    border-radius:12px;
    background:#fff;
    box-shadow:0 5px 16px rgba(11,39,70,.08);
  }
}

@media (max-width:520px){
  .client-app .app-header{
    min-height:calc(64px + var(--immo-safe-top));
    padding-top:var(--immo-safe-top);
    padding-left:max(12px, var(--immo-safe-left));
    padding-right:max(12px, var(--immo-safe-right));
  }

  .client-app .brand{
    max-width:calc(100% - 100px);
    font-size:17px;
  }

  .client-app .brand-mark{
    flex-basis:36px;
    width:36px;
    height:36px;
  }

  .client-app .who a{
    min-width:38px;
    min-height:38px;
    width:38px;
    height:38px;
  }

  .client-app .app-shell{
    padding-top:18px;
    padding-left:max(12px, var(--immo-safe-left));
    padding-right:max(12px, var(--immo-safe-right));
  }
}

/* iPhone en mode PWA / standalone : marge de securite supplementaire si env() vaut 0 */
@media (display-mode: standalone) and (max-width:840px){
  .client-app .app-header{
    padding-top:max(var(--immo-safe-top), 10px);
    min-height:calc(66px + max(var(--immo-safe-top), 10px));
  }
}