@import url("/assets/menu-0f29ee46.css");
@import url("/assets/items-36e33037.css");
@import url("/assets/print-e8dc057d.css");
@import url("/assets/admin-987cf1f2.css");
@import url("/assets/public-menu-d32e8f3c.css");

/* ======================
   Base Styles & Typography
   ====================== */
body {
  font-family: 'Verdana', 'Segoe UI', sans-serif;
  line-height: 1.3;
  color: var(--menurooster-black);
  background-color: #ffffff;
}

.public_show-action {
  background-image: url("/assets/wood-sm-6ad73f1c.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

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

:root {
  --menurooster-red: #d46565;
  --menurooster-dark-red: #bc4848;
  --menurooster-blue: #272d47;
  --menurooster-dark-blue: #313a5b;
  --menurooster-yellow: #ffd084;
  --menurooster-dark-yellow: #ffc673;
  --menurooster-dark-text: #272d47;
  --menurooster-white: #ffffff;
  --menurooster-grey: #efefef;
  --menurooster-grey50: #939598;;
  --menurooster-black: #000000;
}

.navbar {
  background-color: lightgrey;
}

.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-dark-blue);
  border-color: var(--menurooster-dark-blue);
}

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

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

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

/* 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-dark-red);
  border-color: var(--menurooster-dark-red);
}

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