/* Riad Chay Management - application installable (V4.71)
   Feuille séparée de app.css : conseil d'installation iPhone + zones de sécurité (encoche,
   Dynamic Island, barre d'accueil) quand le manager est ouvert depuis l'écran d'accueil.
   Sur ordinateur et dans Safari normal, rien ne change : les règles « application » ne
   s'appliquent qu'en mode standalone, et env() vaut 0 sur les écrans sans encoche. */

/* ---------- conseil « Ajouter à l'écran d'accueil » (Safari iPhone / iPad seulement) ---------- */
.rc-pwa-hint{position:relative;box-sizing:border-box;width:100%;
  display:flex;align-items:center;gap:12px;max-width:560px;margin:0 auto 14px;text-align:left;
  background:#ffffff;color:#2b2520;border:1px solid #e6ded3;border-radius:16px;
  padding:12px 12px 12px 14px;box-shadow:0 4px 14px rgba(0,0,0,.08);
  font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.rc-pwa-hint img{flex:0 0 44px;width:44px;height:44px;border-radius:10px;border:1px solid #eee}
.rc-pwa-hint .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.rc-pwa-hint .t>b{font-size:14px}
.rc-pwa-hint .t span{color:#6b6257;font-size:13px}
.rc-pwa-hint .t svg{vertical-align:-3px;color:#0a84ff}
.rc-pwa-hint button{flex:0 0 40px;width:40px;height:40px;border:0;border-radius:10px;background:#f2eee8;color:#2b2520;font-size:16px;cursor:pointer}

/* ---------- mode application (ouvert depuis l'écran d'accueil) ---------- */
@media (display-mode: standalone){
  html{-webkit-text-size-adjust:100%}
  /* barre latérale : rien sous l'encoche quand l'iPhone est à l'horizontale (identique ailleurs : max avec la marge d'origine) */
  .sidebar{padding-left:max(.9rem, env(safe-area-inset-left,0px))}
  /* barre d'accueil (bas de l'écran) : pieds collants, messages et contenu restent au-dessus */
  .ck-foot{padding-bottom:max(.2rem, env(safe-area-inset-bottom,0px))}
  .toast{bottom:calc(1rem + env(safe-area-inset-bottom,0px))}
}
/* téléphone (vertical ou horizontal jusqu'à 860 px) : marges latérales et basse sûres */
@media (display-mode: standalone) and (max-width: 860px){
  .topbar{padding-left:max(.9rem, env(safe-area-inset-left,0px));padding-right:max(.9rem, env(safe-area-inset-right,0px))}
  .content{padding-left:max(1rem, env(safe-area-inset-left,0px));padding-right:max(1rem, env(safe-area-inset-right,0px));
           padding-bottom:max(2.5rem, calc(1.5rem + env(safe-area-inset-bottom,0px)))}
}
/* grands iPhone à l'horizontale (plus de 860 px) : seul le bord droit peut passer sous l'encoche */
@media (display-mode: standalone) and (min-width: 861px) and (max-width: 1199px){
  .topbar,.content{padding-right:max(1.5rem, env(safe-area-inset-right,0px))}
}
/* anciennes versions d'iOS qui ne déclarent pas « display-mode » : même protection du bas */
html.rc-standalone .ck-foot{padding-bottom:max(.2rem, env(safe-area-inset-bottom,0px))}