/* Edit project name */
.title-edit-input {
    display: none;
    font-size: 24px;
    color: var(--color-primary);
    padding: 0 1.2rem;
    margin: 0;
    box-sizing: border-box;
    background: rgb(249, 249, 249);
    border: 1px solid rgb(99, 130, 118);
    border-radius: 10px;
}

.title-edit-input.active {
    color: rgb(255, 255, 255);
    padding: 0 1.2rem;
    box-sizing: border-box;
    background: rgba(115, 147, 133, 0.3) !important;
    border: none !important;
    border-radius: 100px !important;
    width: 50%;
}

.edit-buttons {
    display: none;
    position: absolute;
    top: 0.5rem;
    left: calc(50% + 1rem);
    gap: 8px;
    z-index: 9999;
}

.title-wrapper {
    display: flex !important;
    align-items: center;
}

.title-wrapper h1 {
    cursor: pointer;
}

.title-wrapper .edit-btn {
    margin-left: 2rem;
    width: 2.5rem;
    height: 2.5rem;
    filter: invert(26%) sepia(12%) saturate(292%) hue-rotate(103deg) brightness(92%) contrast(91%);
}

.title-wrapper:hover .edit-btn {
    opacity: 1;
}

.edit-buttons:hover {
    opacity: 1;
}

.edit-buttons button {
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    width: 32px;
    height: 32px;
    line-height: 1;
    padding: 0;
    transition: .3s ease;
}

.save-button {
    color: var(--text-light);
    background-color: var(--color-primary);
    width: 16px;
    transition: .3s ease;
}

.save-button img {
    width: 24px;
    margin: 0 !important;
}

.save-button:hover,
.cancel-button:hover {
    transform: scale(1.05);
}

.cancel-button {
    color: var(--text-dark);
    background: none;
    box-shadow: inset 0 0 0 1px #638276 !important;
    transition: .3s ease;
}

.title-text .cancel-button {
    box-shadow: inset 0 0 0 1px #88a197 !important;
}

.cancel-button img {
    width: 13px !important;
    margin: 0 !important;
    filter: invert(48%) sepia(12%) saturate(622%) hue-rotate(105deg) brightness(98%) contrast(85%);
}

.title-text .cancel-button img {
    filter: invert(26%) sepia(12%) saturate(292%) hue-rotate(103deg) brightness(92%) contrast(91%);
}

.edit-btn {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    color: #fff;
    width: 28px;
    height: 28px;
    margin-left: 1em;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.edit-btn img {
    margin: 0 !important;
}

body.page-template-template-my-account-shared [class*="rfp-shared-card-container-"] .rfp-data-row,
body.page-template-template-my-account-shared [class*="rfp-shared-card-container-"] .rfp-data-suppliers,
body.page-template-template-my-account-shared [class*="rfp-shared-card-container-"] .rfp-data-questions {
    display: inline-flex;
    align-items: center;
}

body.page-template-template-my-account-shared [class*="rfp-shared-card-container-"] .rfp-data-row {
    margin-bottom: 1.6rem;
}

.page-template-template-my-account-shared body[data-col-gap="50px"] .wpb_row:not(.full-width-section):not(.full-width-content) {
    margin-bottom: 0px !important;
}

body.page-template-template-my-account-shared [class*="rfp-shared-card-container-"] .rfp-data-row p {
    display: inline-block;
    padding: 0;
}

body.page-template-template-my-account-shared [class*="rfp-shared-card-container-"] .rfp-data-questions {
    margin-left: 2rem;
    position: relative;
}

/* Reduce scroll/compositing artifacts on some MacBook GPU/display setups. */
body.page-template-template-my-account-shared .shared-card-share-container.multiple.active .shared-card-inner {
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

body.page-template-template-my-account-shared .content-card-container .nectar-cta,
body.page-template-template-my-account-shared .button-create-rfp,
body.page-template-template-my-account-shared .ai-link-button,
body.page-template-template-my-account-shared .rfp-card-button a,
body.page-template-template-my-account-shared .supplier-card-buttons a {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.page-template-template-my-account-shared .shared-suppliers-show-more-wrap {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
}

body.page-template-template-my-account-shared .shared-suppliers-show-more {
    border: 1px solid #88a197;
    border-radius: 999px;
    background: transparent;
    color: var(--text-accent);
    font-size: 14px;
    line-height: 1;
    padding: 0.7rem 1.2rem;
    cursor: pointer;
}

@media only screen and (max-width: 640px) {
    .title-edit-input.active {
        width: calc(100% - 5.5rem);
    }

    .edit-buttons {
        left: unset;
        right: 0;
    }

    .edit-btn {
        opacity: 0.7;
    }

    .title-wrapper {
        align-items: flex-end;
        gap: 0.5rem;
    }

    .title-wrapper .edit-btn {
        margin-left: 1rem;
        width: 4.5rem;
        height: 5.5rem;
    }
}