body {
  background: red !important;
}

/* ===== BACKGROUND ===== */
body, .v-application {
  background: #f8f9fb !important;
}

/* ===== LIST ITEMS (THIS IS THE REAL FIX) ===== */
.v-list-item {
  background: #ffffff !important;
  border-radius: 12px !important;
  margin: 10px 12px !important;
  padding: 10px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
}

/* spacing between items */
.v-list-item + .v-list-item {
  margin-top: 12px !important;
}

/* ===== IMAGES ===== */
.v-list-item img {
  border-radius: 10px !important;
}

/* ===== TEXT ===== */
.v-list-item__title {
  font-weight: 600 !important;
}

.v-list-item__subtitle {
  color: #666 !important;
}

/* ===== TEXT IMPROVEMENT ===== */

#q-app {
  color: #222 !important;
}

#q-app .text-grey,
#q-app .text-grey-6,
#q-app .text-grey-7,
#q-app .text-grey-8 {
  color: #555 !important;
}

/* restaurant titles */
#q-app h1, 
#q-app h2, 
#q-app h3, 
#q-app h4 {
  color: #111 !important;
}

/* ===== BRAND COLOR ===== */

:root {
  --primary: #2B13EC;
}

/* buttons */
.q-btn {
  background-color: #2B13EC !important;
  color: #fff !important;
}

/* icons */
.q-icon {
  color: #2B13EC !important;
}

/* active bottom menu */
.q-tab--active {
  color: #2B13EC !important;
}

/* ===== CLEAN CARDS ===== */

#q-app .q-card,
#q-app .q-item {
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  background: #fff !important;
}

/* ===== FIX ICON VISIBILITY ===== */

/* icons inside buttons → WHITE */
.q-btn .q-icon {
  color: #ffffff !important;
}

/* icons NOT inside buttons → DARK */
.q-icon {
  color: #2B2B2B !important;
}

/* favorite (heart) icon */
.q-icon[name="favorite"],
.q-icon[name="favorite_border"] {
  color: #2B13EC !important;
}

/* inactive icons (like filters if greyed) */
.text-grey .q-icon {
  color: #888 !important;
}

/* ===== RESTAURANT LIST UPGRADE ===== */

#q-app .q-item {
  background: #ffffff !important;
  border-radius: 14px !important;
  margin: 8px 12px !important;
  padding: 12px !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.06) !important;
}

/* image nicer */
#q-app .q-item img {
  border-radius: 10px !important;
}

/* title stronger */
#q-app .q-item__label--header {
  font-weight: 600 !important;
  font-size: 18px !important;
}

/* description cleaner */
#q-app .q-item__label--caption {
  color: #666 !important;
  font-size: 14px !important;
}

/* ===== SECTION SPACING ===== */

#q-app .q-pa-md {
  padding: 12px 16px !important;
}

h5, h6 {
  margin: 12px 16px 6px !important;
}

/* ===== FILTER BUTTONS ===== */

.q-btn {
  border-radius: 20px !important;
  padding: 10px 16px !important;
  font-size: 15px !important;
}

/* spacing between them */
.q-btn + .q-btn {
  margin-left: 6px !important;
}

/* ===== RESTAURANT LIST UPGRADE ===== */

#q-app .q-item {
  background: #ffffff !important;
  border-radius: 14px !important;
  margin: 8px 12px !important;
  padding: 12px !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.06) !important;
}

/* image nicer */
#q-app .q-item img {
  border-radius: 10px !important;
}

/* title stronger */
#q-app .q-item__label--header {
  font-weight: 600 !important;
  font-size: 18px !important;
}

/* description cleaner */
#q-app .q-item__label--caption {
  color: #666 !important;
  font-size: 14px !important;
}

/* ===== SECTION SPACING ===== */

#q-app .q-pa-md {
  padding: 12px 16px !important;
}

h5, h6 {
  margin: 12px 16px 6px !important;
}

/* ===== FILTER BUTTONS ===== */

.q-btn {
  border-radius: 20px !important;
  padding: 10px 16px !important;
  font-size: 15px !important;
}

/* spacing between them */
.q-btn + .q-btn {
  margin-left: 6px !important;
}

/* REMOVE FULL WIDTH STRIP */
/* ============================= */
/* CENTER + CLEAN STYLE          */
/* ============================= */

/* ============================= */
/* BLUE ALERT BOX (FINAL)        */
/* ============================= */

#q-app .bg-error {
  max-width: 700px;
  margin: 20px auto;
  background: #EEF0FF !important;
  border-radius: 12px;
  padding: 10px 14px;
}

#q-app .bg-error > div {
  background: #FFFFFF !important;
  border: 2px solid #2B13EC !important; /* FIXED */
  border-radius: 10px;
  padding: 12px 16px !important;
}

#q-app .bg-error,
#q-app .bg-error * {
  color: #2B13EC !important;
  font-weight: 500;
}

#q-app .bg-error i {
  color: #1F0DBA !important;
}

.q-btn {
  border-radius: 20px !important;
  padding: 10px 16px !important;
  font-size: 15px !important;
}