/* Для браузеров на основе Webkit (Chrome, Safari) */
::-webkit-scrollbar {
	width: 12px;
	/* Ширина вертикальной полосы прокрутки */
	height: 12px;
	/* Высота горизонтальной полосы прокрутки */
}

*:focus-visible {
	outline: none
}


input[type="radio"]:checked,
input[type=reset],
input[type="checkbox"]:checked,
input[type="checkbox"]:hover:checked,
input[type="checkbox"]:focus:checked,
input[type=range]::-webkit-slider-thumb {
	accent-color: #9681e7;
}

::-webkit-scrollbar-thumb {
	background-color: #D9D9D9;
	border-radius: 6px;
	/* Радиус для скругления углов */
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
	/* Цвет фона трека полосы прокрутки */
	border-radius: 6px;
}

/* Для Firefox */
html {
	scrollbar-width: thin;
	scrollbar-color: #B8A6FF #f1f1f1;
}

/* Для IE и Edge */
body {
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

@supports (scrollbar-color: #D9D9D9 #f1f1f1) {
	body {
		scrollbar-color: #D9D9D9 #f1f1f1;
		scrollbar-width: thin;
	}
}




button,
button:focus {
	outline: none !important;
	border-style: unset;
}


.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar,
.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar,
.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar {
	padding: none;
}




/*HEADER START*/
#masthead .ast-container,
.site-header-focus-item+.ast-breadcrumbs-wrapper {
	padding: 0px;
}

.ast-page-builder-template .site-content>.ast-container,
#ast-desktop-header,
.site-below-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-3-equal.ast-builder-grid-row-tablet-3-equal.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack {
	padding: 0px 30px;
}


@media screen and (max-width: 1024px) {

	.ast-page-builder-template .site-content>.ast-container,
	#ast-desktop-header {
		padding: 0 20px;
	}
}


@media screen and (max-width: 768px) {

	.ahfb-svg-iconset.ast-inline-flex,
	.woocommerce-MyAccount-navigation-link--payment-methods a:before {
		margin-left: 0px !important;
	}

	.product-item {
		margin-bottom: 10px !important;
	}

	.product-row {
		gap: 0px !important;
	}

	.TopBlock .product-title {
		font-size: 17px !important;
	}

	.product-description {
		font-size: 10px !important;
	}

	.BottomBlock-row-price {
		font-size: 12px !important;
	}

	.BottomBlock {
		min-height: 80px;
		height: unset !important;
		padding-bottom: 20px !important
	}

	.BottomBlock-row i {
		font-size: 20px !important;
	}

	.ast-page-builder-template .site-content>.ast-container,
	#ast-desktop-header {
		padding: 0 20px;
	}
}


.ast-mobile-popup-overlay {
	background-color: rgba(255, 255, 255, 0.8) !important;
}


ul#ast-hf-mobile-menu li a {
	text-align: left;
	border: none;
	font-family: '29LTBukraSemiWide' !important;
}

ul#ast-hf-mobile-menu li ul.sub-menu li a span.ast-icon {
	text-align: left;
	display: none;
}

ul#ast-hf-mobile-menu li ul.sub-menu li a {
	font-family: '29LTBukraSemiWide' !important;
	font-weight: 500;
	text-align: left;
	word-break: nowrap;
	word-wrap: nowrap !important;
}

/*HEADER END*/
/*----------------------*/

.woocommerce-MyAccount-navigation ul {
	padding: 0 !important;
}

/*FOOTER START*/

/*FOOTER END*/
.ast-site-header-cart a.cart-container * {
	word-wrap: break-word;
}

.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close:focus {
	outline: none !important;
	border-style: none !important;
}

button {
	transition: all .5s;
}

#wcuf_alert_popup,
.woocommerce-message,
.woocommerce-info {
	border-radius: 10px !important;
	overflow: hidden !important;
	box-shadow: 0px 0px 8px rgba(164, 141, 255, 0.3) !important;
	background: white !important;
}

#OpenComplModalBtn,
#openModalBtn {
	flex: 0 30%;
}

.ast-builder-menu-mobile .main-navigation .main-header-menu {
	text-align: center;
}

.woocommerce ul.products a {
	max-width: 50%;
	/* Укажите желаемую максимальную ширину блока */
	margin: 0 auto;
	/* Центрируем блок по горизонтали */
}

.woocommerce-ordering {
	transition: box-shadow 0.3s ease;
	/* Переход на тень длительностью 0.3 секунды */
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	/* Начальная тень */
}

.woocommerce-ordering:focus,
/* Элемент в фокусе */
.woocommerce-ordering:hover {
	/* Элемент при наведении курсора */
	box-shadow: 0px 0px 10px rgb(164, 141, 255);
	/* Тень при активации или наведении курсора */

}

.woocommerce-MyAccount-content h2 {
	font-family: '29LTBukraSemiWide', 'exo 2';
	font-weight: 500;
}

.ast-woo-grid-orders-container {
	transition: all 0.5s ease-in-out;
}

.ast-woo-grid-orders-container:hover {
	box-shadow: 0px 0px 10px rgb(164, 141, 255);
}

.woocommerce-table,
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents,
.cart_totals,
.shop_table,
.input-text.wooccm-required-field,
.woocommerce-error,
.input-text {
	border-radius: 10px !important;
	overflow: hidden !important;
	box-shadow: 0px 0px 8px rgba(164, 141, 255, 0.3) !important;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
	border-radius: 10px;
	overflow: hidden;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table,
.wc_payment_methods.payment_methods.methods {
	transition: all 0.5s ease-in-out;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 10px rgba(164, 141, 255, 0.3);
}

#place_order {
	transition: 0.5s all ease-in-out;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table:hover {
	box-shadow: 0px 0px 10px rgb(164, 141, 255);
}

.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tr td {
	border: 0px;
}

.ast-order-summary>div:nth-child(2) {
	display: none;
}

.menu_toggle {
	background: none;
}

@media screen and (max-width: 435px) {
	p.wooccm-field.wooccm-type-radio {
		width: 100% !important;
	}
}

/* Hide billing address on order details section. */
.woocommerce-MyAccount-content .woocommerce-customer-details {
	display: none;
}

.woocommerce-MyAccount-content {
	max-width: unset !important;
}

article.post-14 {
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce {
	max-width: unset !important;
	width: 100%;

	& form {
		max-width: unset !important;
	}
}


.woocommerce .woocommerce-checkout {
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce-checkout input[type="number"] {
	max-width: unset !important;
}

.main-header-menu.ast-menu-shadow.ast-nav-menu.ast-account-nav-menu {}

.ast-account-nav-menu .menu-item.menu-link {
	transition: all 3s ease-in-out;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}

.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container:focus>* {
	outline: none !important;
}

a:focus {
	outline: none !important;
}

#wcuf_file_uploads_container {
	display: flex;
	justify-content: space-between;
	text-align: center;
	flex-wrap: wrap;
}

.wcuf_upload_fields_row_element {
	margin: 0 !important;
}

.wcuf_single_upload_field_container {
	margin-top: 20px;
	width: 50%;
	border-radius: 10px 0 0 10px;

}

.wcuf_single_upload_field_container#upload_row_3 .wcuf_upload_fields_row_element {
	min-height: unset !important;
}

.wcuf_single_upload_field_container#upload_row_2 {
	border-radius: 0 10px 10px 0;
}

@media screen and (max-width: 700px) {
	.wcuf_single_upload_field_container {
		width: 100%;
	}

	.my-account-links {
		margin: 0 auto;
		flex-basis: 45% !important;
		transition: all 0.3s ease;
	}

	.wcuf_single_upload_field_container {
		border-radius: 10px !important;

	}


	.wcuf_summary_file_list_block {
		width: 100% !important;
		justify-content: center;
		align-content: center;
	}

	.wcuf_file_preview_list_item img {
		width: 20% !important;
	}

	.modal-content {

		width: 100vw;
	}


	#box_btn {
		flex-direction: column;
		gap: 10px;
		margin-top: 10px;
	}

	li.wcuf_file_preview_list_item {
		display: flex;
		flex-direction: column;

	}
}

@media only screen and (max-width: 767px) {

	/*start*/
	#download_table_1 .wcuf_file_preview_list_item {
		flex-basis: 48% !important;
	}

	#download_table_2 li.wcuf_file_preview_list_item {
		justify-content: center !important;
	}

	/*end*/
}

.modal-content.woocommerce-table {
	width: 60%;
}

#user-review-field {
	height: 40vh;
}


.wd-my-account-links {
	display: flex;
	flex-wrap: wrap;
	font-family: "29LTBukraSemiWide", "exo2";
}

.wd-my-account-links * {
	font-size: 13px;
	text-transform: capitalize;
}

.my-account-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-basis: 29%;
	border: 1px solid #e5e5e5;
	margin: 5px;
	background-color: #fff;
	/*     box-shadow: 0px 0px 14px 0px rgba(122, 89, 255, 1); */
	transition: 0.3s all ease;
}

.wd-my-account-links>div {
	flex-basis: 30%;
}

.my-account-links:hover {
	transition: 0.3s all ease;
	transform: scale(1.1);
	border: 1px solid #7a59ff;
	margin: 5px;
}

.my-account-links a:hover {
	color: #7a59ff;
	fill: #7a59ff;
}

.my-account-links a {
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: #333;
	padding: 20px 0 20px 0;
}


.my-label {
	padding-bottom: 20px;
}

.my-icon {
	width: 15%;
	display: block;
	margin: 0 auto;
	padding-top: 20px;
}

/* Перемещаем Uploads Summary ниже Order Details */
.woocommerce-page table.shop_table.woocommerce-checkout-review-order-table {
	order: 2;
}

.woocommerce-page .wcuf-uploads-summary {
	order: 3;
}

.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li strong {
	color: black;
}

.ast-site-header-cart a.cart-container * {
	transition: all 0.5s ease-in-out;
}

.ast-site-header-cart .ast-addon-cart-wrap i.astra-icon::after,
.ast-theme-transparent-header .ast-site-header-cart .ast-addon-cart-wrap i.astra-icon::after {
	color: var(--ast-global-color-0);
	transition: all 0.5s ease-in-out !important;
}

.account-icon:hover path:first-child {
	fill: #7a59ff !important;
	transition: fill 0.5s ease-in-out;
}

.account-icon path:first-child {
	transition: fill 0.5s ease-in-out;
}

#astra-mobile-cart-drawer {
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.4);
}


#wcuf_summary_uploaded_files {
	display: flex;
	flex-wrap: wrap;
	margin: 0 !important;
}

h2.wcuf_upload_summary_title {
	margin-top: 0 !important;
	width: 100%;
}

.wcuf_summary_file_list_block {
	width: 50%;
	display: flex !important;
	flex-wrap: wrap;
	flex-direction: column;

}

.wcuf_file_preview_list {
	padding: 0 !important;
	display: flex !important;
	justify-content: start;
	flex-wrap: wrap;
	width: 100%;
}

div.wcuf_already_uploaded_data_container.wcuf_file_preview_list {
	justify-content: center;
}

#wcuf_summary_uploaded_files li.wcuf_file_preview_list_item {
	width: 100% !important;
	background: none !important;
	padding: 0px !important;
	max-width: 100% !important;
	display: flex;
	padding: 10px 0 10px 0 !important;
	text-align: center;
	flex-direction: column;
	flex-basis: 31%;
	margin-bottom: 0px;
}

.wcuf_already_uploaded_data_container {
	border: none !important;
}

.wcuf_upload_fields_row_element {
	width: 100% !important;
}

.woocommerce-order-details__title {
	padding-top: 20px;
}

.woocommerce-orders-table th,
td {
	text-align: center;
}


/* Стили для модального окна */
.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	transition: all 1s ease-in-out;
}

.modal-content {
	background-color: #fff;
	width: 30vw;
	padding: 25px 20px 25px 20px;
	position: relative;
	flex-direction: column;
	display: flex;
	align-items: center;
	height: fit-content;
	align-self: center;
}

#user-review-field {
	resize: none;
}

.DG_form {
	width: 80%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	transition: all .5s;
}

.close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	cursor: pointer;
}

/* Стили для анимации модального окна */
.modal.show {

	animation: fadeIn 2s ease-in-out;
	transition: all 1s ease-in-out;
	display: flex;
	justify-content: center;
	z-index: 1000;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.modal.out {
	animation: fadeInOut 2s ease-in-out;
}

@keyframes fadeInOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@media (max-width: 767px) {
	.modal-content {
		width: 90%;
		/* Ширина для мобильных 90% */
	}

	.wd-my-account-links * {
		font-size: 10px;
		text-transform: capitalize;
	}
}

#modal_btn {
	width: 100%;
}


.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
	width: 100%;
	display: flex !important;
	justify-content: center;
	border-bottom: 1px solid black !important;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions:last-child {
	border-bottom: 0px !important;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
	width: 50%;
	display: flex !important;
	align-items: center;
	justify-content: center;
	align-self: center;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions:before {
	display: none !important;
}

.elementor-field-group.elementor-column.elementor-col-100 {
	text-align: center;
}

/* Замените 'your-unique-class' на уникальный класс вашего элемента меню */
body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--create-new-order a .ahfb-svg-iconset svg path {

	d: path('M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z');
}

/* Скрыть название столбца в thead */
.woocommerce-orders-table thead th.status {
	display: none;
}

/* Установить ширину для колонки с восклицательным знаком */
.woocommerce-orders-table tbody td.order-status .status-exclamation {
	width: 20px;
	/* Задайте желаемую ширину */
}

/* Цвет для восклицательного знака */
.woocommerce-orders-table tbody td.order-status .status-exclamation:before {
	color: #9b51e0;
	/* Замените на нужный вам цвет */
}

.order-status-notification {
	font-size: 2em;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-notify {
	width: 1%;
}

.abtn.button {
	margin: 10px 0px 10px 0 !important;
}

#box_btn {
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

.woo_table_thead {
	background: rgba(0, 0, 0, 0.03);
	border: 1px solid var(--ast-border-color);
	"

}

.noborder td,
th {
	border: 0 !important;
	border-width: 0 !important;
}

.li.wcuf_file_preview_list_item {
	width: 100% !important;
	background: none !important;
}

img.wcuf_file_preview_list_item_image {
	display: !important;
}

.wcuf_alert_popup {
	border-radius: 20px;
	box-shadow: 0px 0px 10px rgb(164, 141, 255);
}

#upload_row_2 .wcuf_file_preview_list_item img {
	text-align: center;
}


p#billing_wooccm9_field {
	width: 100%;
}

#billing_wooccm10 {
	resize: vertical !important;
}

#upload_row_2 {
	border-radius: 0px 10px 10px 0px !important;
}

#upload_row_3 {
	width: 100%;
	border-radius: 10px;
}



#download_table_1 .wcuf_file_preview_list_item img {
	width: 100% !important;
	object-fit: cover;
	height: 100% !important;
	border-radius: 5px;
}

#download_table_2 .wcuf_file_preview_list_item img {
	width: 100% !important;
	object-fit: cover;
	height: 100% !important;
	border-radius: 5px;
}

#download_table_1 .wcuf_preview_file_title {
	display: none;
}

#download_table_2 .wcuf_preview_file_title {
	display: none;
}

#download_table_3 .wcuf_preview_file_title {
	display: none;
}

#download_table_4 .wcuf_preview_file_title {
	display: none;
}

#download_table_5 .wcuf_preview_file_title {
	display: none;
}

#download_table_6 .wcuf_preview_file_title {
	display: none;
}

#download_table_1 img.wcuf_file_preview_list_item_image {
	object-fit: cover;
	margin-bottom: auto;
}

#download_table_2 img.wcuf_file_preview_list_item_image {
	object-fit: cover;
	margin-bottom: auto;
}

.wcuf_file_preview_icon {
	max-width: 60% !important;
	align-self: center;
}

.wcuf_already_uploaded_data_container .wcuf_file_preview_list .wcuf_file_preview_list_item {
	flex-basis: 30%;
	background: none;
}

.wcuf_already_uploaded_data_container:last-child .wcuf_file_preview_list {
	flex-direction: column;
}

#upload_row_2 .wcuf_file_preview_icon {
	max-width: 100%;
}

.wcuf_bar {
	transition: all .5s ease-in-out;
}

#download_table_1 .wcuf_single_file_name_in_multiple_list {
	display: none;
}

#billing_wooccm10_field {
	width: 100%;
}

#billing_wooccm10 {
	height: 20vh;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
	.eael-lr-form-wrapper input[type="checkbox"] {
		--active: var(--ast-global-color-0) !important;
	}

	.eael-lr-form-wrapper input[type=checkbox]:checked {
		--b: var(--ast-global-color-0) !important;
		--bc: var(--ast-global-color-0) !important;
	}
}


.dashicons-visibility::before {
	color: var(--ast-global-color-0);
	transition: all .5s ease;
}



#slb_viewer_wrap .slb_theme_slb_default .slb_container {
	border-radius: 10px;
	box-shadow: 0px 0px 20px 0px rgb(164, 141, 255);
}

.download_small_button {
	padding: 10px !important;
	margin: 20px 0 !important;
}

.ast-modern-checkout .woocommerce #payment ul.payment_methods div.payment_box {
	background-color: unset;
}


.woocommerce-MyAccount-navigation-link--payment-methods svg {
	display: none;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
	font-family: "Font Awesome 5 free";
	content: '\f09d';
	font-size: 17px;
}

.woocommerce-MyAccount-navigation ul li {
	font-family: "29LTBukraSemiWide";
	font-size: 13px;

	& a {

		& span {
			color: black;
			transition: all .3s;
		}

		&:hover span {
			color: inherit;
			transition: all .3s;
		}
	}

}

#stripe-payment-data fieldset,
#stripe-card-element {
	border: 0px;
	margin: 10px 0;
}

#stripe-payment-data fieldset label {
	opacity: 1;
	margin: 0;
	padding: 0;
}



#upload_row_1 .wcuf_file_preview_list .wcuf_file_preview_list_item,
#upload_row_2 .wcuf_file_preview_list .wcuf_file_preview_list_item,
#upload_row_3 .wcuf_file_preview_list .wcuf_file_preview_list_item {
	display: flex !important;
	flex-direction: column;
	padding: 0 !important;
}

#upload_row_1 .wcuf_file_preview_list_item img.wcuf_file_preview_list_item_image,
#upload_row_2 .wcuf_file_preview_list_item img.wcuf_file_preview_list_item_image {
	height: 100% !important;
	width: 100% !important;
	object-fit: cover;
	border-radius: 5px;
	margin: 0;
	padding: 0;
}

.woocommerce-table__line-item.order_item {
	display: none;
}

#ast-apply-coupon {
	padding: 20px;
	align-self: center;
	text-align: center;
	cursor: pointer;
}

.attachment-woocommerce_thumbnail {
	border-radius: 5px;
}

.product-row {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 20px;
}

.product-item {
	display: flex;
	flex-direction: column;
	flex: 1 0;
	align-items: center;
	text-align: center;
	border-radius: 18px;
	overflow: hidden;
	transition: all 0.5s ease;
	margin-bottom: 20px;
}

.product-item:hover {
	transition: all 0.5s ease;
	box-shadow: 0px 0px 10px rgb(164, 141, 255);
	border-radius: 10px;
}

.product-item a.woocommerce-Button.button {
	margin: 10px 0px 20px 0;
}

@media only screen and (max-width: 768px) {
	#scxi-starter {
		width: 43px !important;
		height: 43px !important;
	}

	.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
		font-size: 10px;
		font-family: "29LTBukraSemiWide", "exo2";
	}

	.woocommerce-MyAccount-navigation ul li {
		font-size: 10px;
	}

	.woocommerce-MyAccount-navigation ul {
		width: 100%;
		gap: 0px;
		white-space: nowrap;
	}

	.woocommerce-MyAccount-navigation ul li a span.ast-inline-flex,
	.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--payment-methods a:before {
		margin: 0 10px;
	}

	.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--payment-methods .ahfb-svg-iconset.ast-inline-flex {
		display: none;
	}

	.product-item {
		flex-basis: 100%;
		margin: 0 0 50px 0;
	}
}

.woocommerce-MyAccount-navigation-link {
	transition: all 0.3s ease;
}

.woocommerce-MyAccount-navigation-link:hover {
	transform: translateX(-5px);
}


.woocommerce-MyAccount-navigation .ahfb-svg-iconset.ast-inline-flex i {
	color: var(--ast-global-color-0);
}

/* Стили для .WidgetBranding__ViralFrameContainer-sc-1kw6nk1-0 внутри iframe */
#hubspot-conversations-iframe .WidgetBranding__ViralFrameContainer-sc-1kw6nk1-0 {
	/* Ваши стили здесь */
	background-color: #f0f0f0;
	padding: 10px;
}

@font-face {
	font-family: '29LTBukraSemiWide';
	src: url('https://doctor.decentralign.com/wp-content/uploads/2024/01/29LTBukraSemiWide-SemiBold.ttf') format('truetype');
	font-weight: 600;
}

@font-face {
	font-family: '29LTBukraSemiWide';
	src: url('https://doctor.decentralign.com/wp-content/uploads/2024/01/29LTBukraSemiWide-Medium.ttf') format('truetype');
	font-weight: 500;
}

.TopBlock {
	background-image: url('https://doctor.decentralign.com/wp-content/uploads/2024/01/sphere4.png');
	background-size: cover;
	background-position: center;
	height: 150px;
	/* Задайте желаемую высоту блока */
	width: 100%;
	/* Полная ширина блока */
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
}

.TopBlock img {
	width: 8vw;
	height: auto;
}

.TopBlock.treatment-plans .logo-image {
	width: 10vw !important;
}

.TopBlock {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex-wrap: nowrap;
	padding: 5px 10px 5px 10px;
	text-align: left;
}

.TopBlock .product-title {
	font-family: '29LTBukraSemiWide', 'exo 2';
	font-size: 19.44px;
	font-weight: 600;
	color: black;
	white-space: normal;
}

.BottomBlock {
	width: 100%;
	min-height: 110px;
	background-color: #F0F0F0;
	padding: 0 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-bottom: 20px;

	* {
		color: black;
	}
}

.BottomBlock .product-description {
	font-family: '29LTBukraSemiWide', 'exo 2';
	font-size: 10px !important;
	font-weight: 500;
	margin: 10px 0 0 0px;
	padding: 0px;
	font-size: 14px;
	width: 100%;
	text-align: left;
}

.BottomBlock-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.BottomBlock-row a {
	padding: 0px;
	margin: 0px;
}

.BottomBlock-row a i {
	color: black;
	transition: all .5s;
	font-size: 17px;
}

.BottomBlock-row a i:hover {
	color: #a48dff;
	transition: all .5s;
}

.BottomBlock {}

.BottomBlock-row-price {
	font-family: '29LTBukraSemiWide', 'exo 2';
	font-size: 10px;
	font-weight: 700;
}


#billing_order_select_field {
	width: 100%;
	order: 20;
}


.woocommerce-orders-table__cell.woocommerce-orders-table__cell-notify::before {
	content: attr(data-title) "" !important;
}

span.select2-selection.select2-selection--single {
	border-radius: 10px !important;
	overflow: hidden !important;
	box-shadow: 0px 0px 8px rgba(164, 141, 255, 0.3) !important;
}



.al_box {
	background: none !important;
	font-family: '29LTBukraSemiWide', 'exo 2' !important;
	font-size: 25px !important;
	color: black;
}

#existing_order_field,
#existing_order_1622_field {
	padding: 0;
	width: 100%;
}

.TopBlock.treatment-plans {
	background-image: url('https://doctor.decentralign.com/wp-content/uploads/2024/02/sphere_plans.png');
}

.woocommerce-orders-table__header-product-name,
.woocommerce-orders-table__header-product-name+.woocommerce-orders-table__header {
	width: 20%;
}

/* 	ПАГИНАЦИЯ */

.Pagination {
	text-align: center;
}

.Pagination ul {
	list-style: none;
	padding-left: 0;
}

.Pagination ul li {
	display: inline;
}

.Pagination ul li .page-numbers {
	padding: 10px;
	background: var(--ast-global-color-0) !important;
	border-radius: 5px;
	color: white;
	transition: all .5s;
	font-family: 'EXO 2', sans-serif;
}

.Pagination ul li .page-numbers:hover {
	background: white !important;
	color: var(--ast-global-color-0);
	border: 1px solid var(--ast-global-color-0);
	transition: all .5s;
}

.Pagination ul li .page-numbers.current {
	background: white !important;
	color: var(--ast-global-color-0);
	border: 1px solid var(--ast-global-color-0);
	transition: all .5s;
}



/* END ПАГИНАЦИЯ */


@media screen and (max-width: 920px) {
	.woocommerce-order-details .product-item {
		width: 100% !important;
	}

	#post-15 {
		margin-top: -80px;
	}

	.TopBlock img {
		width: 120px;
		height: auto;
	}

	.TopBlock.treatment-plans .logo-image {
		width: 120px !important;
	}
}

ol.commentlist.notes li:first-child::marker {
	color: var(--ast-global-color-0);
}

ol.commentlist.notes li:first-child p.meta {
	color: var(--ast-global-color-0);
}

.woocommerce-OrderUpdates.commentlist.notes {
	height: 30vh;
	overflow-y: auto;
	overflow: auto;
}

/*MENU*/
.woocommerce-MyAccount-navigation {
	border: 0px !important;
}

.woocommerce-MyAccount-navigation ul {
	border: 1px solid #B8A6FF;
	border-radius: 20px;
	overflow: hidden;
}

.woocommerce-MyAccount-navigation ul li a {
	color: black;

}

.woocommerce-MyAccount-navigation ul li {
	border-color: #B8A6FF !important;

}

.woocommerce-MyAccount-navigation ul li a svg,
.woocommerce-MyAccount-navigation ul li a:before {
	color: #B8A6FF;
	width: 12px;
	font-size: 12px !important;
}


.ast-builder-grid-row-container-inner {
	max-width: unset !important;
}



/*Shop таблица*/

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
	display: table-cell !important;
	width: 10%;
	vertical-align: middle;
}

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
	display: table-cell !important;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:first-child td:first-child {
	background: white !important;
	color: black;
	border-top-left-radius: 20px !important;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:first-child td:last-child {
	background: white !important;
	color: black;
	border-top-right-radius: 20px !important;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
	border-radius: 20px !important;
	font-family: '29LTBukraSemiWide', 'exo 2';
	font-weight: 500;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table thead {
	background: #F9F9F9;
	font-weight: 500 !important;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table thead span {
	font-weight: 500 !important;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:last-child td:first-child {
	background: white !important;
	color: black;
	border-bottom-left-radius: 20px !important;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:last-child td:last-child {
	background: white !important;
	color: black;
	border-bottom-right-radius: 20px !important;
}

/* Применить стили ко всем td, кроме первого и последнего в первой строке */
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:first-child td:not(:first-child):not(:last-child),
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:last-child td:not(:first-child):not(:last-child),
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:nth-child(2) td {
	background: #ffffff;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:not(:first-child):not(:last-child) td {
	/* Стили для всех остальных ячеек */
	background: #ffffff;
}

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
	min-height: 80px;
}



table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
	background: #F9F9F9;
	padding: 10px;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table thead {
	color: #ffffff !important;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table thead {
	color: black !important;
}

@media screen and (max-width: 920px) {
	.woocommerce-MyAccount-navigation ul {
		border: 0px;
		overflow: visible;
	}

	table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:first-child td:first-child {
		width: 100%;
		border-top-right-radius: 20px;
	}

	table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr td:first-child {
		width: 100%;
		border-radius: 0px;
	}

	table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:last-child td:first-child {
		border-bottom-left-radius: 0px !important;

	}

	table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:last-child td:last-child {
		border-bottom-left-radius: 20px !important;

	}

	table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:first-child td:last-child {
		border-top-right-radius: 0px !important;
	}

	td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
		display: flex !important;
		width: 100%;
	}
}



@media screen and (max-width:920px) {

	table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
		padding: 0px;
		background: unset;
		box-shadow: none !important;
		border-style: unset;
		font-size: 12px;

		& tr.woocommerce-orders-table__row {

			padding: 10px;
			background: #F9F9F9;

			border-radius: 20px;
			overflow: hidden;
			margin-bottom: 20px;

			& .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
				border-radius: 0px 0px 22px 22px;

				& a {
					border-radius: 13px;
				}
			}
		}
	}

}




/*Shop таблица END*/

/*NEWS & Updates START*/

.news-posts {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.news-post {
	display: flex;
	align-items: flex-start;
	padding: 10px;
	border-radius: 20px;
	background-color: #f9f9f9;
}

.news-post-thumbnail img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	max-width: 100px;
	margin-right: 20px;
	border-radius: 12px;
	width: auto;
}

.news-post-content {
	flex: 1;
}

.news-post-content h3 a {
	margin-top: 0px;
	color: black !important;
	font-size: 20px;
	font-family: '29LTBukraSemiWide';
	font-weight: 500;
}

.news-post-content h3 a:hover {
	color: #B8A6FF !important;
}

.news-post-content h3 {
	margin-bottom: 0px;
}

.news-post-content {
	display: flex;
	flex-direction: column;
	gap: 0px;
	justify-content: space-between;
	min-height: 100px;

}

.news-post-content .news-post-date {
	color: #777;
	font-size: 0.9em;
	margin-top: auto;
}

.news-post-content .news-post-excerpt {
	text-overflow: ellipsis;
	width: 70%;
	white-space: nowrap;
	overflow: hidden;
}


.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--news a span:has(svg) {
	content: url(https://doctor.decentralign.com/wp-content/uploads/2024/06/News.svg);
}

/*NEWS & Updates END*/

#scxi-starter {
	bottom: 80px !important;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row {
	max-width: unset !important;
}


.custom_chat_message {
	border-radius: 10px;
}

.footer-copyright {
	font-family: "29LTBukraSemiWide", "exo 2";
	font-size: 9px;
	font-weight: 600;
	text-align: left;
	white-space: nowrap;
}

.icon-container {
	font-family: "29LTBukraSemiWide", "exo 2";
	font-weight: 600;
	display: flex;
	gap: 5px;
	align-content: center;
	justify-content: start;
	flex-direction: row;

}

@media screen and (max-width: 700px) {
	.icon-container {

		justify-content: flex-start;

	}

	.icon-container img {
		width: 25px !important;
		margin-bottom: 10px;
	}
}

.product-item.in_order {
	margin-top: 40px;
}




.woocommerce-checkout.woocommerce-order-received .woocommerce-order {
	max-width: 1200px !important;
}

#step {
	max-width: unset;
	max-height: unset;
}

#step_field,
#jaw_field {
	padding: 0px;
	margin-top: 10px;
}


.inline-name {
	display: flex;
	flex-direction: row;
	gap: 10px;
	width: 100%;
	overflow-x: auto;
}

.ast-mobile-popup-content {
	height: 100%;
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
}

/*knowledge-base*/


.knowledge-base-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.knowledge-base-filter {
	margin: 20px 0px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.knowledge-base-filter a {
	padding: 9px 20px;
	border-radius: 30px;
	border: 1px solid var(--ast-global-color-0);
}

.knowledge-base-filter a:hover {
	background: var(--ast-global-color-0);
	color: white;
}

.knowledge-base-filter a:active {
	background: var(--ast-global-color-0);
	color: white;
}

.knowledge-base-card {
	background-color: #F0F0F0;
	border-radius: 12px;
	overflow: hidden;
	width: calc(33.333% - 20px);
	display: flex;
	flex-direction: column;
}

@media screen and (max-width: 768px) {
	.knowledge-base-card {
		width: calc(50% - 20px);
	}
}

@media screen and (max-width: 400px) {
	.knowledge-base-card {
		width: 100%;
	}
}

.card-top {
	background: url('https://doctor.decentralign.com/wp-content/uploads/2024/01/sphere4.png');
	background-position: center;
	background-size: cover;
	padding: 10px;
	border-radius: 10px 10px 0px 0px;
	display: flex;
	justify-content: space-between;
	min-height: 130px;
	background-repeat: no-repeat;
	align-items: center;
}

.card-footer {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 20px 10px;
}

.card-footer i {
	font-size: 18px;
	align-self;
}

.card-content {
	padding: 0px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.card-date {
	color: #000000;
	font-size: 14px;
	margin-bottom: 10px;
}

.card-title a:hover {
	color: var(--ast-global-color-0);
}

.card-title a {
	font-size: 17px;
	font-weight: 500;
	color: #000000;
	margin: 0px;
	padding-right: 20%;
}

.card-title {
	margin: 0px !important;
}

.card-excerpt {
	color: #000000;
	font-family: "Exo 2", Sans-serif;
	font-size: 13px;
	margin: 0px !important;
}

/*END knowledge-base*/

#additional_wooccm11_field label,
#additional_wooccm12_field label,
#additional_wooccm14_field label,
#additional_wooccm15_field label {
	position: relative;

}

.show-password-input {
	display: none;
}


/* Изначальные стили для диалога */
.past-job button {
	background: none;
	color: var(--ast-global-color-0);
	margin: 5px;
	padding: 0;
}

.past-job button i {
	transition: all .3s;
}

.past-job button:hover i {
	color: #EDEDED;
	transition: all .3s;
}

#add-job {
	margin: 10px 0px;
}


dialog {
	transition: display 1s allow-discrete, overlay 1s allow-discrete, opacity 1s;
	opacity: 0;
	border: 3px solid var(--ast-global-color-0);
	border-radius: 15px;
	min-width: 50%;
	padding: 20px;

	&[open] {
		opacity: 1;

		@starting-style {
			opacity: 0;
		}
	}
}

dialog::backdrop {
	background-color: rgba(0, 0, 0, 0.6);
}

dialog#job-dialog #job-form {
	display: flex;
	flex-direction: column;
	min-width: 45%;
	gap: 10px;

	.button-row {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 10px;
	}
}

#job-form button {

	padding: 10px;
	aspect-ratio: 1 / 1;
	width: 40px;
}


/*PROSTODONYIST*/

form#prosthodontics-order-form {
	display: flex;
	flex-wrap: wrap;

	& button[type="submit"],
	.order-summary {
		width: 100%;
	}

	& .form-row {
		margin-bottom: 0px;
	}
}

textarea#work_description {
	min-height: 150px;
	resize: vertical;
}

.input-text.input-number {
	max-width: unset !important;
	max-height: unset !important;
}


p#gender_field {
	width: 60%;
}

.form-row.shrink-row-prostho {
	width: 40%;
}

.form-row.wide-row-prostho {
	width: 60%;
}

.form-row.fullwide-row-prostho {
	width: 100%;
}

p#gender_field label {
	position: relative;
}

p#gender_field label span.woocommerce-radio-wrapper {
	display: flex;
}

p#gender_field {
	width: 100%;
	display: flex;
}

input#gender_female {
	margin-left: 20px;
}

#gender_field .woocommerce-radio-wrapper br {
	display: none;
}


/*PROSTODONYIST END*/

/*hidden price*/
.woocommerce-Price-amount,
.order-total,
.product-subtotal,
.woocommerce-checkout-review-order-table tfoot,
.woocommerce-order-overview__total {
	display: none !important;
}

.widget_shopping_cart_content .woocommerce-mini-cart__buttons.buttons .button.wc-forward:first-child {
	display: none;
}

.product-row .woocommerce-Price-amount {
	display: inline-flex !important;
}




/*hidden price END*/

/*New Shop*/

.product-row.new {
	gap: 10px;

	&.grid {
		display: grid;
		grid-template-columns: 1fr 1fr;

		& a {
			margin: 0px;
			height: 90px;
			background: #F0F0F0;
			padding: 24px 13px 13px 16px;

			& .card_profile {

				& .product-title {
					font-family: '29LTBukraSemiWide', 'exo 2';
					font-weight: 500;
					font-size: 16px;
					color: #5B5B5B;
				}

				& .BottomBlock-row-price {
					color: #A1A1A1;
				}
			}
		}
	}

	& a {
		height: 200px;
		background: var(--ast-global-color-0);
		color: white;
		padding: 20px 13px;
		dsiplay: flex;
		gap: 10px;
		flex-direction: column;
		justify-content: space-between;
		border-radius: 13px;

		& .card_profile {
			position: relative;
			display: inherit;
			flex-direction: column;
			align-items: start;
			justify-content: inherit;
			flex-grow: 1;
			width: 100%;

			& .logo-image {
				position: absolute;
				width: 210px;
				height: auto;
				top: 59%;
				right: 0;
				transform: translate(30%, -50%);
				pointer-events: none;
			}

			& .product-title {
				font-family: '29LTBukraSemiWide', 'exo 2';
				font-weight: 500;
				font-size: 16px;
			}

			& .BottomBlock-row-price {
				font-size: 14px;
				font-weight: 600;
				color: #EBE6FF;
			}
		}
	}

	&:hover:not(.grid) a {
		border-radius: 13px;
		box-shadow: unset;
	}
}

.product-row.new:not(:last-child) {
	margin-bottom: 30px;
}

@media screen and (max-width:768px) {
	.product-row.new {
		&.grid {
			grid-template-columns: 1fr;
			gap: 10px;
		}
	}
}

/*New Shop END*/


* CRM Case Header & Plan Side-by-Side Styles */ .case-top-layout {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-bottom: 25px;
}

.case-header-column {
	flex: 1.2;
	min-width: 320px;
	display: flex;
	flex-direction: column;
}

.case-plan-column {
	flex: 0.8;
	min-width: 320px;
	display: flex;
	flex-direction: column;
}

/* Override existing plan styles when displayed inside the right-hand column */
.case-plan-column table.woocommerce-table.noborder {
	background: #ffffff;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px;
	padding: 24px;
	margin: 0 !important;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
	box-sizing: border-box;
	height: 100%;
}

.case-plan-column table.woocommerce-table.noborder thead {
	display: block;
	margin-bottom: 15px;
}

.case-plan-column table.woocommerce-table.noborder thead tr.woo_table_thead {
	background: none;
	border: none;
}

.case-plan-column table.woocommerce-table.noborder thead tr.woo_table_thead th {
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	color: #1a202c;
	text-align: left;
}

.case-plan-column table.woocommerce-table.noborder tbody,
.case-plan-column table.woocommerce-table.noborder tr,
.case-plan-column table.woocommerce-table.noborder td,
.case-plan-column table.woocommerce-table.noborder th#plan_wrapper {
	display: block;
	width: 100%;
	padding: 0;
}

.case-plan-column #plan_wrapper {
	flex-direction: column !important;
	align-items: center !important;
	gap: 15px;
	display: flex !important;
}

.case-plan-column .plan_row {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

.case-plan-column .plan_row .prev {
	width: 100% !important;
	margin-bottom: 15px;
}

/* Standalone .prev inside any .plan_row (view-order setup image) */
.plan_row:has(.prev) {
	flex-direction: column;
	align-self: center;
	align-items: center !important;
}
.plan_row .prev {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	width: 100%;
	margin-bottom: 15px;
}
.plan_row .prev img {
	border-radius: 20px;
	max-width: 150px;
}
.plan_row .prev p {
	font-size: 14px;
	margin: 0;
}

.case-plan-column .plan_row .abtn.button {
	width: 100% !important;
	box-sizing: border-box;
	text-align: center;
	margin: 5px 0 !important;
}

.case-plan-column div#box_btn {
	width: 100% !important;
	order: 10 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px;
	margin-top: 15px;
}

.case-plan-column div#box_btn button {
	width: 100% !important;
	margin: 0 !important;
}

/* Status Tracker Stepper */
.status-stepper {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	margin-top: 30px;
	gap: 10px;
}

.stepper-item {
	flex: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

/* Stepper Line connecting nodes */
.stepper-item:not(:first-child) .stepper-line {
	position: absolute;
	top: 15px;
	left: -50%;
	right: 50%;
	height: 3px;
	background: #edf2f7;
	z-index: 1;
	transition: background 0.3s ease;
}

/* Color transitions for connecting lines */
.stepper-item.step-completed .stepper-line,
.stepper-item.step-active .stepper-line {
	background: var(--ast-global-color-0);
	/* active blue */
}

.stepper-item.step-rejected .stepper-line {
	background: #ef4444;
	/* red for reject */
}

/* Stepper Node */
.stepper-node {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #ffffff;
	border: 3px solid #cbd5e0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 700;
	color: #718096;
	position: relative;
	z-index: 2;
	transition: all 0.3s ease;
}

/* Style variants for nodes */
.step-completed .stepper-node {
	background: var(--ast-global-color-0);
	border-color: var(--ast-global-color-0);
	color: #ffffff;
}

.step-active .stepper-node {
	background: #ffffff;
	border-color: var(--ast-global-color-0);
	color: var(--ast-global-color-0);
	box-shadow: 0 0 0 4px rgba(33, 161, 218, 0.15);
	transform: scale(1.1);
}

.step-rejected .stepper-node {
	background: #ef4444;
	border-color: #ef4444;
	color: #ffffff;
	box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.15);
}

/* Stepper Content labels */
.stepper-content {
	margin-top: 12px;
	padding: 0 8px;
}

.stepper-label {
	font-size: 13.5px;
	font-weight: 700;
	color: #2d3748;
	margin-bottom: 4px;
}

.step-active .stepper-label {
	color: var(--ast-global-color-0);
}

.step-rejected .stepper-label {
	color: #ef4444;
}

.stepper-desc {
	font-size: 11px;
	color: #718096;
	line-height: 1.3;
}

/* Status Badge inside header */
.status-badge {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 99px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.status-badge.status-in-development {
	background: #dbeafe;
	color: var(--ast-global-color-0);
}

.status-badge.status-reject {
	background: #fee2e2;
	color: #991b1b;
}

.status-badge.status-on-hold {
	background: #fef3c7;
	color: #92400e;
}

.status-badge.status-prod-aligners {
	background: #dcfce7;
	color: #166534;
}

.status-badge.status-dilivery {
	background: #f0fdf4;
	color: #15803d;
}

.status-badge.status-waiting-aligners {
	background: #f3e8ff;
	color: #6b21a8;
}

.status-badge.status-completed {
	background: #f0fdf4;
	color: #166534;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.status-stepper {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		padding-left: 15px;
	}

	.stepper-item {
		flex-direction: row;
		align-items: center;
		text-align: left;
		width: 100%;
	}

	.stepper-item:not(:first-child) .stepper-line {
		left: 15px;
		top: -20px;
		bottom: 20px;
		width: 3px;
		height: auto;
	}

	.stepper-content {
		margin-top: 0;
		margin-left: 15px;
	}
}

/* Inner sub-tabs inside CRM case panels */
.inner-tabs-wrapper {
	margin-top: 30px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
	overflow: hidden;
}

.inner-tabs-nav {
	display: flex;
	background: #f8fafc;
	border-bottom: 1px solid #e2e8f0;
	padding: 10px 20px 0 20px;
	gap: 8px;
	flex-wrap: wrap;
}

.inner-tab-trigger {
	background: transparent;
	border: none;
	border-bottom: 3px solid transparent;
	padding: 12px 20px;
	font-size: 14.5px;
	font-weight: 600;
	color: #64748b;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border-radius: 6px 6px 0 0;
}

.inner-tab-trigger:hover {
	color: #0f172a;
	background: #f1f5f9;
}

.inner-tab-trigger.active {
	color: var(--ast-global-color-0);
	border-bottom-color: var(--ast-global-color-0);
	background: #ffffff;
}

.inner-tabs-content {
	padding: 24px;
}

.inner-tab-panel {
	display: none;
}

.inner-tab-panel.active {
	display: block;
	animation: fadeInTab 0.3s ease-in-out;
}

div.inner-tab-panel.active:has(.flex-stl-cards-grid) {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.flex-stl-cards-grid {
	align-self: center;
}

.flex-photo-img-wrapper img.flex-photo-img {
	height: 100%;
	width: unset;
	object-fit: cover;
}

@media screen and (max-width:768px) {
	div.inner-tab-panel.active:has(.flex-stl-cards-grid) {
		grid-template-columns: 1fr;
		gap: 0px;
	}
}

@keyframes fadeInTab {
	from {
		opacity: 0;
		transform: translateY(5px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Hide default unstyled WCUF list in WooCommerce view order page */
.case-tabs-container .wcuf_order_details_ajax_container {
	display: none !important;
}

/* Clinical Parameters Grid */
.clinical-info-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 20px;
	margin-bottom: 25px;
}

.clinical-info-card {
	background: #f8fafc;
	border: 1px solid #edf2f7;
	border-radius: 8px;
	padding: 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.clinical-info-card-title {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 14.5px;
	font-weight: 700;
	color: #1a202c;
	border-bottom: 1px dashed #cbd5e0;
	padding-bottom: 8px;
}

.clinical-info-table {
	width: 100%;
	margin-bottom: 0;
}

.clinical-info-table tr td {
	padding: 8px 0;
	font-size: 13.5px;
	border-bottom: 1px solid #edf2f7;
	color: #2d3748;
}

.clinical-info-table tr:last-child td {
	border-bottom: none;
}

.clinical-info-table tr td:first-child {
	font-weight: 600;
	color: #718096;
	width: 45%;
}

.clinical-info-table tr td:last-child {
	text-align: right;
}

.wccm-highlight-badge {
	background: #e0f2fe;
	color: #0369a1;
	font-weight: 700;
	font-size: 11.5px;
	padding: 3px 8px;
	border-radius: 4px;
}

.clinical-ct-link-box a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #ecfdf5;
	border: 1px solid #a7f3d0;
	color: #065f46;
	padding: 12px 18px;
	border-radius: 6px;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	transition: background 0.2s;
}

.clinical-ct-link-box a:hover {
	background: #d1fae5;
}

/* Photos Tab styling */
.flex-photos-layout-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}

.flex-photo-thumbnails-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
	gap: 16px;
}

.flex-photo-item-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	overflow: hidden;
	transition: transform 0.2s, box-shadow 0.2s;
}

.flex-photo-item-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.flex-photo-img-wrapper {
	position: relative;
	width: 100%;
	padding-top: 100%;
	/* 1:1 Aspect Ratio */
	background: #f8fafc;
}

.flex-photo-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.flex-photo-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(15, 23, 42, 0.4);
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.2s;
}

.flex-photo-img-wrapper:hover .flex-photo-overlay {
	opacity: 1;
}

.flex-photo-zoom-btn {
	background: #ffffff;
	color: #0f172a;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	transition: transform 0.2s;
}

.flex-photo-zoom-btn:hover,
.flex-photo-zoom-btn:focus {
	transform: scale(1.1);
	Color: #ffffff;
}

.flex-photo-metadata {
	padding: 8px;
	text-align: center;
	border-top: 1px solid #f1f5f9;
}

.flex-photo-filename-label {
	display: block;
	font-size: 11.5px;
	font-weight: 500;
	color: #475569;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* STL Cards styling */
.flex-stl-cards-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 16px;
}

.flex-stl-card {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 14px 16px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.flex-stl-card-badge {
	background: var(--ast-global-color-0);
	color: #ffffff;
	font-weight: 700;
	font-size: 11px;
	padding: 4px 8px;
	border-radius: 4px;
	text-transform: uppercase;
}

.flex-stl-card-content {
	flex: 1;
	min-width: 0;
}

.flex-stl-card-title {
	font-size: 13px;
	font-weight: 600;
	color: #2d3748;
}

.flex-stl-card-filename {
	font-size: 11.5px;
	color: #718096;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.flex-stl-download-button {
	background: #ffffff;
	border: 1px solid #cbd5e0;
	color: #4a5568;
	width: 32px;
	height: 32px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all 0.2s;
}

.flex-stl-download-button:hover {
	background: #edf2f7;
	color: #2b6cb0;
	border-color: #a0aec0;
}

/* Custom button styles */
.custom-open-3d-btn:hover {
	background: #2b6cb0 !important;
}

/* Styling for our custom 3D viewer container and native relocated container (shown in Scans tab) */
.wcuf-order-3d-container,
.wcuf-order-3d-container-custom {
	background: color-mix(in srgb, var(--ast-global-color-0) 10%, transparent) !important;
	border: 1px dashed #bee3f8 !important;
	border-radius: 12px !important;
	padding: 24px !important;
	text-align: center !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
	margin-top: 25px !important;
	margin-bottom: 15px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
}

.wcuf-order-3d-container h3,
.wcuf-order-3d-container-custom h4 {
	margin-top: 0 !important;
	margin-bottom: 8px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #2b6cb0 !important;
	font-family: inherit !important;
}

.wcuf-order-3d-container p,
.wcuf-order-3d-container-custom p {
	font-size: 13.5px !important;
	color: #4a5568 !important;
	margin-bottom: 18px !important;
	font-family: inherit !important;
}

.wcuf-order-3d-container .wcuf-3d-preview,
.wcuf-order-3d-container-custom .wcuf-3d-preview {
	margin: 0 auto 18px auto !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	max-width: 300px !important;
	border: 1px solid #e2e8f0 !important;
	background: #ffffff !important;
}

.wcuf-order-3d-container .wcuf-order-3d-viewer-btn,
.wcuf-order-3d-container-custom .wcuf-order-3d-viewer-btn {
	background: var(--ast-global-color-0) !important;
	color: #ffffff !important;
	border: none !important;
	padding: 12px 24px !important;
	font-weight: bold !important;
	border-radius: 6px !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	transition: background 0.2s, transform 0.1s !important;
	box-shadow: 0 2px 4px rgba(49, 130, 206, 0.2) !important;
	margin: 0 auto !important;
	font-family: inherit !important;
	min-height: unset !important;
	transform: none !important;
	text-decoration: none !important;
}

.wcuf-order-3d-container .wcuf-order-3d-viewer-btn:hover,
.wcuf-order-3d-container-custom .wcuf-order-3d-viewer-btn:hover {
	background: #2b6cb0 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 6px rgba(49, 130, 206, 0.3) !important;
}

.wcuf-order-3d-container .wcuf-order-3d-viewer-btn:active,
.wcuf-order-3d-container-custom .wcuf-order-3d-viewer-btn:active {
	transform: translateY(0) !important;
}