/* ======================================================
   Global Base Styles
====================================================== */

body {
  font-family: 'Roboto', sans-serif;
  background-color: #f8f9fa;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 70px;
  margin: 0;
}


/* ======================================================
   Navbar — Mode 2 owner/admin nav only (#ownerNav)
   Mode 1 (#mainNav) and Mode 3 (#customerNav) rely on
   Bootstrap's navbar-light bg-white defaults.
====================================================== */

#ownerNav {
  background-color: #1f2933 !important; /* Square-like dark neutral */
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

#ownerNav .navbar-brand {
  color: #ffffff !important;
}

#ownerNav .nav-link {
  color: #e5e7eb !important;
  font-weight: 500;
  padding: 0.75rem 1rem;
}

#ownerNav .nav-link:hover,
#ownerNav .nav-link.active {
  color: #ffffff !important;
}


/* ======================================================
   Layout & Sidebar (Tablet / POS Friendly)
====================================================== */

.layout-wrapper {
  display: flex;
  flex: 1;
}

.main-content {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.sidebar {
  width: 240px;
  background-color: #111827;
  color: #e5e7eb;
  padding: 1rem;
}

.sidebar .nav-link {
  color: #e5e7eb !important;
  font-weight: 500;
  padding: 0.6rem 0.8rem;
  border-radius: 0.5rem;
}

.sidebar .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.08);
}

@media (max-width: 768px) {
  .sidebar {
    display: none;
  }
}


/* ======================================================
   Toasts
====================================================== */

.toast-container {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 1080;
}


/* ======================================================
   Modals
====================================================== */

.modal-content {
  border-radius: 0.75rem;
  border: 0;
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
}


/* ======================================================
   Utilities
====================================================== */

.hidden { display: none !important; }
.cursor-pointer { cursor: pointer; }


/* ======================================================
   Print
====================================================== */

@media print {
  body { background: #fff; color: #000; }
  .no-print { display: none !important; }
}


/* ======================================================
   Organizer Header & Modals
====================================================== */
.organizer-cover { height: 280px; overflow: hidden; position: relative; }
.organizer-cover-image { height: 100%; width: 100%; object-fit: cover; }
.organizer-cover-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); }
.organizer-card-wrapper { margin-top: -5rem; position: relative; z-index: 3; }
.organizer-logo { width: 120px; height: 120px; object-fit: cover; border-radius: 50%; border: 4px solid #fff; }