/* Cloudzaro – shared styles */

/* DNS record type badges */
.badge-record-type { font-size: .7rem; font-weight: 700; letter-spacing: .5px; padding: .35em .6em; min-width: 52px; text-align: center; display: inline-block; color: #fff; }
.badge-A     { background-color: #0d6efd; }
.badge-AAAA  { background-color: #6610f2; }
.badge-CNAME { background-color: #20c997; }
.badge-MX    { background-color: #fd7e14; }
.badge-TXT   { background-color: #6c757d; }
.badge-SRV   { background-color: #d63384; }
.badge-CAA   { background-color: #0dcaf0; color: #000; }
.badge-NS    { background-color: #495057; }

/* DNS table */
.dns-table th.sortable { cursor: pointer; user-select: none; white-space: nowrap; }
.dns-table th.sortable:hover { background-color: rgba(0,0,0,.04); }
.dns-table tbody tr { transition: background-color .15s ease; }
.dns-table tbody tr:hover { background-color: rgba(255,193,7,.06); }
.dns-content-cell { max-width: 420px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dns-name-cell { max-width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dns-disabled td { opacity: .55; }
.dns-disabled td:last-child { opacity: 1; }
.dns-editing { background-color: #fffbea; }
.dns-flash { animation: dnsFlash 2.5s ease; }
@keyframes dnsFlash { 0% { background-color: #ffe58f; } 100% { background-color: transparent; } }
.dns-suffix { max-width: 45%; }
.dns-busy .dns-act, .dns-busy .dns-form button[type=submit] { pointer-events: none; opacity: .6; }

/* Landing page */
.hero-visual { position: relative; display: inline-block; }
.feature-icon { width: 64px; height: 64px; }
.faq .accordion-button:not(.collapsed) { background-color: #fff8e1; color: #000; }
.step-number { width: 40px; height: 40px; border-radius: 50%; background: #FFD23F; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; }
.compare-table td, .compare-table th { vertical-align: middle; }

/* ─── Domain search results (public + order page) ─────────── */
.domain-results { table-layout: fixed; width: 100%; margin: 0; }
.domain-results td { padding: .75rem 1rem; vertical-align: middle; border-color: var(--bs-border-color-translucent); }
.domain-results .dr-name { word-break: break-all; }
.domain-results .dr-name .font-monospace { font-size: 1.05rem; }
.domain-results .dr-price { width: 8.5rem; text-align: right; white-space: nowrap; }
.domain-results .dr-action { width: 8.5rem; text-align: right; }
.domain-results .dr-action .btn { width: 100%; white-space: nowrap; }
.domain-results tr.dr-exact td { background: rgba(255, 193, 7, .08); }
.domain-results .badge { font-weight: 600; }
@media (max-width: 575.98px) {
    .domain-results td { padding: .6rem .5rem; }
    .domain-results .dr-name .font-monospace { font-size: .95rem; }
    .domain-results .dr-price { width: 5.5rem; font-size: .85rem; }
    .domain-results .dr-price .dr-year { display: none; }
    .domain-results .dr-action { width: 6.5rem; }
    .domain-results .dr-action .btn { font-size: .8rem; padding: .3rem .4rem; }
}