/* ═══════════════════════════════════════════════════════
   DRAGON BANE — MOBILE.CSS
   Thème parchemin + zones tactiles 44px (smartphone)
═══════════════════════════════════════════════════════ */

body.theme-mobile {
  --font-base:  18px;
  --touch-min:  44px;
  --font-serif: Georgia, 'Times New Roman', Times, serif;
}

/* ── NAVIGATION ── */
body.theme-mobile .tab-nav {
  background: #4a3018;
  border-bottom: 3px solid #8b6914;
  justify-content: space-around;
  position: sticky;
  top: 0;
}
body.theme-mobile .tab-btn {
  flex: 1;
  text-align: center;
  font-size: 11px;
  padding: 12px 6px;
  min-height: 44px;
  border-right: 1px solid rgba(255,255,255,0.15);
}
body.theme-mobile .tab-btn.active {
  background: #f5f0e8;
  color: #1a1209;
}

/* ── PANEL ── */
body.theme-mobile .tab-panel {
  padding: 8px;
}

/* ── INPUTS PLUS GRANDS ── */
body.theme-mobile input[type=text],
body.theme-mobile input[type=password],
body.theme-mobile input[type=number],
body.theme-mobile textarea,
body.theme-mobile select {
  font-size: 16px; /* évite le zoom iOS */
  min-height: 44px;
  padding: 8px 10px;
}

/* ── BOUTONS TACTILES ── */
body.theme-mobile .btn {
  min-height: 44px;
  padding: 10px 18px;
  font-size: 14px;
}
body.theme-mobile .btn.small {
  min-height: 36px;
  padding: 6px 12px;
  font-size: 13px;
}

/* ── TOOLBAR ── */
body.theme-mobile .toolbar {
  gap: 10px;
}

/* ── CARDS PLEINE LARGEUR ── */
body.theme-mobile .card-body {
  grid-template-columns: 1fr;
}

/* ── TABLE SCROLLABLE ── */
body.theme-mobile .table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
body.theme-mobile .data-table td input {
  min-width: 80px;
}

/* ── FICHE PERSONNAGE ── */
body.theme-mobile .body-grid {
  grid-template-columns: 1fr;
}
body.theme-mobile .stats-grid {
  grid-template-columns: repeat(3, 1fr);
}
body.theme-mobile .etats-grid {
  grid-template-columns: repeat(3, 1fr);
}
body.theme-mobile .bonus-grid {
  grid-template-columns: 1fr;
}
body.theme-mobile .bonus-cell {
  border-right: none;
  border-bottom: 1px solid var(--border);
}
body.theme-mobile .bonus-cell:last-child { border-bottom: none; }
body.theme-mobile .armure-grid {
  grid-template-columns: 1fr;
}
body.theme-mobile .points-row {
  grid-template-columns: 1fr;
}
body.theme-mobile .comp-cols {
  grid-template-columns: 1fr;
}
body.theme-mobile .header-grid {
  grid-template-columns: 1fr;
}

/* ── CHECKBOXES PLUS GRANDES ── */
body.theme-mobile .cb-box {
  width: 32px;
  height: 32px;
  font-size: 22px;
}
body.theme-mobile .cb-diamond {
  width: 28px;
  height: 28px;
}
body.theme-mobile .cb-diamond-wrap {
  width: 36px;
  height: 36px;
}
body.theme-mobile .cb-circle {
  width: 32px;
  height: 32px;
  font-size: 20px;
}
body.theme-mobile .comp-check {
  width: 28px;
  height: 28px;
  font-size: 18px;
}

/* ── CIRCLES GRID PV/PS ── */
body.theme-mobile .circles-grid {
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
}

/* ── NOTES ── */
body.theme-mobile .notes-layout {
  flex-direction: column;
}
body.theme-mobile .notes-sidebar {
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border-right: none;
  border-bottom: 2px solid var(--border);
}