/* Planty theme variables (converted from LESS) */
@font-face {
  font-family: 'Humber Town';
  src: url('/static/fonts/Humber Town.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'Quicksand', 'Segoe UI', Arial, sans-serif;
  min-height: 100vh;
  background: linear-gradient(135deg, #e6ebe0, #b7c7a3 60%, #6b8f71 100%);
}

nav {
  background: rgba(245, 247, 242, 0.95);
  box-shadow: 0 2px 8px rgba(62, 86, 55, 0.10);
  backdrop-filter: blur(4px);
}

.site-title {
  font-family: 'Humber Town', 'Quicksand', sans-serif;
  color: #3e5637;
  font-weight: normal;
  font-size: 1.5rem;
  letter-spacing: 0.02em;
}

.btn-main {
  background: #6b8f71;
  color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px rgba(62, 86, 55, 0.10);
  transition: background 0.2s;
}
.btn-main:hover {
  background: #4e6b50;
}

.btn-secondary {
  background: #e6ebe0;
  color: #3e5637;
  border-radius: 0.5rem;
}
.btn-secondary:hover {
  background: #b7c7a3;
}

.card {
  background: #f5f7f2;
  border-radius: 1rem;
  box-shadow: 0 4px 16px rgba(62, 86, 55, 0.08);
  padding: 2rem;
}

.admin-header {
  background: linear-gradient(90deg, #b7c7a3, #6b8f71);
  border-radius: 1rem;
  box-shadow: 0 4px 16px rgba(62, 86, 55, 0.10);
  padding: 1.75rem;
  display: flex;
  align-items: center;
}

.admin-header-title {
  font-family: 'Humber Town', 'Quicksand', sans-serif;
  color: #3e5637;
  font-size: 2.5rem;
  font-weight: normal;
  letter-spacing: 0.01em;
}

.admin-header-desc {
  color: #6b8f71;
}

.badge-env, .badge-climate, .badge-product, .badge-plant {
  background: none;
  color: inherit;
  box-shadow: none;
  font-weight: 600;
}

.btn-edit {
  background: #6b8f71;
  color: #fff;
  border-radius: 0.5rem;
  padding: 0.4em 1.2em;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(62, 86, 55, 0.08);
  border: none;
  transition: background 0.2s;
}
.btn-edit:hover {
  background: #4e6b50;
}

.btn-delete {
  background: #c94c4c;
  color: #fff;
  border-radius: 0.5rem;
  padding: 0.4em 1.2em;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(201, 76, 76, 0.10);
  border: none;
  transition: background 0.2s;
}
.btn-delete:hover {
  background: #a63a3a;
}

/* Admin navigation override: fully transparent */
.admin-panel-nav {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Custom colors for each admin nav item */
.nav-plants {
  color: #4e6b50;
}
.nav-plants svg { color: #4e6b50; }
.nav-plants:hover { background: #e6ebe0 !important; }

.nav-environments {
  color: #3b5a6b;
}
.nav-environments svg { color: #3b5a6b; }
.nav-environments:hover { background: #e0f0eb !important; }

.nav-climates {
  color: #8a6b3b;
}
.nav-climates svg { color: #8a6b3b; }
.nav-climates:hover { background: #f7f2e6 !important; }

.nav-lights {
  color: #b89c1d;
}
.nav-lights svg { color: #b89c1d; }
.nav-lights:hover { background: #fffbe6 !important; }

.nav-toxicities {
  color: #b87c1d;
}
.nav-toxicities svg { color: #b87c1d; }
.nav-toxicities:hover { background: #fff4e6 !important; }

.nav-sizes {
  color: #4eb6a6;
}
.nav-sizes svg { color: #4eb6a6; }
.nav-sizes:hover { background: #e6f7f5 !important; }

.nav-difficulties {
  color: #8a4eb6;
}
.nav-difficulties svg { color: #8a4eb6; }
.nav-difficulties:hover { background: #f3e6ff !important; }

.nav-growth {
  color: #7a8f3b;
}
.nav-growth svg { color: #7a8f3b; }
.nav-growth:hover { background: #f7fae6 !important; }

.nav-products {
  color: #8b5c2a;
}
.nav-products svg { color: #8b5c2a; }
.nav-products:hover { background: #f7efe6 !important; }

.masonry {
  column-gap: 2rem;
}
.masonry > * {
  break-inside: avoid;
  margin-bottom: 2rem;
}

/* Add decorative font to card titles */
.card h2, .card h3 {
  font-family: 'Humber Town', 'Quicksand', sans-serif;
  font-weight: normal;
}

/* Add decorative font to special elements */
.plant-name, .environment-name, .climate-name {
  font-family: 'Humber Town', 'Quicksand', sans-serif;
  font-weight: normal;
}

/* Plant title styling */
.plant-card .plant-title,
.plant-detail .plant-title,
.plant-card h2,
.plant-detail h1,
article h1.text-4xl {
  font-family: 'Humber Town', 'Quicksand', sans-serif;
  font-weight: normal;
  font-size: 4rem;
  color: #3e5637;
  margin-bottom: 0rem;
  line-height: 1.2;
}

.plant-detail .plant-title,
.plant-detail h1,
article h1.text-4xl {
  font-size: 6rem;
}