/**
 * @file
 * Styles for CiviCRM event navigation links.
 */

/* Navigation links on Drupal roundtable_event nodes */
.cagp-event-nav-links {
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 12px 16px;
  margin-bottom: 20px;
}

.cagp-event-nav-links h3 {
  margin: 0 0 8px 0;
  font-size: 14px;
  color: #333;
}

.cagp-event-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cagp-event-nav-item a {
  display: inline-block;
  padding: 4px 12px;
  background: #0071bd;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  font-size: 13px;
}

.cagp-event-nav-item a:hover {
  background: #005a96;
  text-decoration: none;
}

/* Link banner on CiviCRM event info pages */
.cagp-event-drupal-link {
  background: #e8f4fd;
  border: 1px solid #b8daff;
  border-radius: 4px;
  padding: 10px 16px;
  margin-bottom: 16px;
  font-size: 14px;
}

.cagp-event-drupal-link a {
  color: #0071bd;
  font-weight: bold;
  text-decoration: underline;
}

.cagp-event-drupal-link a:hover {
  color: #005a96;
}

/* "No Drupal Event Page" state with create button */
.cagp-event-drupal-link--missing {
  background: #fff3cd;
  border-color: #ffc107;
}

a.cagp-create-drupal-event {
  display: inline-block;
  padding: 4px 14px;
  background: #0071bd;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 3px;
  font-weight: bold;
  font-size: 13px;
  margin-left: 4px;
}

a.cagp-create-drupal-event:hover {
  background: #005a96;
  color: #fff !important;
}