/* v12z5 — popup d'installation de l'annuaire Restyo (même modale que les applis resto). */

/* Le bandeau vit sous le header sticky, pas dedans (le header reste ~56 px). */
html.mkt-mode .r-install-bar{
  display:flex;
  align-items:center;
  gap:8px;
  width:calc(100% - 32px);
  max-width:1200px;
  margin:10px auto 0;
  box-sizing:border-box;
  pointer-events:auto;
  z-index:30;
}
html.mkt-mode .r-install,
html.mkt-mode .r-install-x{
  min-height:48px;
  min-width:48px;
  box-sizing:border-box;
}
html.mkt-mode .r-install{
  font-size:14.5px;
  font-weight:800;
  background:#141414;
  color:#fff;
  border:1.5px solid #0a0a0a;
  box-shadow:
    0 1px 0 rgba(255,255,255,.2) inset,
    0 3px 0 #0a0a0a,
    0 8px 18px rgba(0,0,0,.25);
}
html.mkt-mode .r-install:active{
  transform:translateY(2px);
  box-shadow:
    0 1px 0 rgba(255,255,255,.1) inset,
    0 1px 0 #0a0a0a,
    0 3px 8px rgba(0,0,0,.18);
}
html.mkt-mode .r-install-x{color:#141414}

/* Sur l'annuaire, #phone est masqué : la feuille est fixée au viewport. */
html.mkt-mode .r-ios-sheet{
  position:fixed;
  inset:0;
  z-index:200;
  pointer-events:auto;
}
@media (max-width:1023px){
  html.mkt-mode:not(.ios-sa) .r-ios-sheet{
    position:fixed;
    inset:auto;
    top:var(--fq-vvt, 0px);
    left:var(--fq-vvl, 0px);
    width:var(--fq-vvw, 100%);
    height:var(--fq-vvh, 100%);
    max-height:var(--fq-vvh, 100dvh);
  }
}

/* t2076 : logo en tête de TOUS les popups d'install (annuaire = logo Restyo, resto = icône de l'appli resto). */
.r-ios-brand{
  display:flex;
  justify-content:center;
  margin:0 0 10px;
}
.r-ios-brand img{
  width:56px;
  height:56px;
  border-radius:14px;
  background:#141414;
  display:block;
  object-fit:cover;
  box-shadow:0 2px 8px rgba(0,0,0,.14);
}
.r-ios-brand[data-brand-kind="resto"] img{background:var(--y,#FFD000)}
.r-ios-card .r-ios-brand + h2,
html.mkt-mode .r-ios-card h2{text-align:center}


/* KO-E : prix des tuiles caisse lisible (blanc hérité, pas le gris --mut), ≥ 13 px. */
.z4-tile small,
.z4-caisse .dk-prod small{
  color:inherit;
  font-size:13px;
  font-weight:800;
  opacity:1;
}


/* Après le × : petit bouton d'install au même endroit, sans ×, cibles ≥ 48 px (annuaire et restos). */
.r-install-bar[data-compact="1"]{
  display:inline-flex;
  width:fit-content;
  max-width:calc(100% - 32px);
  justify-content:flex-start;
}
.r-install-bar[data-compact="1"] .r-install{
  flex:0 0 auto;
  width:auto;
  max-width:100%;
  min-height:48px;
  min-width:48px;
  padding:0 14px;
  font-size:13px;
  font-weight:800;
  box-sizing:border-box;
}
html.mkt-mode .r-install-bar[data-compact="1"]{
  display:inline-flex;
  width:fit-content;
  max-width:calc(100% - 32px);
  margin-inline:16px;
}

/* Bouton « Ouvrir dans le navigateur » : cible ≥ 48 px (annuaire et restos, RTL). */
.r-ios-open{
  min-height:48px;
  min-width:48px;
  box-sizing:border-box;
}

/* v12z9 · t2034u — parts multi-apporteurs (Propriétaire) : une ligne = apporteur + part + retirer */
#ap-link .ap-pt{display:flex;flex-direction:column;gap:8px;margin:10px 0}
#ap-link .ap-pt-row{display:grid;grid-template-columns:minmax(0,1fr) 96px 40px;gap:8px;align-items:center}
#ap-link .ap-pt-row select,#ap-link #ap-lk-resto{width:100%;min-height:44px;border:1px solid var(--line,#e4ded6);border-radius:12px;padding:0 10px;background:var(--card,#fff);font:inherit;color:inherit}
#ap-link .ap-pt-row .ad-ed-row{display:flex;align-items:center;gap:4px}
#ap-link .ap-pt-row input{width:100%;min-height:44px;border:1px solid var(--line,#e4ded6);border-radius:12px;padding:0 10px;font:inherit;text-align:end}
#ap-link .ap-pt-row [data-appartdel]{min-width:40px;min-height:44px;display:grid;place-items:center}
#ap-link #ap-pt-ex[data-err]{color:var(--danger,#B3261E)}

/* t2076 (12/11/2026) · Q104 : annuaire sur écran large — dans chaque rangée, fiches de même hauteur ET bouton
   « Voir l'appli » à la même hauteur, même si le bloc adresse fait 2 ou 3 lignes (sous-grille : carte / adresse). */
@media(min-width:720px){
  .mkt-list > .mkt-fiche{grid-row:span 2;display:grid;grid-template-rows:subgrid;gap:0;height:auto}
  .mkt-list > :not(.mkt-fiche){grid-row:span 2}
}