/*******************************************************************************************
*   ___  _          ______                     _ _                _                        *
*  / _ \| |         | ___ \                   | (_)              | |              © 2025   *
* / /_\ | | _____  _| |_/ /_ __ __ _ _ __   __| |_ _ __   __ _   | |_ ___  __ _ _ __ ___   *
* |  _  | |/ _ \ \/ / ___ \ '__/ _` | '_ \ / _` | | '_ \ / _` |  | __/ _ \/ _` | '_ ` _ \  *
* | | | | |  __/>  <| |_/ / | | (_| | | | | (_| | | | | | (_| |  | ||  __/ (_| | | | | | | *
* \_| |_/_|\___/_/\_\____/|_|  \__,_|_| |_|\__,_|_|_| |_|\__, |  \___\___|\__,_|_| |_| |_| *
*                                                         __/ |                            *
*                                                        |___/                             *
* ---------------------------------------------------------------------------------------- *
* This is commercial software, only users who have purchased a valid license and accept    *
* to the terms of the License Agreement can install and use this program.                  *
* ---------------------------------------------------------------------------------------- *
* website: https://cs-cart.alexbranding.com                                                *
*   email: info@alexbranding.com                                                           *
*******************************************************************************************/

.ut2-pb {
	.vc__l {
    	display: flex;
    	align-items: center;
        line-height: 1;

	    span {
    	    &.ut2-icon {
                font-size: 20px;
                margin: 2px 3px 0 -1px;
                position: relative;
    	    }
	    }
	}
	.ty-vendor-communication__post-write {
		margin-top: 0;
	}
}

.ty-mainbox-body > .vc__l {
	.ty-btn();
    margin: 15px 0 0;

	.ut2-icon {
		font-weight: normal;
		font-size: 20px;
		margin-top: 2px;
		margin-right: 3px;
	}
    
    > i {
	    color: @links;
	    font-size: 20px;
    }

    span {
	    border: 0 none;
	    font-weight: bold;
    }
}

.ty-vendor-communication-new-message {
    padding: var(--gap-s);
    background: var(--fill-gray);
	border: 1px solid @base;
	border-width: 0 1px 1px 1px;
    
    &__message {
	    margin: 0;
	    padding: 0;
    }
	&__buttons {
		margin: 0;
		padding: var(--gap-s) 0 0;
		
		&:hover a.ty-btn__text {
    		box-shadow: none;
		}
	}
}

.ty-vendor-communication-post {
	&__scroll-to-top {
		margin-top: -31px;
	}
    &__wrapper {
		padding: var(--gap-s);

        @media (max-width: 800px) {
            min-width: 100%;
        }
    }
    &__date {
        text-align: right;
    }
}

.ty-vendor-communication-product-info {
	&-container {
	    display: flex;
	    flex-wrap: wrap;
	    align-items: center;
	}
	&-header {
		flex: 1;
		padding: 0;

		.ty-product-block-title {
			font-family: @body_font;
			font-size: var(--font-size-medium);
		}
	}
	&-image {
		flex: 0 0 auto;
		padding-top: 0;
		padding-right: var(--gap-s);
		padding-bottom: var(--gap-xs);
	}
}

.ty-orders__actions {
	.vc__l {
		.ut2-icon-outline-announcement {
			position: relative;
			top: 2px;
			margin-right: var(--gap-xxs);

			&::before {
				font-size: calc(~'var(--button-font-size) + 9px');
			}
		}
	}
}