/**
 * WVARC document viewer presentation on dark section backgrounds.
 *
 * The documents-library plugin owns the viewer markup and its minimal-viewer
 * defaults. This file is enqueued after plugin styles so these controls remain
 * readable on both the WVARC black and navy Gutenberg section styles.
 */

:is(
  .wvarc-digital-documents,
  .wp-block-group.is-style-wvarc-section-black,
  .wp-block-group.is-style-wvarc-section-navy
) .wvarc-document-viewer {
  width: min(100% - 2rem, 64rem);
  margin-inline: auto;
  color: #fff3c8 !important;
}

:is(
  .wvarc-digital-documents,
  .wp-block-group.is-style-wvarc-section-black,
  .wp-block-group.is-style-wvarc-section-navy
) .wvarc-document-viewer__inline-title {
  margin: 0 0 0.35rem;
  color: #f6c43d !important;
  font-size: clamp(1.35rem, 2.5vw, 1.9rem);
  line-height: 1.2;
}

:is(
  .wvarc-digital-documents,
  .wp-block-group.is-style-wvarc-section-black,
  .wp-block-group.is-style-wvarc-section-navy
) .wvarc-document-viewer__inline-caption {
  margin: 0 0 1rem;
  color: #fff3c8 !important;
  font-size: 1.05rem;
  line-height: 1.5;
  opacity: 1 !important;
}

:is(
  .wvarc-digital-documents,
  .wp-block-group.is-style-wvarc-section-black,
  .wp-block-group.is-style-wvarc-section-navy
) .wvarc-document-viewer__download-wrap {
  margin: 0 0 1rem;
}

:is(
  .wvarc-digital-documents,
  .wp-block-group.is-style-wvarc-section-black,
  .wp-block-group.is-style-wvarc-section-navy
) .wvarc-document-viewer__download {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.7rem 1rem !important;
  border: 2px solid #f6c43d !important;
  border-radius: 0.3rem !important;
  background: #f6c43d !important;
  color: #000000 !important;
  font-weight: 800 !important;
  line-height: 1.2;
  text-decoration: none !important;
  opacity: 1 !important;
}

:is(
  .wvarc-digital-documents,
  .wp-block-group.is-style-wvarc-section-black,
  .wp-block-group.is-style-wvarc-section-navy
) .wvarc-document-viewer__download:hover {
  border-color: #daa520 !important;
  background: #daa520 !important;
  color: #000000 !important;
}

:is(
  .wvarc-digital-documents,
  .wp-block-group.is-style-wvarc-section-black,
  .wp-block-group.is-style-wvarc-section-navy
) .wvarc-document-viewer__download:focus-visible,
:is(
  .wvarc-digital-documents,
  .wp-block-group.is-style-wvarc-section-black,
  .wp-block-group.is-style-wvarc-section-navy
) .wvarc-document-viewer__arrow:focus-visible {
  outline: 0.2rem solid #00a9e0 !important;
  outline-offset: 0.2rem;
}

:is(
  .wvarc-digital-documents,
  .wp-block-group.is-style-wvarc-section-black,
  .wp-block-group.is-style-wvarc-section-navy
) .wvarc-document-viewer__embed {
  overflow: hidden;
  border: 1px solid #1a769f !important;
  background: #000000;
}

:is(
  .wvarc-digital-documents,
  .wp-block-group.is-style-wvarc-section-black,
  .wp-block-group.is-style-wvarc-section-navy
) .wvarc-document-viewer__status {
  margin: 1rem;
  color: #fff3c8 !important;
  font-weight: 700;
  opacity: 1 !important;
}

:is(
  .wvarc-digital-documents,
  .wp-block-group.is-style-wvarc-section-black,
  .wp-block-group.is-style-wvarc-section-navy
) .wvarc-document-viewer__status--error {
  color: #f6c43d !important;
}

/*
 * Restore full controls after the plugin's minimal-viewer rules strip the
 * native button chrome. These rules intentionally cover enabled, disabled,
 * hover and keyboard-focus states.
 */
:is(
  .wvarc-digital-documents,
  .wp-block-group.is-style-wvarc-section-black,
  .wp-block-group.is-style-wvarc-section-navy
) .wvarc-document-viewer.wvarc-document-viewer--minimal
  .wvarc-document-viewer__controls {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7rem;
  margin-top: 0.9rem;
  color: #fff3c8 !important;
  opacity: 1 !important;
}

:is(
  .wvarc-digital-documents,
  .wp-block-group.is-style-wvarc-section-black,
  .wp-block-group.is-style-wvarc-section-navy
) .wvarc-document-viewer.wvarc-document-viewer--minimal
  .wvarc-document-viewer__arrow {
  appearance: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 6.25rem;
  min-height: 2.75rem;
  padding: 0.55rem 1rem !important;
  border: 2px solid #1a769f !important;
  border-radius: 0.3rem !important;
  background: #003366 !important;
  color: #ffffff !important;
  font: inherit;
  font-weight: 800 !important;
  line-height: 1.2;
  text-decoration: none !important;
  opacity: 1 !important;
  cursor: pointer;
}

:is(
  .wvarc-digital-documents,
  .wp-block-group.is-style-wvarc-section-black,
  .wp-block-group.is-style-wvarc-section-navy
) .wvarc-document-viewer.wvarc-document-viewer--minimal
  .wvarc-document-viewer__arrow:hover:not(:disabled) {
  border-color: #f6c43d !important;
  background: #0a467e !important;
  color: #f6c43d !important;
}

:is(
  .wvarc-digital-documents,
  .wp-block-group.is-style-wvarc-section-black,
  .wp-block-group.is-style-wvarc-section-navy
) .wvarc-document-viewer.wvarc-document-viewer--minimal
  .wvarc-document-viewer__arrow:disabled {
  border-color: #607d8b !important;
  background: #252525 !important;
  color: #e3e3e3 !important;
  opacity: 1 !important;
  cursor: not-allowed;
}

:is(
  .wvarc-digital-documents,
  .wp-block-group.is-style-wvarc-section-black,
  .wp-block-group.is-style-wvarc-section-navy
) .wvarc-document-viewer.wvarc-document-viewer--minimal
  .wvarc-document-viewer__page-indicator {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 5rem;
  min-height: 2.75rem;
  padding-inline: 0.65rem;
  border: 1px solid #f6c43d !important;
  border-radius: 0.3rem;
  background: #111111 !important;
  color: #fff3c8 !important;
  font-weight: 800 !important;
  line-height: 1.2;
  opacity: 1 !important;
  text-align: center;
}

/* Gutenberg editor preview for dark document sections. */
.editor-styles-wrapper :is(
  .wvarc-digital-documents,
  .wp-block-group.is-style-wvarc-section-black,
  .wp-block-group.is-style-wvarc-section-navy
) {
  color: #fff3c8;
}

@media (max-width: 42rem) {
  :is(
    .wvarc-digital-documents,
    .wp-block-group.is-style-wvarc-section-black,
    .wp-block-group.is-style-wvarc-section-navy
  ) .wvarc-document-viewer.wvarc-document-viewer--minimal
    .wvarc-document-viewer__controls {
    justify-content: center;
  }

  :is(
    .wvarc-digital-documents,
    .wp-block-group.is-style-wvarc-section-black,
    .wp-block-group.is-style-wvarc-section-navy
  ) .wvarc-document-viewer__inline-title,
  :is(
    .wvarc-digital-documents,
    .wp-block-group.is-style-wvarc-section-black,
    .wp-block-group.is-style-wvarc-section-navy
  ) .wvarc-document-viewer__inline-caption,
  :is(
    .wvarc-digital-documents,
    .wp-block-group.is-style-wvarc-section-black,
    .wp-block-group.is-style-wvarc-section-navy
  ) .wvarc-document-viewer__download-wrap {
    text-align: center;
  }
}