:root {
    --waas-register-bg: #f3f6fb;
    --waas-register-card: #ffffff;
    --waas-register-text: #0f172a;
    --waas-register-muted: #475569;
    --waas-register-border: #dbe4f0;
    --waas-register-primary: #2563eb;
    --waas-register-primary-soft: rgba(37, 99, 235, 0.1);
    --waas-register-shadow: 0 20px 40px rgba(15, 23, 42, 0.1);
    --waas-register-radius: 18px;
}

body.waas-register-skin {
    background: radial-gradient(1200px 520px at 10% -5%, rgba(37, 99, 235, 0.16), transparent 65%), var(--waas-register-bg);
}

body.waas-register-skin .wu-styling {
    max-width: 920px;
    margin: 0 auto;
    padding: 24px 16px 56px;
}

body.waas-register-skin #wu_form {
    background: var(--waas-register-card);
    border-radius: var(--waas-register-radius);
    border: 1px solid var(--waas-register-border);
    box-shadow: var(--waas-register-shadow);
    padding: 22px;
}

body.waas-register-skin #wu_form .wu-form-title {
    margin-top: 10px;
}

.waas-register-intro {
    margin: 0 0 18px;
    border-radius: 14px;
    background: linear-gradient(145deg, #0f172a 0%, #1e3a8a 100%);
    color: #e2e8f0;
    padding: 18px 18px 14px;
}

.waas-register-kicker {
    margin: 0 0 8px;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #93c5fd;
}

.waas-register-intro h1 {
    margin: 0 0 8px;
    font-size: 27px;
    line-height: 1.25;
    color: #ffffff;
}

.waas-register-intro p {
    margin: 0;
    color: #cbd5e1;
}

.waas-register-steps {
    margin: 12px 0 8px;
    padding-left: 18px;
    color: #e2e8f0;
    display: grid;
    gap: 4px;
}

.waas-register-domain-preview {
    margin-top: 10px;
    font-size: 13px;
}

.waas-register-domain-preview strong {
    color: #f8fafc;
}

body.waas-register-skin #wu_form .wu-field,
body.waas-register-skin #wu_form .wu-field-wrapper {
    margin-bottom: 14px;
}

body.waas-register-skin #wu_form input[type="text"],
body.waas-register-skin #wu_form input[type="email"],
body.waas-register-skin #wu_form input[type="password"],
body.waas-register-skin #wu_form select,
body.waas-register-skin #wu_form textarea {
    min-height: 44px;
    border-radius: 12px;
    border-color: #cbd5e1;
}

body.waas-register-skin #wu_form input:focus,
body.waas-register-skin #wu_form select:focus,
body.waas-register-skin #wu_form textarea:focus {
    border-color: var(--waas-register-primary);
    box-shadow: 0 0 0 3px var(--waas-register-primary-soft);
}

.waas-industry-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 10px;
}

.waas-industry-card {
    border: 1px solid var(--waas-register-border);
    border-radius: 12px;
    background: #fff;
    color: var(--waas-register-text);
    padding: 10px 12px;
    min-height: 52px;
    text-align: left;
    cursor: pointer;
    transition: all 0.2s ease;
}

.waas-industry-card:hover,
.waas-industry-card:focus-visible {
    border-color: var(--waas-register-primary);
    box-shadow: 0 0 0 3px var(--waas-register-primary-soft);
    outline: none;
}

.waas-industry-card.is-active {
    border-color: var(--waas-register-primary);
    background: rgba(37, 99, 235, 0.06);
}

.waas-industry-card-title {
    display: block;
    font-size: 13px;
    font-weight: 600;
}

body.waas-register-skin #wu_form .wu-submit-button {
    min-height: 46px;
    border-radius: 12px;
    background: var(--waas-register-primary);
    border-color: var(--waas-register-primary);
}

/* Undo narrow Gutenberg two-column layout on the register page. */
body.waas-register-skin .entry-content .wp-block-columns {
    flex-direction: column;
    gap: 0;
}

body.waas-register-skin .entry-content .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: none !important;
}

body.waas-register-skin .wu-styling {
    width: 100%;
    max-width: 920px;
}

/* Template selection — full-width cards stacked vertically. */
body.waas-register-skin #wrapper-field-template_selection,
body.waas-register-skin #wu-site-template-container {
    width: 100%;
}

body.waas-register-skin #wu-site-template-container-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100%;
}

body.waas-register-skin [id^="wu-site-template-"] {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    flex: 0 0 auto;
    height: auto !important;
}

body.waas-register-skin .wu-site-template-image-container {
    width: 100%;
    overflow: visible;
    background: #f8fafc;
    border-radius: 10px;
}

body.waas-register-skin .wu-site-template-image {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    min-height: 0;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center top;
}

body.waas-register-skin .wu-site-template-title {
    word-break: break-word;
}

body.waas-register-skin #wu-order-summary-table {
    width: 100%;
}

@media (max-width: 782px) {
    .waas-register-intro h1 {
        font-size: 24px;
    }
}

/* Payment status page (/register/?payment=...&status=done) */
body.waas-register-skin.waas-register-payment-done .entry-title,
body.waas-register-skin.waas-register-payment-done .entry-content h1,
body.waas-register-skin.waas-register-payment-done .entry-content h2 {
    color: #0f172a !important;
}

body.waas-register-skin.waas-register-payment-done .entry-content,
body.waas-register-skin.waas-register-payment-done .entry-content p,
body.waas-register-skin.waas-register-payment-done .wu-styling,
body.waas-register-skin.waas-register-payment-done .wu-styling p {
    color: #1f2937 !important;
}

body.waas-register-skin.waas-register-payment-done .wu-styling > *:not(#wu_form) {
    background: #ffffff;
    border: 1px solid #dbe4f0;
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    padding: 18px 20px;
}

body.waas-register-skin.waas-register-payment-done a {
    color: #1d4ed8 !important;
    font-weight: 600;
}

body.waas-register-skin.waas-register-payment-done a:hover {
    color: #1e40af !important;
}

body.waas-register-skin.waas-register-payment-done #wu-thank-you-element {
    color: #0f172a !important;
}

body.waas-register-skin.waas-register-payment-done #wu-thank-you-element > div {
    background: #ffffff;
    border: 1px solid #dbe4f0;
    border-radius: 16px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10);
    overflow: hidden;
}

body.waas-register-skin.waas-register-payment-done #wu-thank-you-element .wu-p-4.wu-flex.wu-items-center {
    background: linear-gradient(145deg, #0f172a 0%, #1e3a8a 100%);
    color: #f8fafc !important;
    border-bottom: 1px solid #1e40af;
}

body.waas-register-skin.waas-register-payment-done #wu-thank-you-element .wu-p-4.wu-flex.wu-items-center h4,
body.waas-register-skin.waas-register-payment-done #wu-thank-you-element .wu-p-4.wu-flex.wu-items-center h3,
body.waas-register-skin.waas-register-payment-done #wu-thank-you-element .wu-p-4.wu-flex.wu-items-center h2 {
    color: #f8fafc !important;
}

body.waas-register-skin.waas-register-payment-done #wu-thank-you-element .wu-thank-you-message,
body.waas-register-skin.waas-register-payment-done #wu-thank-you-element .wu-thank-you-info,
body.waas-register-skin.waas-register-payment-done #wu-thank-you-element .wu-thank-you-billing-address,
body.waas-register-skin.waas-register-payment-done #wu-thank-you-element .wu-thank-you-pending-site,
body.waas-register-skin.waas-register-payment-done #wu-thank-you-element .wu-bg-gray-100 {
    color: #0f172a !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0;
}

body.waas-register-skin.waas-register-payment-done #wu-thank-you-element .wu-thank-you-info li {
    color: #1e293b !important;
}

body.waas-register-skin.waas-register-payment-done #wu-thank-you-element a {
    color: #1d4ed8 !important;
    font-weight: 700;
}