/* Data Publishing Page Button Fixes */

/* Fix link button colors - they should match their button type */
a.btn-outline-secondary,
a.btn-outline-secondary:link,
a.btn-outline-secondary:visited,
.btn-outline-secondary {
  color: var(--btn-secondary-bg, #6c757d) !important;
  border-color: var(--btn-secondary-bg, #6c757d) !important;
}

a.btn-outline-info,
a.btn-outline-info:link,
a.btn-outline-info:visited,
.btn-outline-info {
  color: var(--btn-info-bg, #17a2b8) !important;
  border-color: var(--btn-info-bg, #17a2b8) !important;
}

a.btn-outline-warning,
a.btn-outline-warning:link,
a.btn-outline-warning:visited,
.btn-outline-warning {
  color: var(--btn-warning-bg, #ffc107) !important;
  border-color: var(--btn-warning-bg, #ffc107) !important;
}

a.btn-outline-success,
a.btn-outline-success:link,
a.btn-outline-success:visited {
  color: var(--btn-success-bg, #28a745) !important;
  border-color: var(--btn-success-bg, #28a745) !important;
}


/* Fix button visibility in card headers */
.card-header .btn-outline-primary,
.card-header .btn-outline-secondary,
.card-header .btn-outline-info,
.card-header .btn-outline-warning,
.card-header .btn-outline-success,
.card-header .btn-outline-danger {
  /* Light mode: Use lighter colors for visibility against dark headers */
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.card-header .btn-outline-primary:hover {
  background-color: var(--btn-primary-bg, #871a67) !important;
  border-color: var(--btn-primary-bg, #871a67) !important;
  color: white !important;
}

.card-header .btn-outline-warning:hover {
  background-color: var(--btn-warning-bg, #ffc107) !important;
  border-color: var(--btn-warning-bg, #ffc107) !important;
  color: var(--btn-warning-text, #212529) !important;
}

.card-header .btn-outline-success:hover {
  background-color: var(--btn-success-bg, #28a745) !important;
  border-color: var(--btn-success-bg, #28a745) !important;
  color: white !important;
}

/* Dark mode adjustments */
html.dark-mode .btn-outline-secondary {
  color: #9ca3af !important;
  border-color: #9ca3af !important;
}

html.dark-mode .btn-outline-info {
  color: #22d3ee !important;
  border-color: #22d3ee !important;
}

html.dark-mode .btn-outline-warning {
  color: #fbbf24 !important;
  border-color: #fbbf24 !important;
}


/* Dark mode card header buttons - ensure visibility */
html.dark-mode .card-header .btn-outline-primary,
html.dark-mode .card-header .btn-outline-secondary,
html.dark-mode .card-header .btn-outline-info,
html.dark-mode .card-header .btn-outline-warning,
html.dark-mode .card-header .btn-outline-success,
html.dark-mode .card-header .btn-outline-danger {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
}

/* Hover states for card header buttons in dark mode */
html.dark-mode .card-header .btn-outline-primary:hover {
  background-color: var(--btn-primary-bg, #871a67) !important;
  border-color: var(--btn-primary-bg, #871a67) !important;
  color: white !important;
}

html.dark-mode .card-header .btn-outline-warning:hover {
  background-color: var(--btn-warning-bg, #f59e0b) !important;
  border-color: var(--btn-warning-bg, #f59e0b) !important;
  color: white !important;
}

html.dark-mode .card-header .btn-outline-success:hover {
  background-color: var(--btn-success-bg, #28a745) !important;
  border-color: var(--btn-success-bg, #28a745) !important;
  color: white !important;
}

/* Ensure proper focus states */
.card-header .btn:focus-visible {
  outline: 2px solid #ffffff !important;
  outline-offset: 2px !important;
}

/* Fix button action styles for better visibility */
.btn-action {
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* Ensure no underlines on any state */
a.btn-outline-secondary,
a.btn-outline-info,
a.btn-outline-warning,
a.btn-outline-success,
a.btn-outline-secondary:hover,
a.btn-outline-info:hover,
a.btn-outline-warning:hover,
a.btn-outline-success:hover {
  text-decoration: none !important;
}

/* Force correct colors for card body link buttons */
.card-body a.btn-outline-secondary {
  color: var(--btn-secondary-bg, #6c757d) !important;
  border-color: var(--btn-secondary-bg, #6c757d) !important;
}

.card-body a.btn-outline-info {
  color: var(--btn-info-bg, #17a2b8) !important;
  border-color: var(--btn-info-bg, #17a2b8) !important;
}

.card-body a.btn-outline-warning {
  color: var(--btn-warning-bg, #ffc107) !important;
  border-color: var(--btn-warning-bg, #ffc107) !important;
}


/* Dark mode card body link buttons */
html.dark-mode .card-body a.btn-outline-secondary {
  color: #9ca3af !important;
  border-color: #9ca3af !important;
}

html.dark-mode .card-body a.btn-outline-info {
  color: #22d3ee !important;
  border-color: #22d3ee !important;
}

html.dark-mode .card-body a.btn-outline-warning {
  color: #fbbf24 !important;
  border-color: #fbbf24 !important;
}