/* css/pages/wizard_domain.css
 * Domain-wizard-specific styles (Fase 30) -- loaded alongside the shared css/wizard-shell.css and
 * css/pages/order_domain.css. The DNS card and its tiles reuse order_domain.css's own
 * .domain-ns-choice-card/-icon rules unmodified (same partial VPS/SSL/hosting never touch); only
 * the brand-accent hover/active overrides and this wizard's own results-table live here -- same
 * pattern as wizard_ssl.css/wizard_hosting.css.
 */

.wizard-shell .domain-ns-choice-card:hover {
    border-color: var(--wz-accent);
    box-shadow: 0 0 0 .1rem rgba(var(--wz-accent-rgb), .1);
}
.wizard-shell .domain-ns-choice-card.is-active {
    border-color: var(--wz-accent);
    box-shadow: 0 0 0 .15rem rgba(var(--wz-accent-rgb), .15);
}
.wizard-shell .domain-ns-choice-icon {
    background: rgba(var(--wz-accent-rgb), .14);
    color: var(--wz-accent);
}

/* Sub-section heading inside step 2 (Domain details) -- one size down from the step's own <h2>. */
.wz-subheading {
    font-size: 16px;
    font-weight: 700;
    margin: 24px 0 4px;
}

/* order_domain.css's own .price-col/vertical-align rules are scoped to .domain-results-table --
   this wizard's results table uses its own class, so the same treatment is repeated here. */
.wz-domain-results-table td {
    vertical-align: middle;
}
.wz-domain-results-table .custom-control {
    margin: 0;
}
.wz-domain-results-table .price-col {
    text-align: right;
    white-space: nowrap;
}

/* Transfer authorization-code fields, one per selected transfer domain -- dynamically populated
   by js/pages/wizard_domain.js on entering step 2. */
#wzTransferAuthcodeFields .field {
    margin-bottom: 10px;
}
#wzTransferAuthcodeFields .lbl {
    font-weight: 600;
    font-size: 13px;
}

.wizard-shell .alert-info {
    background: rgba(var(--wz-accent-rgb), .14);
    border-color: rgba(var(--wz-accent-rgb), .4);
    color: var(--wz-ink);
}