/* Shared visual language for internal pages only. The home page does not load this file. */
body.internal-site-page {
  --ui-navy: #173f5f;
  --ui-navy-strong: #0f304b;
  --ui-gold: #b58a47;
  --ui-gold-soft: #f3e7ce;
  --ui-cream: #fffaf0;
  --ui-line: #d9cfbd;
  --ui-muted: #64717e;
  --ui-danger: #9d3939;
  --ui-focus: #d7a52e;
  --ui-radius: 10px;
}

body.internal-site-page button,
body.internal-site-page input,
body.internal-site-page select,
body.internal-site-page textarea {
  font-family: "Vazirmatn", "Segoe UI", Tahoma, Arial, sans-serif;
}

body.internal-site-page button,
body.internal-site-page a,
body.internal-site-page input,
body.internal-site-page select,
body.internal-site-page textarea {
  -webkit-tap-highlight-color: transparent;
}

body.internal-site-page :where(button, a, input, select, textarea):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ui-focus) 72%, white);
  outline-offset: 3px;
}

body.internal-site-page :where(button, [role="button"]):disabled {
  cursor: not-allowed;
  opacity: .52;
  box-shadow: none !important;
  transform: none !important;
}

body.internal-site-page .internal-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* One outlined icon family replaces mixed emoji and text glyphs. */
body.internal-site-page .internal-ui-icon {
  width: 1.25em;
  height: 1.25em;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  color: currentColor;
}

body.internal-site-page .internal-ui-icon svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.internal-site-page .account-title-icon .internal-ui-icon,
body.internal-site-page .account-card-icon .internal-ui-icon {
  width: 22px;
  height: 22px;
}

body.internal-site-page .account-card-icon,
body.internal-site-page .account-title-icon,
body.internal-site-page .account-panel-symbol {
  color: var(--ui-navy) !important;
  background: var(--ui-gold-soft) !important;
  border: 1px solid rgba(181, 138, 71, .24);
}

body.internal-site-page .account-action-card.active .account-card-icon {
  color: #fff !important;
  background: rgba(255, 255, 255, .13) !important;
  border-color: rgba(255, 255, 255, .18);
}

/* Shared primary, secondary and destructive button treatments. */
body.internal-site-page :where(
  .search-submit,
  .author-search-submit,
  .account-primary-action,
  .member-workbench-tab.is-active,
  .results-tab.active
) {
  min-height: 42px;
  border: 1px solid var(--ui-navy) !important;
  border-radius: var(--ui-radius) !important;
  color: #fff !important;
  background: var(--ui-navy) !important;
  box-shadow: 0 6px 16px rgba(23, 63, 95, .15) !important;
  font-weight: 700;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.internal-site-page :where(
  .search-reset,
  .author-search-reset,
  .author-search-pagination button,
  .results-back,
  .result-actions button,
  .copy-action,
  .member-workbench-tab:not(.is-active)
) {
  min-height: 40px;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  color: var(--ui-navy) !important;
  background: #fff !important;
  font-weight: 650;
  text-decoration: none;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.internal-site-page :where(
  .search-submit,
  .author-search-submit,
  .account-primary-action,
  .member-workbench-tab,
  .results-tab,
  .search-reset,
  .author-search-reset,
  .author-search-pagination button,
  .results-back,
  .result-actions button,
  .copy-action
):not(:disabled):hover {
  border-color: var(--ui-gold) !important;
  box-shadow: 0 7px 18px rgba(23, 63, 95, .13) !important;
  transform: translateY(-1px);
}

body.internal-site-page :where(
  .search-submit,
  .author-search-submit,
  .account-primary-action,
  .member-workbench-tab.is-active,
  .results-tab.active
):not(:disabled):hover {
  background: var(--ui-navy-strong) !important;
}

body.internal-site-page .results-clear-all {
  border-color: rgba(157, 57, 57, .34) !important;
  color: var(--ui-danger) !important;
  background: #fff9f7 !important;
}

body.internal-site-page .account-close-link,
body.internal-site-page .modal-close {
  display: inline-grid !important;
  place-items: center;
  width: 40px !important;
  min-width: 40px;
  height: 40px !important;
  min-height: 40px;
  padding: 0 !important;
  border: 1px solid rgba(181, 138, 71, .58) !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: var(--ui-navy) !important;
  font: 500 24px/1 "Vazirmatn", sans-serif !important;
  text-decoration: none;
  box-shadow: 0 5px 13px rgba(23, 63, 95, .16);
  transition: background .18s ease, transform .18s ease;
}

body.internal-site-page :where(.account-close-link, .modal-close):hover {
  background: var(--ui-navy-strong) !important;
  transform: rotate(3deg) scale(1.04);
}

body.internal-site-page .member-workbench-tabs {
  border-color: var(--ui-line);
  background: #f7f3eb;
}

body.internal-site-page .member-workbench-tab {
  padding-inline: 18px;
}

body.internal-site-page .account-action-card {
  border-radius: 12px !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.internal-site-page .account-action-card:not(.active):hover {
  border-color: var(--ui-gold) !important;
  box-shadow: 0 7px 18px rgba(23, 63, 95, .09);
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
  body.internal-site-page *,
  body.internal-site-page *::before,
  body.internal-site-page *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (max-width: 620px) {
  body.internal-site-page .member-workbench-tab,
  body.internal-site-page .search-submit,
  body.internal-site-page .search-reset,
  body.internal-site-page .author-search-submit,
  body.internal-site-page .author-search-reset {
    min-height: 44px;
  }
}
