/* Minimal UI-hjälp för mobilanpassning i boka-modulen */

body {
  background: #e0e0e0 !important;
}

.btn {
  border-radius: 8px;
  font-weight: 500;
  padding: 0.35rem 0.8rem;
  box-shadow: none !important;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.btn-sm {
  padding: 0.25rem 0.65rem;
  border-radius: 7px;
}

/* Diskret, ton-i-ton knappar */
.btn-primary,
.btn-outline-primary {
  background: #f2f6fb;
  border-color: #c7d7ee;
  color: #2f4b73;
}
.btn-primary:hover,
.btn-outline-primary:hover {
  background: #e6eef8;
  border-color: #b3c9e6;
  color: #243a57;
}

.btn-success,
.btn-outline-success {
  background: #e7f4ee;
  border-color: #c4e3d3;
  color: #1f5a3b;
}
.btn-success:hover,
.btn-outline-success:hover {
  background: #d8ecdf;
  border-color: #b1d8c4;
  color: #17412b;
}

.btn-danger,
.btn-outline-danger {
  background: #f7e9ea;
  border-color: #e7c7cb;
  color: #6a1f29;
}
.btn-danger:hover,
.btn-outline-danger:hover {
  background: #f1dcdc;
  border-color: #dbb3b7;
  color: #4b161d;
}

.btn-warning,
.btn-outline-warning {
  background: #f8f0df;
  border-color: #e7d5b5;
  color: #6a4a1f;
}
.btn-warning:hover,
.btn-outline-warning:hover {
  background: #f2e6cf;
  border-color: #dcc59f;
  color: #4f3616;
}

.btn-info,
.btn-outline-info {
  background: #e7f2f6;
  border-color: #c7dce6;
  color: #1f4a5a;
}
.btn-info:hover,
.btn-outline-info:hover {
  background: #d9e9f1;
  border-color: #b3cddd;
  color: #153641;
}

.btn-secondary,
.btn-outline-secondary,
.btn-light,
.btn-outline-light,
.btn-dark,
.btn-outline-dark {
  background: #f3f4f6;
  border-color: #d1d5db;
  color: #374151;
}
.btn-secondary:hover,
.btn-outline-secondary:hover,
.btn-light:hover,
.btn-outline-light:hover,
.btn-dark:hover,
.btn-outline-dark:hover {
  background: #e5e7eb;
  border-color: #c2c7cf;
  color: #1f2937;
}

.boka-qty {
  max-width: 7rem;
}

/* Innehåll från Summernote på kundsidan */
.boka-content {
  overflow-wrap: break-word;
}

.boka-content img {
  max-width: 100%;
  height: auto;
}

.boka-content table {
  max-width: 100%;
}

/* Summernote kan annars ge horisontell scroll på små skärmar */
.note-editor.note-frame,
.note-editor.note-airframe {
  max-width: 100%;
}

/* DataTables kan sätta inline width; låt wrapper scrolla vid behov */
.dataTables_wrapper {
  max-width: 100%;
}

/* Undvik horisontell scroll i tabeller med långa strängar (t.ex. e-post) */
.boka-break {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.boka-table-fixed {
  table-layout: fixed;
  width: 100%;
}

/* Diskretare admin-kort, badges och progress */
.card.bg-primary { background: #cfe2ff !important; color: #0c316a !important; border: 1px solid #acc9f2; }
.card.bg-success { background: #cfead8 !important; color: #154f32 !important; border: 1px solid #a9d4bc; }
.card.bg-info    { background: #cbe9f6 !important; color: #153e4f !important; border: 1px solid #a9d6e8; }
.card.bg-dark    { background: #d7dde6 !important; color: #1f2831 !important; border: 1px solid #b7c1cc; }

.card.bg-primary .card-title,
.card.bg-success .card-title,
.card.bg-info .card-title,
.card.bg-dark .card-title {
  color: inherit;
  opacity: 0.85;
}
.card.bg-primary .mb-0,
.card.bg-success .mb-0,
.card.bg-info .mb-0,
.card.bg-dark .mb-0 {
  color: inherit;
}

.badge.bg-primary { background: #cfe2ff !important; color: #0c316a !important; border: 1px solid #acc9f2; }
.badge.bg-success { background: #cfead8 !important; color: #154f32 !important; border: 1px solid #a9d4bc; }
.badge.bg-warning { background: #f0e2b7 !important; color: #6a4a1f !important; border: 1px solid #ddc488; }
.badge.bg-danger  { background: #edc6cb !important; color: #6a1f29 !important; border: 1px solid #dca1a8; }
.badge.bg-info    { background: #cbe9f6 !important; color: #153e4f !important; border: 1px solid #a9d6e8; }

.progress {
  background-color: #e5e7eb;
}
.progress-bar { background-color: #5f8fcb; }

.text-success { color: #1f6c43 !important; }
.text-danger { color: #8f1f1f !important; }