.path-user .region-banner .block-local-tasks-block {
    margin-bottom: 2rem;
}

.path-user .block-system-main-block {
    padding: 1rem 1rem 2rem;
}

@media screen and (min-width: 30rem) {
    .path-user .block-system-main-block {
        padding: 1rem 1rem 2rem;
    }
}

@media screen and (min-width: 85rem) {
    .path-user .block-system-main-block {
        max-width: 85rem;
        margin: 0 auto;
        padding: 1rem 2rem 2rem;
        width: 100%;
    }
}

.user-login-form,
.user-pass {
    padding: 0.5rem 2rem 1rem;
    background: var(--background);
    border-radius: 2rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    display: inline-block;
}

.user-login-form .form-item > label,
.user-pass .form-item > label{
    margin-bottom: 0.5rem !important;
    font-size: 1.5rem;
    font-weight: bold;
    font-family: var(--fontBold);
    color: var(--primary);
    display: block;
}

.user-login-form .form-item input,
.user-pass .form-item input {
    padding: 1rem 1.5rem;
    width: 80%;
    border-radius: 1rem;
    border: 1px solid var(--primary);
    font-size: 1.25rem;
}

.user-login-form .form-actions,
.user-pass .form-actions {
    margin-top: 2rem;
}

.user-login-form .button,
.user-pass .button {
    display: flex;
    border: 1px solid var(--primary);
    border-radius: 2rem;
    padding: 1rem 2rem;
    font-family: var(--fontBold);
    background-color: var(--primary);
    color: #fff;
    cursor: pointer;
}

.user-login-form .button:hover,
.user-login-form .button:focus-visible,
.user-pass .button:hover,
.user-pass .button:focus-visible {
    background-color: var(--primaryDark);
}

/* Supplier Content */
.user--view-mode-full .logo {
    float: right;
}

.user--view-mode-full .logo img {
     box-shadow: 0 4px 4px rgba(0,0,0,0.15);
     border-radius: 1rem;
}

.user--view-mode-full .services {
    clear: both;
}

.user--view-mode-full a[href*="masquerade"] {
    display: inline-block;
    margin: 1rem 0;
    padding: 0.5rem 2rem;
    border: 2px solid;
    border-radius: 2rem;
    text-decoration: none;
}

.user--view-mode-full a[href*="masquerade"]:hover,
.user--view-mode-full a[href*="masquerade"]:focus-visible {
    background-color: var(--primary);
    border-color: var(--primary);
    color: white;
}

.view-services-per-user footer a {
    display: inline-block;
    margin: 1rem 0;
}

.view-services-per-user .view-empty {
    background-color: var(--background);
    padding: 1.5rem;
    border-radius: 1rem;
    box-shadow: 0 4px 4px rgba(0,0,0,0.15);
}

.view-services-per-user .view-empty h2 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

.view-services-per-user table {
    width: 100%;
    table-layout: fixed;
}

.view-services-per-user table caption {
    font-style: normal;
    padding: 0;
    margin: 2rem 0 0.5rem;
}

.view-services-per-user table caption:before {
    display: block;
}

.view-services-per-user table a {
    display: inline-block
}

.view-services-per-user table .views-field-title,
.view-services-per-user table .views-field-field-review-date,
.view-services-per-user table .views-field-moderation-state
 {
    width: 15%;
}

.view-services-per-user table .views-field-field-about-the-service {
    width: 40%;
}

.view-services-per-user table.cols-4 .views-field-field-about-the-service {
    width: 55%;
}

.views-field-moderation-state span {
    display: inline-block;
    background: #efefef;
    padding: 0.5rem 1.5rem;
    border-radius: 1.5rem;
}

table:has(.row-Review) .views-field-moderation-state span {
    background-color: var(--highlightOrange);
    color: white;
    font-weight: 600;
}

table:has(.row-Published) .views-field-moderation-state span {
    background-color: var(--primary);
    color: white;
    font-weight: 600;
}

table:has(.row-Draft) .views-field-moderation-state span {
    background-color: var(--highlightNavy);
    color: white;
    font-weight: 600;
}

table:has(.row-Archived) .views-field-moderation-state span {
    background-color: var(--highlightRed);
    color: white;
    font-weight: 600;
}

#email-tfa-email-tfa-verify-login {
    max-width: 85rem;
    margin: 0 auto;
    padding: 0 2rem;
}

#email-tfa-email-tfa-verify-login .button {
    margin: 0 2rem 0 0;
    border: 0;
    padding: 0.75rem 2rem;
    border-radius: 2rem;
}

#email-tfa-email-tfa-verify-login .button.form-submit {
    background-color: var(--primary);
    color: white;
}

#email-tfa-email-tfa-verify-login .button:hover,
#email-tfa-email-tfa-verify-login .button:focus-visible {
    background-color: var(--primaryDark);
    color: white;
}