/**
 * Frontend styles for Univech Marketplace Customizations.
 */

.order-progress-wrapper {
	margin: 30px 0;
	text-align: center;
}

.order-progress-bar {
	list-style: none;
	display: flex;
	justify-content: space-between;
	counter-reset: step;
	padding: 0;
	direction: ltr;
}

[dir="rtl"] .order-progress-bar {
	direction: rtl;
	flex-direction: row-reverse;
}

.order-progress-bar li {
	position: relative;
	flex: 1;
	text-align: center;
	color: #999;
}

.order-progress-bar li::before {
	content: counter(step);
	counter-increment: step;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 2px solid #ccc;
	display: block;
	text-align: center;
	margin: 0 auto 10px;
	border-radius: 50%;
	background-color: #fff;
}

.order-progress-bar li.completed::before,
.order-progress-bar li.current::before {
	border-color: #2ecc71;
	background-color: #2ecc71;
	color: #fff;
}

.motta-myaccount__wrapper {
	display: none !important;
}

.woocommerce-MyAccount-content {
	width: 100% !important;
}

.woocommerce-registration-terms-content {
	max-height: 220px;
	overflow-y: auto;
	border: 1px solid #ddd;
	padding: 15px;
	margin-bottom: 15px;
	font-size: 0.85rem;
}

.woocommerce-registration-terms-content h1,
.woocommerce-registration-terms-content h2,
.woocommerce-registration-terms-content h3,
.woocommerce-registration-terms-content h4,
.woocommerce-registration-terms-content h5,
.woocommerce-registration-terms-content h6 {
	font-size: 1.25rem !important;
}

.woocommerce-registration-terms-content p,
.woocommerce-registration-terms-content ul,
.woocommerce-registration-terms-content ol,
.woocommerce-registration-terms-content li,
.woocommerce-registration-terms-content table,
.woocommerce-registration-terms-content td,
.woocommerce-registration-terms-content th,
.woocommerce-registration-terms-content blockquote,
.woocommerce-registration-terms-content span,
.woocommerce-registration-terms-content a,
.woocommerce-registration-terms-content strong,
.woocommerce-registration-terms-content em {
	font-size: 0.85rem !important;
}

#registration_terms_notice {
	margin-bottom: 15px;
}

/* Preferences modal: language list switcher */
#preferences-modal #language_field {
	margin: 0 0 18px;
}

#preferences-modal .preferences-menu__item-child {
	list-style: none;
	margin: 0;
	padding: 6px;
	border: 1px solid #ecf0f4;
	border-radius: 8px;
	background: #fff;
}

#preferences-modal .motta-language__menu-item {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#preferences-modal .motta-language__menu-item + .motta-language__menu-item {
	margin-top: 4px;
}

#preferences-modal .motta-language__menu-item a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 44px;
	padding: 10px 14px;
	border: 1px solid transparent;
	border-radius: 6px;
	color: #1d2128;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#preferences-modal .motta-language__menu-item a:hover {
	background: #f6f7f9;
	border-color: #ecf0f4;
	color: #1d2128;
}

#preferences-modal .motta-language__menu-item .motta-svg-icon {
	opacity: 0;
	visibility: hidden;
	flex: 0 0 auto;
	font-size: 16px;
	color: var(--mt-color__primary);
}

#preferences-modal .motta-language__menu-item.active a {
	background: var(--mt-color__primary--gray, #e6e9f9);
	border-color: var(--mt-color__primary--grayer, #ced3f2);
	color: #1d2128;
}

#preferences-modal .motta-language__menu-item.active .motta-svg-icon {
	opacity: 1;
	visibility: visible;
}

#preferences-modal .motta-language__menu-item a:focus-visible {
	outline: 2px solid var(--mt-color__primary);
	outline-offset: 2px;
}

/* Vendor shop contact buttons in Dokan vendor info box */
.dokan-vendor-info .univech-vendor-shop-contact,
.univech-vendor-shop-contact {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
}

.univech-vendor-contact-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid #dce1e8;
	border-radius: 8px;
	background: #fff;
	color: #1d2128;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.univech-vendor-contact-btn:hover,
.univech-vendor-contact-btn:focus-visible {
	background: var(--mt-color__primary--gray, #f6f7f9);
	border-color: var(--mt-color__primary--grayer, #ced3f2);
	color: var(--mt-color__primary, #1d2128);
	text-decoration: none;
}

.univech-vendor-contact-btn--email:hover,
.univech-vendor-contact-btn--email:focus-visible {
	color: #2563eb;
}

.univech-vendor-contact-btn--phone:hover,
.univech-vendor-contact-btn--phone:focus-visible {
	color: #059669;
}

.univech-vendor-contact-btn--whatsapp:hover,
.univech-vendor-contact-btn--whatsapp:focus-visible {
	color: #25d366;
}