.va-header-contact-dropdown {
  position: relative;
}

.va-header-contact-trigger {
  background: transparent;
  border: none;
  padding-left: 0;
}
.va-header-contact-trigger:hover, .va-header-contact-trigger:focus {
  text-decoration: underline;
}
.va-header-contact-trigger[aria-expanded=true] .va-header-nav-arrow {
  transform: rotate(180deg);
}
.va-header-contact-trigger .va-header-nav-arrow {
  margin: 0;
}

.va-contact-button-text {
  font-family: inherit;
  margin-right: 4px;
}

.va-contact-arrow {
  width: 12px;
  height: 12px;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

/* Contact Panel */
.va-contact-panel {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 300px;
  background: var(--vads-color-white);
  border: 1px solid var(--vads-color-base-lighter);
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  margin-top: var(--vads-spacing-0p5);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.5rem);
  transition: all 0.2s ease;
}
.va-contact-panel[aria-hidden=false] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.va-contact-panel-inner {
  padding: var(--vads-spacing-3);
}

/* Contact Info Card */
.va-contact-info-card {
  color: var(--vads-color-base-darkest);
  font-size: var(--vads-font-size-body-small);
  line-height: var(--vads-font-line-height-default);
}

.va-contact-section {
  margin-bottom: var(--vads-spacing-2);
}
.va-contact-section:last-child {
  margin-bottom: 0;
}

.va-contact-title {
  font-size: var(--vads-font-size-root);
  font-weight: var(--font-weight-bold);
  color: var(--vads-color-base-darkest);
  margin: 0 0 var(--vads-spacing-1) 0;
  line-height: var(--vads-font-line-height-2);
}

.va-contact-detail {
  margin: 0 0 var(--vads-spacing-1) 0;
  color: var(--vads-color-base-dark);
}

.va-contact-phone,
.va-contact-email {
  color: var(--vads-color-primary);
  text-decoration: none;
  font-weight: var(--font-weight-bold);
}
.va-contact-phone:hover, .va-contact-phone:focus,
.va-contact-email:hover,
.va-contact-email:focus {
  text-decoration: underline;
  outline: 2px solid var(--vads-color-primary);
  outline-offset: 2px;
}

.va-contact-hours {
  margin-top: var(--vads-spacing-1);
}
.va-contact-hours p {
  margin: 0;
  color: var(--vads-color-base-dark);
  font-size: var(--vads-font-size-heading-level-5);
}

.va-contact-email-section {
  margin: 0;
  color: var(--vads-color-base-dark);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .va-contact-panel {
    right: 0;
    left: 0;
    min-width: auto;
    width: 100vw;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  .va-contact-panel-inner {
    padding: var(--vads-spacing-2);
  }
  .va-contact-title {
    font-size: var(--font-size-sm);
  }
}
/* High contrast mode support */
@media (prefers-contrast: high) {
  .va-header-contact-trigger {
    border: 1px solid currentColor;
  }
  .va-contact-panel {
    border: 2px solid currentColor;
  }
}