/* ==========================================================================
   /custom-illustrations — Custom order page specific styles
   Extends static-pages.css
   ========================================================================== */

/* Centered constrained blocks */
.co-center-720 {
    max-width: 720px;
    margin: 0 auto;
}
.co-center-960 {
    max-width: 960px;
    margin: 0 auto;
}
.co-center-640 {
    max-width: 640px;
    margin: 0 auto;
}

/* Badge icon colors — brand-aligned */
.co-icon-green { color: #4d5e0f; }
.co-icon-brand { color: #4d5e0f; }
.co-icon-amber { color: #d97706; }
.co-icon-blue { color: #2563eb; }

/* Readonly email input */
.co-readonly-input {
    background: #f3f4f6;
    cursor: default;
}

/* Wizard success (hidden by default, shown via JS) */
.wizard-success {
    display: none;
}

/* Back button with border */
.co-back-btn {
    border: 1px solid #d1d5db;
}

/* Portfolio section (hidden by default) */
.co-portfolio {
    display: none;
}

/* Section header spacing */
.co-header-centered {
    max-width: 720px;
    margin: 0 auto 2rem;
}

/* Trustpilot link */
.co-trustpilot-link {
    font-size: 14px;
    font-weight: 500;
    color: var(--brand-700);
}
.co-trustpilot-icon {
    margin-left: 4px;
    vertical-align: middle;
}

/* Portfolio modal (hidden by default) */
.portfolio-modal {
    display: none;
}
