/* ── /whois/ page-specific styles ─────────────────────────────
   Loaded via $pageCss in whois/index.php. Uses theme vars only
   (works in both [data-theme="dark"] and [data-theme="light"]). */

/* Toolbar above the result cards: copy report / share / download */
.whois-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.whois-tool-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}
.whois-tool-btn svg{width:14px;height:14px;flex-shrink:0}
.whois-tool-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-hover)}
.whois-tool-btn:active{transform:translateY(1px)}

/* Skeleton placeholder cards shown while a lookup is in flight */
.whois-skel-card{padding:18px 22px}

/* Retry button inside the error banner */
.ip-retry-btn{margin-left:12px;padding:7px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}
.ip-retry-btn:hover{border-color:var(--accent);color:var(--accent)}

/* Small copy buttons outside .ip-info-value (dates, nameservers, contact emails) */
.whois-date-copy,
.whois-ns-copy,
.whois-contact-line .ip-info-copy{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;color:var(--text-muted);vertical-align:middle;padding:0;flex-shrink:0;transition:all .15s ease}
.whois-date-copy svg,
.whois-ns-copy svg,
.whois-contact-line .ip-info-copy svg{width:12px;height:12px}
.whois-date-copy:hover,
.whois-ns-copy:hover,
.whois-contact-line .ip-info-copy:hover{color:var(--accent);border-color:var(--border-default);background:var(--bg-elevated)}

/* Hover-reveal: keep the UI calm until the user targets a block */
.whois-date-copy{opacity:0;margin-left:4px}
.whois-date-block:hover .whois-date-copy,
.whois-date-copy:focus-visible{opacity:1}
.whois-ns-copy{opacity:0;margin-left:4px}
.whois-ns-item:hover .whois-ns-copy,
.whois-ns-copy:focus-visible{opacity:1}
.whois-contact-line .ip-info-copy{opacity:0;margin-left:4px}
.whois-contact-line:hover .ip-info-copy,
.whois-contact-line .ip-info-copy:focus-visible{opacity:1}

/* Touch devices have no hover — keep the buttons visible */
@media (hover:none){
    .whois-date-copy,
    .whois-ns-copy,
    .whois-contact-line .ip-info-copy{opacity:.65}
}

@media (max-width:640px){
    .whois-toolbar{justify-content:stretch}
    .whois-tool-btn{flex:1;justify-content:center}
}