/*
 * Vital SEO — Internal Link Equity & Opportunity Analyser
 * Local prototype. Styles scoped to this tool.
 */

/* SEO guidance panel */
#equitySeoTip {
  margin-top: 20px;
  border: 1px solid #d8e4ef;
  border-radius: 12px;
  background: #f5f9fd;
  color: #243447;
  overflow: hidden;
}

#equitySeoTip[hidden] {
  display: none !important;
}

#equitySeoTip summary {
  padding: 15px 18px;
  cursor: pointer;
  font-weight: 650;
  list-style-position: inside;
}

#equitySeoTip summary:hover {
  background: rgba(35, 115, 185, 0.06);
}

#equitySeoTip summary:focus-visible {
  outline: 2px solid #2373b9;
  outline-offset: -3px;
}

#equitySeoTip .crawl-map-seo-tip-content {
  padding: 0 18px 16px;
  line-height: 1.65;
}

#equitySeoTip .crawl-map-seo-tip-content p {
  margin: 0 0 12px;
}

#equitySeoTip .crawl-map-seo-tip-content p:last-child {
  margin-bottom: 0;
}

#equitySeoTip .crawl-map-seo-tip-content ul {
  margin: 0 0 16px;
  padding-left: 24px;
}

#equitySeoTip .crawl-map-seo-tip-content li {
  margin-bottom: 8px;
}

/* Dark-mode guidance panel */
html[data-theme="dark"] #equitySeoTip,
.dark-mode #equitySeoTip {
  background: #172638;
  border-color: #3b536b;
  color: #e8eef5;
}

html[data-theme="dark"] #equitySeoTip summary:hover,
.dark-mode #equitySeoTip summary:hover {
  background: rgba(255, 255, 255, 0.06);
}

/* Analysis workspace: keep long URLs contained */
#tool-internal-link-equity-analyser {
  min-width: 0;
}

#tool-internal-link-equity-analyser a {
  overflow-wrap: anywhere;
}

/* Small-screen spacing */
@media (max-width: 760px) {
  #equitySeoTip {
    margin-top: 16px;
  }

  #equitySeoTip summary {
    padding: 14px 15px;
  }

  #equitySeoTip .crawl-map-seo-tip-content {
    padding: 0 15px 15px;
  }
}


/* Vital SEO — numerical equity dashboard */

#equityDashboard {
  margin-top: 28px;
  min-width: 0;
}

#equityDashboard h3 {
  margin-bottom: 16px;
}

#equityDashboard [hidden] {
  display: none !important;
}

#equitySummary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 20px 0 24px;
}

#equitySummary .equity-stat {
  min-width: 0;
  padding: 20px 14px;
  border: 1px solid #d8e4ef;
  border-radius: 12px;
  background: #f5f9fd;
  text-align: center;
}

#equitySummary .equity-stat strong {
  display: block;
  margin-bottom: 8px;
  color: #1769aa;
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

#equitySummary .equity-stat span {
  display: block;
  color: #43566a;
  font-size: 0.88rem;
  line-height: 1.4;
}

#equityCoverageWarning {
  margin: 16px 0;
  padding: 14px 16px;
  border: 1px solid #e2c68a;
  border-radius: 10px;
  background: #fff8e8;
  color: #624a1f;
  line-height: 1.55;
}

#equityPagesSection,
#equityOpportunitiesSection {
  margin-top: 28px;
}

#equityPagesSection .equity-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

#equityPagesSection .equity-section-heading h4 {
  margin: 0;
}

#equityDashboard .equity-method-note {
  margin: 12px 0 18px;
  color: #52677c;
  font-size: 0.9rem;
  line-height: 1.6;
}

#equityPagesSection .equity-table-scroll {
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid #d8e4ef;
  border-radius: 12px;
  -webkit-overflow-scrolling: touch;
}

#equityPagesSection .equity-table-scroll:focus-visible {
  outline: 2px solid #2373b9;
  outline-offset: 3px;
}

#equityPagesTable {
  width: 100%;
  min-width: 850px;
  border-collapse: collapse;
  font-size: 0.9rem;
  font-variant-numeric: tabular-nums;
}

#equityPagesTable th,
#equityPagesTable td {
  padding: 13px 12px;
  border-bottom: 1px solid #d8e4ef;
  text-align: left;
  vertical-align: middle;
}

#equityPagesTable th {
  background: #eaf3fb;
  color: #243447;
  font-weight: 650;
  white-space: nowrap;
}

#equityPagesTable tbody tr:last-child td {
  border-bottom: 0;
}

#equityPagesTable tbody tr:hover {
  background: rgba(35, 115, 185, 0.05);
}

#equityPagesTable td:first-child {
  min-width: 220px;
  max-width: 360px;
  overflow-wrap: anywhere;
}

#equityPagesTable td:not(:first-child) {
  white-space: nowrap;
}

#equityOpportunities {
  margin-top: 16px;
}

#equityOpportunitiesSection > p {
  color: #52677c;
  line-height: 1.6;
}

/* Dark mode */

html[data-theme="dark"] #equitySummary .equity-stat,
.dark-mode #equitySummary .equity-stat {
  background: #172638;
  border-color: #3b536b;
}

html[data-theme="dark"] #equitySummary .equity-stat strong,
.dark-mode #equitySummary .equity-stat strong {
  color: #8bc7ff;
}

html[data-theme="dark"] #equitySummary .equity-stat span,
.dark-mode #equitySummary .equity-stat span {
  color: #d3e0ed;
}

html[data-theme="dark"] #equityCoverageWarning,
.dark-mode #equityCoverageWarning {
  background: #382e1c;
  border-color: #806b3c;
  color: #f2dfb3;
}

html[data-theme="dark"] #equityDashboard .equity-method-note,
html[data-theme="dark"] #equityOpportunitiesSection > p,
.dark-mode #equityDashboard .equity-method-note,
.dark-mode #equityOpportunitiesSection > p {
  color: #c5d3e1;
}

html[data-theme="dark"] #equityPagesSection .equity-table-scroll,
.dark-mode #equityPagesSection .equity-table-scroll {
  border-color: #3b536b;
}

html[data-theme="dark"] #equityPagesTable th,
.dark-mode #equityPagesTable th {
  background: #22374c;
  color: #e8eef5;
}

html[data-theme="dark"] #equityPagesTable td,
.dark-mode #equityPagesTable td {
  border-bottom-color: #3b536b;
  color: #e8eef5;
}

html[data-theme="dark"] #equityPagesTable tbody tr:hover,
.dark-mode #equityPagesTable tbody tr:hover {
  background: rgba(139, 199, 255, 0.07);
}

/* Responsive layout */

@media (max-width: 900px) {
  #equitySummary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  #equityDashboard {
    margin-top: 22px;
  }

  #equitySummary {
    gap: 10px;
  }

  #equitySummary .equity-stat {
    padding: 16px 10px;
  }

  #equitySummary .equity-stat strong {
    font-size: 1.5rem;
  }

  #equityPagesTable {
    font-size: 0.85rem;
  }

  #equityPagesTable th,
  #equityPagesTable td {
    padding: 11px 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #equityDashboard * {
    scroll-behavior: auto;
  }
}

/* Vital SEO — equity analyser crawl form alignment */
#tool-internal-link-equity-analyser .crawl-map-depth-preview {
  flex: 0 0 185px;
  min-width: 0;
  display: flex;
  align-items: stretch;
}

#tool-internal-link-equity-analyser .crawl-map-depth-preview label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#tool-internal-link-equity-analyser #equityCrawlDepth {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: .65rem .55rem;
  border: 1px solid #b8c9d9;
  border-radius: 8px;
  background: #fff;
  color: #253e52;
  font: inherit;
  font-size: .88rem;
  cursor: pointer;
}

html[data-theme="dark"]
#tool-internal-link-equity-analyser .crawl-map-input-row input,
html[data-theme="dark"]
#tool-internal-link-equity-analyser #equityCrawlDepth {
  background: #102238;
  border-color: #45617e;
  color: #f1f6fc;
}

html[data-theme="dark"]
#tool-internal-link-equity-analyser .crawl-map-input-row input::placeholder {
  color: #a0b2c7;
  opacity: 1;
}

@media (max-width: 600px) {
  #tool-internal-link-equity-analyser .crawl-map-input-row input {
    flex: 0 0 auto;
    width: 100%;
    height: 48px;
    min-height: 48px;
    box-sizing: border-box;
  }

  #tool-internal-link-equity-analyser .crawl-map-depth-preview {
    flex: 0 0 auto;
    width: 100%;
  }

  #tool-internal-link-equity-analyser #equityCrawlDepth {
    min-height: 48px;
  }
}

/* Vital SEO — equity analyser guidance accordions */
#tool-internal-link-equity-analyser .spl-checking-explanation {
  margin: 18px 0 22px;
  padding: 15px 18px;
  border: 1px solid #d7e2f0;
  border-radius: 12px;
  background: #f8fbff;
}

#tool-internal-link-equity-analyser .spl-checking-explanation summary {
  cursor: pointer;
  font-weight: 700;
  color: #183d72;
  line-height: 1.5;
}

#tool-internal-link-equity-analyser .spl-checking-explanation[open] summary {
  margin-bottom: 14px;
}

#tool-internal-link-equity-analyser .spl-checking-explanation p {
  margin: 0 0 12px;
  line-height: 1.65;
}

#tool-internal-link-equity-analyser .spl-checking-explanation p:last-child {
  margin-bottom: 0;
}

html[data-theme="dark"]
#tool-internal-link-equity-analyser .spl-checking-explanation {
  background: #172638;
  border-color: #3b536b;
  color: #c8d2df;
}

html[data-theme="dark"]
#tool-internal-link-equity-analyser .spl-checking-explanation summary {
  color: #dcecff;
}

html[data-theme="dark"]
#tool-internal-link-equity-analyser .spl-checking-explanation p {
  color: #c8d2df;
}

/* Vital SEO — equity results status panel */
#equity-results-status {
  margin: 0 0 22px;
  padding: 17px 20px;
  border: 1px solid #d7e2f0;
  border-radius: 12px;
  background: #f8fbff;
  color: #29455f;
  font-size: 0.95rem;
  line-height: 1.65;
}

html[data-theme="dark"] #equity-results-status,
.dark-mode #equity-results-status {
  background: #172638;
  border-color: #3b536b;
  color: #dcecff;
}

@media (max-width: 520px) {
  #equity-results-status {
    padding: 15px 16px;
  }
}

/* Vital SEO — opportunity results presentation */
#equityOpportunities ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#equityOpportunities li {
  min-width: 0;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid #d8e4ef;
  border-left: 3px solid #3685c9;
  border-radius: 0;
  background: #f8fbff;
  color: #29455f;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

html[data-theme="dark"] #equityOpportunities li,
.dark-mode #equityOpportunities li {
  background: #172638;
  border-color: #3b536b;
  border-left-color: #8bc7ff;
  color: #dcecff;
}

@media (max-width: 520px) {
  #equityOpportunities li {
    padding: 12px 14px;
  }
}

/* Vital SEO — opportunity URL and reason layout */
#equityOpportunities .equity-opportunity-url {
  display: block;
  margin-bottom: 5px;
  color: #183d72;
  font-weight: 700;
  overflow-wrap: anywhere;
}

#equityOpportunities .equity-opportunity-reason {
  display: block;
  color: #43566a;
  font-size: 0.92rem;
  line-height: 1.6;
}

html[data-theme="dark"] #equityOpportunities .equity-opportunity-url,
.dark-mode #equityOpportunities .equity-opportunity-url {
  color: #a9d7ff;
}

html[data-theme="dark"] #equityOpportunities .equity-opportunity-reason,
.dark-mode #equityOpportunities .equity-opportunity-reason {
  color: #d3e0ed;
}