/* Shoppub Brand Colors Theme */

:root {
  /* Cores principais da marca Shoppub */
  --shoppub-green: #7cb342;
  --shoppub-green-dark: #6a9b37;
  --shoppub-green-light: #8bc34a;
  --shoppub-gray: #6c757d;
  --shoppub-gray-dark: #5a6268;
  --shoppub-gray-light: #adb5bd;
  
  /* Override das cores Bootstrap */
  --bs-primary: var(--shoppub-green);
  --bs-primary-rgb: 124, 179, 66;
  --bs-secondary: var(--shoppub-gray);
  --bs-success: var(--shoppub-green);
}

/* Navbar com branding Shoppub */
.navbar-shoppub {
  background: #F5F5F5 !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  border-bottom: 2px solid var(--shoppub-green);
}

.navbar-shoppub .navbar-brand {
  color: var(--shoppub-gray-dark) !important;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.navbar-shoppub .navbar-brand:hover {
  color: var(--shoppub-green) !important;
}

.navbar-shoppub .nav-link {
  color: var(--shoppub-gray) !important;
  font-weight: 500;
}

.navbar-shoppub .nav-link:hover {
  color: var(--shoppub-green) !important;
  background-color: rgba(124, 179, 66, 0.1);
  border-radius: 4px;
}

.navbar-shoppub .btn-outline-light {
  border-color: var(--shoppub-green);
  color: var(--shoppub-green);
}

.navbar-shoppub .btn-outline-light:hover {
  background-color: var(--shoppub-green);
  border-color: var(--shoppub-green);
  color: white;
}

/* Botões primários com cor Shoppub */
.btn-primary {
  background-color: var(--shoppub-green);
  border-color: var(--shoppub-green);
  color: white;
  font-weight: 500;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--shoppub-green-dark);
  border-color: var(--shoppub-green-dark);
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(124, 179, 66, 0.3);
}

.btn-primary:active {
  background-color: var(--shoppub-green-dark);
  border-color: var(--shoppub-green-dark);
  transform: translateY(0);
}

/* Cards com header verde Shoppub */
.card-header.bg-primary {
  background-color: var(--shoppub-green) !important;
  border-bottom-color: var(--shoppub-green-dark);
}

.card-header.bg-shoppub {
  background: linear-gradient(135deg, var(--shoppub-green) 0%, var(--shoppub-green-dark) 100%) !important;
  color: white;
  font-weight: 600;
}

/* Links com cor Shoppub */
a {
  color: var(--shoppub-green);
}

a:hover {
  color: var(--shoppub-green-dark);
}

/* Breadcrumb com cores Shoppub */
.breadcrumb-item.active {
  color: var(--shoppub-green);
}

.breadcrumb-item a {
  color: var(--shoppub-gray);
}

.breadcrumb-item a:hover {
  color: var(--shoppub-green);
}

/* Badges e alertas com cores da marca */
.badge.bg-secondary {
  background-color: var(--shoppub-gray) !important;
}

.alert-primary {
  background-color: rgba(124, 179, 66, 0.1);
  border-color: var(--shoppub-green-light);
  color: var(--shoppub-green-dark);
}

/* Formulários com destaque verde */
.form-control:focus {
  border-color: var(--shoppub-green-light);
  box-shadow: 0 0 0 0.2rem rgba(124, 179, 66, 0.25);
}

.form-select:focus {
  border-color: var(--shoppub-green-light);
  box-shadow: 0 0 0 0.2rem rgba(124, 179, 66, 0.25);
}

/* Footer com cores da marca */
.footer-shoppub {
  background: linear-gradient(135deg, var(--shoppub-gray-dark) 0%, var(--shoppub-gray) 100%) !important;
}

/* Logo styles */
.shoppub-logo {
  height: 32px;
  width: auto;
  margin-right: 8px;
}

.shoppub-logo-large {
  height: 60px;
  width: auto;
  max-width: 280px;
}

/* Cards de estatísticas no dashboard */
.stats-card-green {
  background: linear-gradient(135deg, var(--shoppub-green) 0%, var(--shoppub-green-dark) 100%);
  color: white;
}

.stats-card-gray {
  background: linear-gradient(135deg, var(--shoppub-gray) 0%, var(--shoppub-gray-dark) 100%);
  color: white;
}

/* Melhorar contraste em elementos escuros */
.bg-dark {
  background-color: var(--shoppub-gray-dark) !important;
}

/* Animações suaves */
.btn, .card, .navbar-brand {
  transition: all 0.3s ease;
}

/* Text colors da marca */
.text-shoppub-green {
  color: var(--shoppub-green) !important;
}

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

/* Responsive adjustments */
@media (max-width: 768px) {
  .shoppub-logo {
    height: 28px;
  }
  
  .shoppub-logo-large {
    height: 50px;
    max-width: 240px;
  }
}