/* Minimal compatibility shim to support existing Materialize-style classes while using Bootstrap */

:root {
  --eden-red: #d50000;
  --eden-green: #00c853;
  --eden-grey-dark-2: #616161;
  --eden-grey-light-2: #bdbdbd;
  --eden-grey-light-3: #e0e0e0;
}

/* Layout helpers */
.center-align { text-align: center !important; }
.left-align { text-align: left !important; }
.right { float: right !important; }
.valign-wrapper { display: flex; align-items: center; }
.light { font-weight: 300; }

/* Materialize-like grid aliases used by templates */
[class*=" s"], [class^="s"], [class*=" m"], [class^="m"], [class*=" l"], [class^="l"] {
  position: relative;
}

.s12 { width: 100%; }
.s9 { width: 75%; }
.s8 { width: 66.66666667%; }
.s4 { width: 33.33333333%; }
.s3 { width: 25%; }

@media (min-width: 601px) {
  .m6 { width: 50%; }
  .m8 { width: 66.66666667%; }
  .offset-m2 { margin-left: 16.66666667%; }
}

@media (min-width: 993px) {
  .l6 { width: 50%; }
  .offset-l3 { margin-left: 25%; }
}

/* Buttons / cards / forms */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  text-decoration: none;
  cursor: pointer;
}

.btn-large {
  min-height: 54px;
  padding: 0.5rem 1rem;
}

.btn-floating {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

.btn-flat {
  background: transparent;
  border: 0;
}

.card {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.375rem;
}

.card-content { padding: 1rem; }
.card-action {
  padding: 0.75rem 1rem 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.input-field { position: relative; }
.prefix { margin-right: 0.5rem; }
.materialize-textarea {
  width: 100%;
  min-height: 120px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
}

/* Color utilities used in templates */
.red { background-color: var(--eden-red) !important; }
.green { background-color: var(--eden-green) !important; }
.grey { background-color: #9e9e9e !important; }
.white { background-color: #fff !important; }

.red-text { color: var(--eden-red) !important; }
.grey-text { color: #9e9e9e !important; }
.white-text { color: #fff !important; }
.text-accent-4 { color: var(--eden-red) !important; }
.text-darken-1 { color: #e53935 !important; }
.text-darken-2 { color: var(--eden-grey-dark-2) !important; }
.text-lighten-2 { color: var(--eden-grey-light-2) !important; }
.text-lighten-3 { color: var(--eden-grey-light-3) !important; }
.accent-4 { filter: saturate(1.05); }

/* Existing transition class names used by JS */
.scale-transition {
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.scale-in {
  transform: scale(1);
  opacity: 1;
}

.scale-out {
  transform: scale(0.8);
  opacity: 0;
}

/* Navbar/Footer helpers */
.navbar-fixed {
  position: sticky;
  top: 0;
  z-index: 1030;
}

.navbar-fixed nav {
  min-height: 64px;
  display: flex;
  align-items: center;
}

#headerText {
  color: #fff;
}

.page-footer {
  color: #fff;
}