/**
 * Copyright © Monogo. All rights reserved.
 * See COPYING.txt for license details.
 *
 * Salon PL look of the company registration pages (Monogo_UnilayerCompanyRegister), matching the legacy shop.
 */

/* Banner above the form (CMS block text_field_above_sign). The block's legacy markup is a "message-error"; the legacy
   theme shows it as an outlined info box with an "i" icon, not as an error. */
body.unilayer-company-register .unilayer-company-register-cms--above_form .message.error {
    display: flex;
    flex-direction: row !important; /* Page Builder sets column on the row's inner element (data-pb-style) */
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    margin: 0 0 32px;
    padding: 12px 20px 12px 45px;
    border: 1px solid #af0236;
    border-radius: 0;
    background: #fff;
    color: #464646;
    font-size: 12px;
    line-height: 17px;
}

body.unilayer-company-register .unilayer-company-register-cms--above_form .message.error::before,
body.unilayer-company-register .unilayer-company-register-cms--above_form .message.error > *::before {
    content: none;
}

body.unilayer-company-register .unilayer-company-register-cms--above_form .message.error > [data-content-type="text"] {
    position: relative;
    text-align: left;
}

body.unilayer-company-register .unilayer-company-register-cms--above_form .message.error > [data-content-type="text"]::before {
    content: "";
    position: absolute;
    top: 1px;
    left: -25px;
    width: 16px;
    height: 16px;
    margin: 0; /* Luma's message icon (.message > *:first-child:before) has margin-top: -12px */
    background: url("../images/icon-info.svg") no-repeat center / 16px 16px;
}

body.unilayer-company-register .unilayer-company-register-cms--above_form .message.error p {
    margin: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* Welcome page after registering. The text has the size of the form texts, not of the page body. */
body.unilayer-company-register .unilayer-company-register-welcome {
    font-size: 14px;
    line-height: 21px;
    color: #464646;
}

body.unilayer-company-register .unilayer-company-register-welcome :is(p, li) {
    font-size: inherit;
    line-height: inherit;
}

body.unilayer-company-register .unilayer-company-register-welcome p {
    margin: 0 0 16px;
}

body.unilayer-company-register .unilayer-company-register-welcome ul {
    margin: 0 0 16px;
    padding-left: 20px;
    list-style: disc;
}

body.unilayer-company-register .unilayer-company-register-welcome li {
    margin: 0 0 8px;
}

body.unilayer-company-register .unilayer-company-register-welcome .actions-toolbar {
    margin-top: 32px;
}

/* With the welcome CMS block (company_register_welcome_unactive), the page shows only the block, as in the legacy
   shop: the block already says the account waits for verification, so the generic status text and the company name
   would repeat it. */
body.unilayer-company-register .unilayer-company-register-welcome:has(> [data-content-type="row"]) :is(.unilayer-company-register-welcome__company, .unilayer-company-register-welcome__message) {
    display: none;
}

/* The migrated block carries a Jira mail icon pasted from a ticket (img.rendericon on jira.monogo.pl). */
body.unilayer-company-register .unilayer-company-register-welcome img.rendericon {
    display: none;
}