@import url("/assets/color_palette-3e2b6cc7.css");
@import url("/assets/menus-0075ac4e.css");
@import url("/assets/items-5ed3d735.css");

@import url("/assets/print-e8dc057d.css");
@import url("/assets/admin-45cc1349.css");
@import url("/assets/public-menu-22026df2.css");
@import url("/assets/qr_codes-f40a495a.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;
  padding-top: 0;
}

.live_menus_this-action {
  padding-top: 0;
}

.public_items-page {
  padding-top: 0;
}

.public-inline-menurooster-link {
  display: block;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  position: static;
  font-family: 'Syncopate', sans-serif;
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--menurooster-black);
  text-decoration: none;
  line-height: 1;
}

.public-inline-menurooster-link.top {
  margin-top: 0.6rem;
  margin-bottom: 0.2rem;
}

.public-inline-menurooster-link.bottom {
  margin-top: 0.2rem;
  margin-bottom: 0.6rem;
}

.public-bottom-branding {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.public-bottom-brand-icon-link {
  display: inline-flex;
  line-height: 0;
  margin-bottom: 0.35rem;
}

.public-bottom-brand-icon {
  width: 4rem;
  height: 4rem;
  display: block;
  object-fit: cover;
}

.public-live-scroll-runway {
  height: calc(100vh - 1in);
  min-height: 10rem;
}

/* ======================
   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%;
}