@import url("/assets/color_palette-3e2b6cc7.css");
@import url("/assets/menus-b75cfb0a.css");
@import url("/assets/items-477e844b.css");

@import url("/assets/print-e8dc057d.css");
@import url("/assets/admin-fe50f292.css");
@import url("/assets/public-menu-fba24490.css");
@import url("/assets/qr_codes-aa6d4b2f.css");
@import url("/assets/modal-4934fb7c.css");



/* ======================
   Base Styles & Typography
   ====================== */
body {
  font-family: 'verdana', 'system-ui', sans-serif;
  line-height: 1.3;
  color: var(--menurooster-black);
  padding-top: 3rem; /* adjust based on navbar height */
  background-color: var(--menurooster-french-grey-05);
  /* ======================
  background-image: url("black_01.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  ====================== */
}

.public_show-action,
.today-action {
  background-color: white;
}

/* ======================
   Custom Button Styles Menu Rooster Colors
   ====================== */

.navbar {
  background-color: var(--menurooster-french-grey-50);
}

.navbar .nav-link {
  color: var(--menurooster-blue);
}

.navbar .nav-link.active {
  color: var(--menurooster-black);
}



/* Override the default btn-primary color */
.btn-primary {
  background-color: var(--menurooster-blue);
  border-color: var(--menurooster-blue);
  color: var(--menurooster-white);
}

/* Change the hover state color */
.btn-primary:hover {
  background-color: var(--menurooster-blue-medium);
  border-color: var(--menurooster-blue-medium);
}

/* Override the default btn-warning color */
.btn-warning {
  background-color: var(--menurooster-yellow);
  border-color: var(--menurooster-yellow);
  color: var(--menurooster-blue);
}

/* Change the hover state color */
.btn-warning:hover {
  background-color: var(--menurooster-yellow-light);
  border-color: var(--menurooster-yellow-light);
}

.btn-light {
  background-color: var(--menurooster-grey-10);
}

/* Override the default btn-danger color */
.btn-danger {
  background-color: var(--menurooster-red);
  border-color: var(--menurooster-red;
  color: var(--menurooster-white);
}

/* Change the hover state color */
.btn-danger:hover {
  background-color: var(--menurooster-red-dark);
  border-color: var(--menurooster-red-dark);
}

/* Override the default btn-primary color */
.btn-info {
  background-color: var(--menurooster-blue-dodger);
  border-color: var(--menurooster-blue-dodger);
  color: var(--menurooster-white);
}

/* Change the hover state color */
.btn-info:hover {
  background-color: var(--menurooster-dark-purple);
  border-color: var(--menurooster-dark-purple);
}



#rooster-logo {
  height: 50px;
  width: 40px;
}









/* Add this to your menus.css file */
.navbar {
  max-width: 6in; /* Same as menu-card */
  width: 100%; /* Allow it to shrink on smaller screens */
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Ensure the navbar container spans full width but content is constrained */
.navbar .container-fluid {
  max-width: 6in; /* Same as menu-card */
  width: 100%;
  margin: 0 auto;
}

/* For the two-row navbar layout */
.navbar .d-flex {
  max-width: 6in; /* Same as menu-card */
  width: 100%;
  margin: 0 auto;
}

/* app/assets/stylesheets/application.css */
.android-camera-menu .card button:not(:last-child) {
  border-bottom: 1px solid #eee !important;
}

.android-camera-menu .card button:hover {
  background-color: #f8f9fa;
}

.android-camera-menu .card button i {
  width: 20px;
  text-align: center;
}

/* =============================================
   Page Titles (Index Pages)
   ============================================= */

h1.page-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 2rem;
  font-weight: 900;
  color: var(--menurooster-black);
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 1rem;
  width: 100%;
}