/* css/pages/wizard_hosting.css
 * Hosting-wizard-specific styles (Fase 28b) -- loaded alongside the shared
 * css/wizard-shell.css and css/pages/order_domain.css. Only the configuration-step plan-tile
 * theming lives here, mirroring css/pages/wizard_vps.css's equivalent block exactly.
 */

.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);
}

/* Plan tile layout, 2 rows (Tom, 2026-08-16): row 1 is just the icon + plan name side by
   side; row 2 starts at the tile's own left edge (NOT indented past the icon like the old
   single-row icon-left/content-right layout) so the description/specs/price get the tile's
   full width to work with instead of being squeezed into the narrow column right of the icon
   -- this is what actually fixed the overflow, on top of the checklist-vs-paragraph change
   below. */
.wz-plan-row1 {
    display: flex;
    align-items: center;
    gap: 10px;
}
.wz-plan-row2 {
    margin-top: 8px;
}

/* .wz-plan-specs (the checkmark checklist) now lives in css/pages/order_domain.css -- moved
   there 2026-08-16 so the VPS size tiles (which don't load this file) can reuse it too. */