/* dealerPlatformTransitions — project-specific styles (supplements UX SDK) */

/* ── Logo contrast fix ── */
.ux-logo { color: #fff; text-decoration: none; }
.ux-logo:hover { text-decoration: none; }
.ux-logo em { color: #93b4ff; }

/* ── Hero (landing page) ── */
.dpt-hero {
    text-align: center;
    padding: 4rem 2rem;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: #fff;
}
.dpt-hero .ux-section-title { color: #fff; font-size: 2.4rem; }
.dpt-hero .ux-section-sub { color: rgba(255,255,255,0.9); }
.dpt-hero .ux-btn-outline { color: #fff; border-color: #fff; }
.dpt-hero .ux-btn-outline:hover { background: rgba(255,255,255,0.15); }
.dpt-hero-actions { display: flex; gap: 1rem; justify-content: center; margin-top: 2rem; }

/* ── Step numbers ── */
.dpt-step-num { font-size: 2.5rem; font-weight: 800; color: var(--ux-accent, #6d8aff); opacity: 0.3; margin-bottom: 0.25rem; }

/* ── Pricing ── */
.dpt-pricing-page { text-align: center; padding: 3rem 1.5rem; }
.dpt-pricing-card { display: inline-block; padding: 2.5rem; text-align: center; }
.dpt-pricing-amount { font-size: 3rem; font-weight: 700; color: var(--ux-accent, #2563eb); }
.dpt-pricing-unit { font-size: 1rem; color: var(--ux-muted, #6b7280); margin-bottom: 1.5rem; }
.dpt-pricing-features { list-style: none; text-align: left; margin-bottom: 2rem; padding: 0; }
.dpt-pricing-features li { padding: 0.4rem 0; border-bottom: 1px solid var(--ux-border, #e5e7eb); }
.dpt-pricing-features li::before { content: "\2713 "; color: var(--ux-green, #16a34a); font-weight: 700; }

/* ── Forms ── */
.dpt-form { max-width: 600px; }
.dpt-form-group { margin-bottom: 1rem; }
.dpt-form-group label { display: block; font-weight: 500; margin-bottom: 0.3rem; font-size: 0.9rem; }
.dpt-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.dpt-form-footer { display: flex; align-items: center; gap: 1.5rem; margin-top: 1.5rem; }
.dpt-form-inline { display: flex; gap: 0.5rem; align-items: flex-end; margin-bottom: 1.5rem; }
.dpt-form-inline .ux-input,
.dpt-form-inline .ux-select { width: auto; }

/* ── Domain detail ── */
.dpt-domain-meta { display: flex; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 1.5rem; font-size: 0.9rem; }