/* Custom styles for Kuća Sećanja restaurant website */

:root {
  /* Primary brand colors from graphic standards */
  --primary-color: #68ccb5;
  --secondary-color: #000000;
  --text-color: #000000;
  --background-color: #ffffff;
  --accent-color: #68ccb5;
}

/* Override existing styles with brand colors */
.bg-primary {
  background-color: var(--primary-color) !important;
}

.text-primary {
  color: var(--primary-color) !important;
}

.border-primary {
  border-color: var(--primary-color) !important;
}

/* Header styling */
header {
  background-color: var(--background-color);
}

/* Button styling */
.btn-primary {
  background-color: var(--primary-color);
  color: white;
  border: none;
  transition: all 0.3s ease;
}

.btn-primary:hover {
  background-color: #56b9a2;
}

/* Food card styling - preserve dimensions but update colors */
.food-card {
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
}

.food-card:hover {
  border-color: var(--primary-color);
  box-shadow: 0 4px 12px rgba(104, 204, 181, 0.15);
}

/* Category tabs styling */
.category-tab.active {
  background-color: var(--primary-color);
  color: white;
}

/* Footer styling */
footer {
  background-color: var(--secondary-color);
  color: white;
}

/* Reservation section styling */
.reservation-section {
  background-color: rgba(104, 204, 181, 0.1);
  padding: 3rem 1rem;
}

.reservation-section h2 {
  color: var(--primary-color);
}

/* Slogan styling */
.slogan {
  font-style: italic;
  color: var(--primary-color);
  font-weight: 500;
}

/* Price toggle button */
.price-toggle {
  background-color: var(--primary-color);
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.price-toggle:hover {
  background-color: #56b9a2;
}