/* Arbos Custom Branding Styles */

/* Apply Arbos forest green to primary elements */
.bg-blue-600,
.bg-blue-700,
button.bg-blue-600 {
  background-color: #2D7F4E !important; /* arbos-forest-500 */
}

.hover\:bg-blue-700:hover,
.hover\:bg-blue-800:hover {
  background-color: #25643E !important; /* arbos-forest-600 */
}

.text-blue-600 {
  color: #2D7F4E !important; /* arbos-forest-500 */
}

.hover\:text-blue-800:hover {
  color: #163A25 !important; /* arbos-forest-800 */
}

.border-blue-600 {
  border-color: #2D7F4E !important; /* arbos-forest-500 */
}

.hover\:border-black:hover {
  border-color: #2D7F4E !important; /* arbos-forest-500 */
}

/* Header and navigation styling */
header a:hover {
  color: #2D7F4E; /* arbos-forest-500 */
}

/* Link colors */
a.text-blue-600 {
  color: #2D7F4E; /* arbos-forest-500 */
}

/* Button styles */
.share-button {
  transition: background-color 0.2s ease;
}

.share-button:hover {
  opacity: 0.9;
}

/* Prose (markdown content) link colors */
.prose a {
  color: #2D7F4E; /* arbos-forest-500 */
  text-decoration: underline;
}

.prose a:hover {
  color: #25643E; /* arbos-forest-600 */
}

/* Custom focus states with Arbos colors */
:focus-visible {
  outline: 2px solid #2D7F4E; /* arbos-forest-500 */
  outline-offset: 2px;
}

/* Navigation menu active/hover states */
.menu-item:hover,
.menu-item.active {
  color: #2D7F4E; /* arbos-forest-500 */
}

/* Hero/carousel title overlay styling */
.slide-title {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

/* Card hover effects with Arbos branding */
.card:hover {
  border-color: #2D7F4E; /* arbos-forest-500 */
  transition: border-color 0.3s ease;
}

/* Blog post summary hover effects */
.blog-card:hover {
  box-shadow: 0 10px 25px rgba(45, 127, 78, 0.1);
}