/**
 * Brand-Specific Styling for Multi-Brand Architecture
 * Handles conditional styling for LinkBud vs LinkCite brands
 * Works with brand-aware header component
 */

/* Base brand variables - updated by header component */
:root {
  --brand-primary-color: #007bff; /* Default LinkBud blue */
  --brand-accent-color: #0056b3;
  --brand-secondary-color: #6c757d;
  --brand-success-color: #28a745;
  --brand-danger-color: #dc3545;
}

/* Account for fixed header on all pages */
body {
  padding-top: 70px; /* Adjust based on header height */
}

/* LinkBud Brand (Basic Users) */
.brand-linkbud {
  --brand-primary-color: #007bff;
  --brand-accent-color: #0056b3;
}

.brand-linkbud .academic-features {
  display: none !important;
}

.brand-linkbud .citation-format-advanced {
  display: none !important;
}

.brand-linkbud .feature-academic-citation {
  display: none !important;
}

.brand-linkbud .nav-academic-section {
  display: none;
}

/* LinkCite Brand (Academic Users) */
.brand-linkcite {
  --brand-primary-color: #28a745;
  --brand-accent-color: #1e7e34;
}

.brand-linkcite .academic-features {
  display: block !important;
}

.brand-linkcite .citation-format-advanced {
  display: block !important;
}

.brand-linkcite .feature-academic-citation {
  display: block !important;
}

.brand-linkcite .nav-academic-section {
  display: block;
}

.brand-linkcite .academic-badge {
  background-color: var(--brand-primary-color);
  color: white;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 0.8em;
  margin-left: 8px;
}

/* Brand-specific buttons */
.btn-brand-primary {
  background-color: var(--brand-primary-color);
  border-color: var(--brand-primary-color);
  color: white;
}

.btn-brand-primary:hover {
  background-color: var(--brand-accent-color);
  border-color: var(--brand-accent-color);
}

.btn-brand-outline {
  color: var(--brand-primary-color);
  border-color: var(--brand-primary-color);
  background-color: transparent;
}

.btn-brand-outline:hover {
  background-color: var(--brand-primary-color);
  border-color: var(--brand-primary-color);
  color: white;
}

/* Feature-specific visibility */
.feature-advanced-search {
  display: none;
}

.brand-linkcite .feature-advanced-search {
  display: block;
}

.feature-curated-collections {
  display: none;
}

.brand-linkcite .feature-curated-collections {
  display: block;
}

/* Brand-aware form styling */
.brand-linkbud .signup-form .academic-fields {
  display: none;
}

.brand-linkcite .signup-form .academic-fields {
  display: block;
}

/* Citation format indicators */
.citation-simple {
  display: block;
}

.citation-academic {
  display: none;
}

.brand-linkcite .citation-simple {
  display: none;
}

.brand-linkcite .citation-academic {
  display: block;
}

/* Brand-specific color scheme applications */
.brand-primary-bg {
  background-color: var(--brand-primary-color) !important;
}

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

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

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

/* Header-compatible navigation styling */
.main-navigation {
  margin-top: 0; /* Header handles spacing */
}

/* Brand-specific cards and components */
.brand-card {
  border-left: 4px solid var(--brand-primary-color);
}

.brand-alert {
  border-color: var(--brand-primary-color);
  background-color: rgba(var(--brand-primary-color), 0.05);
}

/* Upgrade prompts */
.upgrade-prompt {
  background: linear-gradient(135deg, 
    rgba(var(--brand-primary-color), 0.1), 
    rgba(var(--brand-accent-color), 0.05));
  border: 1px solid var(--brand-primary-color);
  border-radius: 8px;
  padding: 1rem;
  margin: 1rem 0;
}

.upgrade-prompt .btn {
  background-color: var(--brand-primary-color);
  border-color: var(--brand-primary-color);
}

/* Responsive brand adjustments */
@media (max-width: 768px) {
  body {
    padding-top: 60px; /* Smaller header on mobile */
  }
  
  .brand-linkcite .academic-badge {
    font-size: 0.7em;
  }
  
  .academic-features {
    margin-top: 1rem;
  }
}

@media (max-width: 576px) {
  .academic-fields .row {
    margin: 0;
  }
  
  .academic-fields .col-md-6 {
    padding: 0 0.5rem;
  }
}

/* Print styles - neutral branding */
@media print {
  .brand-indicator,
  .upgrade-prompt,
  .nav-academic-section {
    display: none !important;
  }
  
  .brand-primary-text {
    color: #333 !important;
  }
}