/* -----------------------------------------------
   DeployClick custom overrides
   Loaded after main.css
----------------------------------------------- */

/* Logo dot — accent blue, matching old theme behaviour */
.sitename span { color: var(--accent-color); }

/* DNS record type badge colours (used on whois/ssl pages) */
.dns-badge-cname { background: #fd7e14 !important; color: #fff !important; }
.dns-badge-srv   { background: #6f42c1 !important; color: #fff !important; }

/* ── Shared tool-page panel styles (whois + ssl) ── */
.panel-label  { font-size:.7rem; text-transform:uppercase; letter-spacing:.06em;
                color:#6c757d; font-weight:600; margin-bottom:.2rem; }
.panel-value  { font-size:.92rem; word-break:break-all; }
.panel-pill   { display:inline-block; background:#f0f4ff; border:1px solid #d0daf7;
                border-radius:4px; font-family:monospace; font-size:.78rem;
                padding:.15rem .55rem; margin:.15rem .1rem; }
.panel-status-pill { display:inline-block; background:#e8f5e9; border:1px solid #c8e6c9;
                     border-radius:20px; font-size:.72rem; padding:.15rem .7rem;
                     margin:.15rem .1rem; color:#2e7d32; }
.raw-output   { background:#1e1e2e; color:#cdd6f4; padding:1.25rem 1.5rem;
                font-size:.78rem; line-height:1.7; border-radius:0 0 .375rem .375rem;
                max-height:700px; overflow-y:auto; white-space:pre-wrap;
                word-break:break-all; margin:0; }
.wh-comment   { color:#585b70; }
.wh-important { color:#89dceb; font-weight:600; }
.wh-field     { color:#a6e3a1; }


/* FAQ: links inside active (blue background) items must be white */
.faq .faq-container .faq-active .faq-content p a {
  color: #ffffff;
  text-decoration: underline;
}
.faq .faq-container .faq-active .faq-content p a:hover {
  color: rgba(255, 255, 255, 0.75);
}

/* FAQ: links inside inactive items use accent colour */
.faq .faq-container .faq-item:not(.faq-active) .faq-content p a {
  color: var(--accent-color);
  text-decoration: underline;
}
.faq .faq-container .faq-item:not(.faq-active) .faq-content p a:hover {
  color: color-mix(in srgb, var(--accent-color), #000 20%);
}