@import url("/static/css/mobile-controls.css?v=20261013");

/**
 * BroKanteur — mobile-first (Chrome Android, iOS Safari).
 * Classes html : bk-device-mobile | bk-device-tablet | bk-device-desktop
 */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.bk-device-mobile body,
.bk-device-tablet body {
  overflow-x: hidden;
}

/* Boutons zone pouce */
.bk-device-mobile button,
.bk-device-mobile .btn-valider,
.bk-device-mobile .btn-modifier,
.bk-device-mobile .sheet-confirm,
.bk-device-mobile .sheet-cancel,
.bk-device-mobile .val-btn-back,
.bk-device-mobile a.val-btn-back {
  min-height: 48px;
}

/* Formulaire — overlay traitement plein écran */
.bk-device-mobile .bk-loading-overlay {
  padding: max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));
}

.bk-device-mobile .bk-loading-panel,
.bk-device-mobile .bk-loading-panel--journey {
  width: min(100%, 100vw - 24px);
  max-width: 100%;
  border-radius: 18px;
  padding: 18px 16px;
}

.bk-device-mobile .pj-root {
  max-width: 100%;
}

.bk-device-mobile .pj-bigbar {
  height: 14px;
}

.bk-device-mobile .pj-active-step-name {
  font-size: 11px;
  line-height: 1.35;
}

/* Validation — plein écran, pas de cadre téléphone */
.bk-device-mobile body.val-body-loading,
.bk-device-mobile body.val-body-ready {
  display: block;
  background: var(--beige, #f5f1e8);
}

.bk-device-mobile .phone {
  width: 100%;
  max-width: 100vw;
  height: 100svh;
  max-height: none;
  border-radius: 0;
  box-shadow: none;
}

.bk-device-mobile .app {
  overflow-x: hidden;
}

.bk-device-mobile .stage {
  min-height: 38svh;
}

.bk-device-mobile .slide-photo {
  object-fit: contain;
  object-position: center center;
}

.bk-device-mobile .panel {
  overflow-x: hidden;
  padding-left: max(14px, env(safe-area-inset-left));
  padding-right: max(14px, env(safe-area-inset-right));
}

.bk-device-mobile .price-split {
  flex-direction: column;
  gap: 10px;
}

.bk-device-mobile .price-divider {
  transform: rotate(90deg);
  align-self: center;
  padding: 4px 0;
}

.bk-device-mobile .price-cell {
  width: 100%;
}

.bk-device-mobile .chips {
  flex-wrap: wrap;
  gap: 8px;
}

.bk-device-mobile .chip {
  max-width: 100%;
  font-size: 12px;
}

.bk-device-mobile .desc {
  font-size: 14px;
  line-height: 1.5;
  word-break: break-word;
}

.bk-device-mobile .actions {
  padding-bottom: max(14px, env(safe-area-inset-bottom));
}

.bk-device-mobile .btn-valider,
.bk-device-mobile .btn-modifier {
  width: 100%;
  max-width: 100%;
}

.bk-device-mobile .confirm-sheet {
  max-height: 85svh;
  overflow-y: auto;
}

/* Écran chargement validation */
.bk-device-mobile .val-fs {
  padding: max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right))
    max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
}

.bk-device-mobile .val-bar {
  width: min(100%, 92vw);
}

/* Publication / fiche publique */
.bk-device-mobile .bk-pub-main,
.bk-device-mobile .bk-pub-nav {
  max-width: 100vw;
  overflow-x: hidden;
  padding-left: max(12px, env(safe-area-inset-left));
  padding-right: max(12px, env(safe-area-inset-right));
}

.bk-device-mobile .bk-pub-main {
  padding-top: 16px;
  padding-bottom: max(32px, env(safe-area-inset-bottom));
}

.bk-device-mobile .bk-pub-nav {
  padding-top: max(10px, env(safe-area-inset-top));
  padding-bottom: 10px;
}

.bk-device-mobile .bk-pub-nav ul {
  gap: 12px;
  font-size: 12px;
}

.bk-device-mobile .bk-product {
  gap: 16px;
}

.bk-device-mobile .bk-product__hero img {
  max-height: 58svh;
}

.bk-device-mobile .bk-product__actions .bk-btn {
  width: 100%;
  min-height: 48px;
}

.bk-device-mobile .bk-pub-main img {
  max-width: 100%;
  height: auto;
}

/* Shell admin — navigation et cartes */
.bk-device-mobile .bk-shell-main {
  overflow-x: hidden;
  max-width: 100vw;
}

.bk-device-mobile .bk-card,
.bk-device-mobile table {
  max-width: 100%;
  overflow-x: auto;
  display: block;
}

.bk-device-tablet .phone {
  width: min(100%, 520px);
  max-width: 100vw;
  height: 100svh;
  border-radius: 0;
  box-shadow: none;
}

.bk-device-tablet body {
  display: block;
}

/* Pas d'animation d'entrée tant que la fiche n'est pas prête */
body:not(.bk-val-ready) .stage,
body:not(.bk-val-ready) .stage-foot,
body:not(.bk-val-ready) .price-split,
body:not(.bk-val-ready) .price-receipt,
body:not(.bk-val-ready) .chips,
body:not(.bk-val-ready) .desc,
body:not(.bk-val-ready) .see-full,
body:not(.bk-val-ready) .btn-valider,
body:not(.bk-val-ready) .btn-modifier {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}