/* Telmato Account Enhancer - frontend */
.telmato-account-enhancer .woocommerce {
	color: var(--tae-text);
}

.telmato-account-enhancer .woocommerce-MyAccount-navigation {
	width: var(--tae-sidebar) !important;
	background: var(--tae-card);
	border: 1px solid var(--tae-border);
	border-radius: var(--tae-radius);
	padding: 14px !important;
	box-shadow: var(--tae-shadow);
	box-sizing: border-box;
}

.telmato-account-enhancer .woocommerce-MyAccount-navigation ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.telmato-account-enhancer .woocommerce-MyAccount-navigation li {
	margin: 0 0 var(--tae-menu-gap) 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.telmato-account-enhancer .woocommerce-MyAccount-navigation li:last-child {
	margin-bottom: 0 !important;
}

.telmato-account-enhancer .woocommerce-MyAccount-navigation li a {
	display: flex !important;
	align-items: center;
	gap: 9px;
	min-height: 44px;
	padding: 10px 13px !important;
	color: var(--tae-text) !important;
	text-decoration: none !important;
	border-radius: calc(var(--tae-radius) - 5px);
	border: 1px solid transparent;
	transition: .18s ease;
	box-sizing: border-box;
}

.telmato-account-enhancer .woocommerce-MyAccount-navigation li a:hover {
	color: var(--tae-accent) !important;
	background: color-mix(in srgb, var(--tae-accent) 7%, transparent);
}

.telmato-account-enhancer .woocommerce-MyAccount-navigation li.is-active > a {
	color: var(--tae-accent) !important;
	background: color-mix(in srgb, var(--tae-accent) 10%, transparent);
	font-weight: 700;
}


.telmato-account-enhancer .woocommerce-MyAccount-content {
	width: calc(100% - var(--tae-sidebar) - 28px) !important;
	background: var(--tae-card);
	border: 1px solid var(--tae-border);
	border-radius: var(--tae-radius);
	padding: var(--tae-content-padding) !important;
	box-shadow: var(--tae-shadow);
	box-sizing: border-box;
	color: var(--tae-text);
}

.telmato-account-enhancer .woocommerce-MyAccount-content h1,
.telmato-account-enhancer .woocommerce-MyAccount-content h2,
.telmato-account-enhancer .woocommerce-MyAccount-content h3,
.telmato-account-enhancer .woocommerce-MyAccount-content h4 {
	color: var(--tae-text);
}

.telmato-account-enhancer .woocommerce-MyAccount-content a:not(.button):not(.tae-dashboard-card) {
	color: var(--tae-accent);
}

.telmato-account-enhancer .woocommerce-MyAccount-content .button,
.telmato-account-enhancer .woocommerce-MyAccount-content button.button {
	border-radius: calc(var(--tae-radius) - 5px) !important;
}

.telmato-account-enhancer .woocommerce table.shop_table {
	border-color: var(--tae-border) !important;
	border-radius: var(--tae-radius) !important;
	overflow: hidden;
}

.telmato-account-enhancer .woocommerce table.shop_table th {
	background: var(--tae-bg);
	color: var(--tae-text);
}

.telmato-account-enhancer .woocommerce-message,
.telmato-account-enhancer .woocommerce-info,
.telmato-account-enhancer .woocommerce-error {
	border-radius: calc(var(--tae-radius) - 4px);
}

.tae-endpoint-heading {
	margin-bottom: 22px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--tae-border);
}

.tae-endpoint-heading h2 {
	margin: 0;
	font-size: 22px;
}

.tae-endpoint-content {
	color: var(--tae-text);
}

.tae-dashboard-section {
	margin-top: 28px;
	padding-top: 22px;
	border-top: 1px solid var(--tae-border);
}

.tae-section-title {
	margin-bottom: 14px;
}

.tae-section-title h3 {
	margin: 0;
	font-size: 18px;
}

.tae-dashboard-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.tae-dashboard-card {
	position: relative;
	display: flex;
	align-items: center;
	gap: 13px;
	min-height: 88px;
	padding: 16px 18px;
	background: linear-gradient(135deg, #fff 0%, var(--tae-bg) 100%);
	border: 1px solid var(--tae-border);
	border-radius: 16px;
	color: var(--tae-text) !important;
	text-decoration: none !important;
	box-shadow: 0 6px 18px rgba(15,23,42,.035);
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
	box-sizing: border-box;
	overflow: hidden;
}

.tae-dashboard-card:after {
	content: "";
	position: absolute;
	inset-inline-end: 0;
	top: 18%;
	width: 3px;
	height: 64%;
	border-radius: 999px;
	background: var(--tae-accent);
	opacity: .65;
}

.tae-dashboard-card:hover {
	transform: translateY(-2px);
	border-color: color-mix(in srgb, var(--tae-accent) 35%, var(--tae-border));
	box-shadow: 0 10px 26px rgba(15,23,42,.07);
}

.tae-dashboard-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	border-radius: 13px;
	background: color-mix(in srgb, var(--tae-accent) 10%, #fff);
	color: var(--tae-accent);
	font-size: 16px;
	font-weight: 800;
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tae-accent) 10%, transparent);
}

.tae-dashboard-card-title {
	min-width: 0;
	flex: 1;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.7;
	white-space: normal;
	word-break: normal;
	overflow-wrap: anywhere;
}

.tae-dashboard-card-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	flex: 0 0 30px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--tae-border);
	color: var(--tae-muted);
	font-size: 16px;
	transition: .18s ease;
}

.tae-dashboard-card:hover .tae-dashboard-card-arrow {
	color: var(--tae-accent);
	border-color: color-mix(in srgb, var(--tae-accent) 30%, var(--tae-border));
}


.tae-smart-tracking {
	direction: rtl;
	text-align: right;
}

.tae-smart-tracking-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}

.tae-smart-tracking-head h3 {
	margin: 0 0 6px;
	font-size: 20px;
}

.tae-smart-tracking-head p {
	margin: 0;
	color: var(--tae-muted);
}

.tae-order-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 11px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--tae-accent) 9%, #fff);
	color: var(--tae-accent);
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
}

.tae-orders-list {
	display: grid;
	gap: 12px;
}

.tae-order-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 16px 17px;
	border: 1px solid var(--tae-border);
	border-radius: calc(var(--tae-radius) - 2px);
	background: var(--tae-bg);
}

.tae-order-main {
	min-width: 0;
	flex: 1;
}

.tae-order-number {
	margin-bottom: 5px;
	font-size: 15px;
	color: var(--tae-text);
}

.tae-order-service {
	margin-bottom: 8px;
	font-weight: 700;
	color: var(--tae-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tae-order-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	color: var(--tae-muted);
	font-size: 13px;
}

.tae-order-side {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
}

.tae-order-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 11px;
	border-radius: 999px;
	background: #eef2f7;
	color: #475569;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.tae-status-completed {
	background: #ecfdf3;
	color: #15803d;
}

.tae-status-processing {
	background: #eff6ff;
	color: #2563eb;
}

.tae-status-on-hold,
.tae-status-pending {
	background: #fff7ed;
	color: #c2410c;
}

.tae-status-cancelled,
.tae-status-failed,
.tae-status-refunded {
	background: #fef2f2;
	color: #b91c1c;
}

.telmato-account-enhancer .woocommerce-MyAccount-content .tae-view-order {
	margin: 0 !important;
	white-space: nowrap;
}


.tae-order-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 18px;
	direction: rtl;
}

.tae-order-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 10px;
	border: 1px solid var(--tae-border);
	border-radius: 10px;
	background: #fff;
	color: var(--tae-text) !important;
	text-decoration: none !important;
	font-size: 13px;
	font-weight: 600;
	box-sizing: border-box;
	transition: .18s ease;
}

.tae-order-pagination a.page-numbers:hover {
	border-color: color-mix(in srgb, var(--tae-accent) 45%, var(--tae-border));
	color: var(--tae-accent) !important;
	background: color-mix(in srgb, var(--tae-accent) 5%, #fff);
}

.tae-order-pagination .page-numbers.current {
	border-color: var(--tae-accent);
	background: var(--tae-accent);
	color: #fff !important;
}

.tae-order-pagination .prev,
.tae-order-pagination .next {
	padding-inline: 14px;
}

.tae-smart-tracking-note {
	margin: 14px 0 0;
	color: var(--tae-muted);
	font-size: 12px;
}

.tae-smart-tracking-empty {
	padding: 22px;
	border: 1px dashed var(--tae-border);
	border-radius: calc(var(--tae-radius) - 2px);
	background: var(--tae-bg);
	text-align: center;
}

.tae-smart-tracking-empty strong {
	display: block;
	margin-bottom: 6px;
}

.tae-smart-tracking-empty p {
	margin: 0;
	color: var(--tae-muted);
}

@media (max-width: 767px) {
	.telmato-account-enhancer .woocommerce-MyAccount-navigation,
	.telmato-account-enhancer .woocommerce-MyAccount-content {
		float: none !important;
		width: 100% !important;
	}

	.telmato-account-enhancer .woocommerce-MyAccount-navigation {
		margin-bottom: 18px;
	}

	.tae-dashboard-cards {
		grid-template-columns: 1fr;
	}

	.tae-smart-tracking-head,
	.tae-order-card,
	.tae-order-side {
		align-items: stretch;
		flex-direction: column;
	}

	.tae-order-side {
		gap: 8px;
	}

	.tae-order-status,
	.telmato-account-enhancer .woocommerce-MyAccount-content .tae-view-order {
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
}


/* ===== Telmato modern login / register page ===== */
.telmato-account-enhancer:not(.logged-in) .woocommerce {
	max-width: 1540px;
	margin: 0 auto;
}

.telmato-account-enhancer:not(.logged-in) .tae-auth-shell {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
	align-items: stretch;
	gap: 34px;
	padding: 34px;
	margin: 28px auto 44px;
	border: 1px solid #edf0f5;
	border-radius: 28px;
	background:
		radial-gradient(circle at 10% 20%, rgba(37,99,235,.08), transparent 34%),
		linear-gradient(135deg, #fbfdff 0%, #f7f9fc 100%);
	box-shadow: 0 18px 55px rgba(15,23,42,.06);
	direction: ltr;
}

.tae-auth-visual,
.tae-auth-card {
	direction: rtl;
}

.tae-auth-visual {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	padding: 16px 8px 10px;
}

.tae-auth-visual-image {
	overflow: hidden;
	border-radius: 24px;
	background: #f5f8ff;
	box-shadow: 0 14px 35px rgba(37,99,235,.08);
}

.tae-auth-visual-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1.55 / 1;
	object-fit: cover;
	object-position: center top;
}

.tae-auth-visual-copy {
	padding: 24px 18px 0;
	text-align: center;
}

.tae-auth-visual-copy h2 {
	margin: 0 0 10px;
	font-size: clamp(24px, 2vw, 34px);
	line-height: 1.5;
	color: #0f172a;
}

.tae-auth-visual-copy h2 span {
	color: #2563eb;
}

.tae-auth-visual-copy > p {
	max-width: 660px;
	margin: 0 auto 22px;
	color: #718096;
	font-size: 15px;
	line-height: 2;
}

.tae-auth-benefits {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	overflow: hidden;
	border: 1px solid #e8edf5;
	border-radius: 18px;
	background: rgba(255,255,255,.82);
	box-shadow: 0 8px 22px rgba(15,23,42,.035);
}

.tae-auth-benefits > div {
	position: relative;
	padding: 18px 12px;
}

.tae-auth-benefits > div:not(:last-child):after {
	content: "";
	position: absolute;
	left: 0;
	top: 22%;
	width: 1px;
	height: 56%;
	background: #e6ebf2;
}

.tae-auth-benefits b {
	display: block;
	margin-bottom: 5px;
	color: #1f2937;
	font-size: 14px;
}

.tae-auth-benefits small {
	display: block;
	color: #94a3b8;
	font-size: 11px;
	line-height: 1.8;
}

.tae-auth-card {
	align-self: center;
	overflow: hidden;
	min-height: 560px;
	padding: 0 !important;
	border: 1px solid #e8ecf2;
	border-radius: 26px;
	background: #fff;
	box-shadow: 0 20px 60px rgba(15,23,42,.10);
}

.tae-auth-tabs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 22px 28px 0;
	border-bottom: 1px solid #edf0f4;
}

.tae-auth-tab {
	position: relative;
	min-height: 58px;
	padding: 0 15px;
	border: 0;
	background: transparent;
	color: #111827;
	font: inherit;
	font-size: 19px;
	font-weight: 700;
	cursor: pointer;
}

.tae-auth-tab:after {
	content: "";
	position: absolute;
	right: 12%;
	bottom: -1px;
	width: 76%;
	height: 3px;
	border-radius: 4px 4px 0 0;
	background: transparent;
}

.tae-auth-tab.is-active {
	color: #2563eb;
}

.tae-auth-tab.is-active:after {
	background: #2563eb;
}

.tae-auth-form-wrap {
	padding: 30px 38px 38px;
}

.telmato-account-enhancer:not(.logged-in) #customer_login {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
}

.telmato-account-enhancer:not(.logged-in) #customer_login:before,
.telmato-account-enhancer:not(.logged-in) #customer_login:after {
	display: none !important;
}

.telmato-account-enhancer:not(.logged-in) #customer_login > .u-column1,
.telmato-account-enhancer:not(.logged-in) #customer_login > .u-column2 {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.telmato-account-enhancer:not(.logged-in) #customer_login > .u-column2 {
	display: none;
}

.telmato-account-enhancer:not(.logged-in) #customer_login.tae-show-register > .u-column1 {
	display: none;
}

.telmato-account-enhancer:not(.logged-in) #customer_login.tae-show-register > .u-column2 {
	display: block;
}

.telmato-account-enhancer:not(.logged-in) #customer_login h2,
.telmato-account-enhancer:not(.logged-in) #customer_login h3 {
	display: none !important;
}

.telmato-account-enhancer:not(.logged-in) #customer_login form {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.telmato-account-enhancer:not(.logged-in) #customer_login p.form-row {
	margin: 0 0 19px !important;
}

.telmato-account-enhancer:not(.logged-in) #customer_login label {
	display: block;
	margin: 0 0 8px;
	color: #263244;
	font-size: 14px;
	font-weight: 600;
}

.telmato-account-enhancer:not(.logged-in) #customer_login .required {
	color: #dc2626;
}

.telmato-account-enhancer:not(.logged-in) #customer_login input.input-text,
.telmato-account-enhancer:not(.logged-in) #customer_login input[type="email"],
.telmato-account-enhancer:not(.logged-in) #customer_login input[type="password"],
.telmato-account-enhancer:not(.logged-in) #customer_login input[type="text"] {
	width: 100% !important;
	min-height: 58px;
	padding: 0 16px !important;
	border: 1px solid #dfe4ec !important;
	border-radius: 12px !important;
	outline: none !important;
	background: #fff !important;
	color: #111827 !important;
	font-size: 15px !important;
	box-shadow: inset 0 1px 2px rgba(15,23,42,.02) !important;
	transition: border-color .2s ease, box-shadow .2s ease;
	box-sizing: border-box;
}

.telmato-account-enhancer:not(.logged-in) #customer_login input:focus {
	border-color: #91b4ff !important;
	box-shadow: 0 0 0 4px rgba(37,99,235,.08) !important;
}

.telmato-account-enhancer:not(.logged-in) #customer_login .password-input {
	width: 100%;
}

.telmato-account-enhancer:not(.logged-in) #customer_login .show-password-input {
	left: 16px !important;
	right: auto !important;
	top: 50% !important;
	transform: translateY(-50%);
}

.telmato-account-enhancer:not(.logged-in) #customer_login .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 5px 0 10px;
	color: #526173;
	font-weight: 400;
}

.telmato-account-enhancer:not(.logged-in) #customer_login input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: #2563eb;
}

.telmato-account-enhancer:not(.logged-in) #customer_login .lost_password {
	margin: 5px 0 18px !important;
}

.telmato-account-enhancer:not(.logged-in) #customer_login .lost_password a {
	color: #2563eb !important;
	font-size: 13px;
	text-decoration: none;
}

.telmato-account-enhancer:not(.logged-in) #customer_login button.button,
.telmato-account-enhancer:not(.logged-in) #customer_login .woocommerce-button {
	width: 100% !important;
	min-height: 58px;
	margin-top: 5px !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: linear-gradient(135deg, #111c34 0%, #152746 100%) !important;
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	box-shadow: 0 10px 24px rgba(17,28,52,.15);
	transition: transform .18s ease, box-shadow .18s ease;
}

.telmato-account-enhancer:not(.logged-in) #customer_login button.button:hover,
.telmato-account-enhancer:not(.logged-in) #customer_login .woocommerce-button:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 30px rgba(17,28,52,.20);
}

@media (max-width: 1100px) {
	.telmato-account-enhancer:not(.logged-in) .tae-auth-shell {
		grid-template-columns: 1fr 1fr;
		padding: 24px;
		gap: 22px;
	}

	.tae-auth-form-wrap {
		padding: 26px 26px 30px;
	}
}

@media (max-width: 820px) {
	.telmato-account-enhancer:not(.logged-in) .tae-auth-shell {
		display: flex;
		flex-direction: column;
		margin: 16px 10px 30px;
		padding: 16px;
		border-radius: 20px;
	}

	.tae-auth-card {
		order: 1;
		width: 100%;
		min-height: auto;
	}

	.tae-auth-visual {
		order: 2;
		padding: 4px 0 0;
	}

	.tae-auth-visual-image {
		max-height: 330px;
	}

	.tae-auth-visual-image img {
		aspect-ratio: 16 / 9;
	}

	.tae-auth-benefits {
		grid-template-columns: 1fr;
	}

	.tae-auth-benefits > div:not(:last-child):after {
		left: 10%;
		right: 10%;
		top: auto;
		bottom: 0;
		width: 80%;
		height: 1px;
	}

	.tae-auth-tabs {
		padding: 16px 18px 0;
	}

	.tae-auth-form-wrap {
		padding: 22px 20px 26px;
	}
}


/* Smart tracking responsive layout */
@media (max-width: 980px) {
	.tae-smart-tracking-head {
		align-items: flex-start;
	}

	.tae-order-card {
		gap: 14px;
	}

	.tae-order-side {
		flex-direction: column;
		align-items: stretch;
		min-width: 132px;
	}

	.telmato-account-enhancer .woocommerce-MyAccount-content .tae-view-order {
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
}

@media (max-width: 700px) {
	.tae-smart-tracking-head {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
		margin-bottom: 14px;
	}

	.tae-order-count {
		align-self: flex-start;
	}

	.tae-order-card {
		display: block;
		padding: 15px;
		border-radius: 14px;
	}

	.tae-order-main {
		width: 100%;
	}

	.tae-order-number {
		font-size: 13px;
		margin-bottom: 7px;
	}

	.tae-order-service {
		white-space: normal;
		overflow: visible;
		text-overflow: clip;
		line-height: 1.9;
		font-size: 14px;
		margin-bottom: 10px;
	}

	.tae-order-meta {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 7px;
		padding: 10px 0;
		margin-bottom: 11px;
		border-top: 1px dashed var(--tae-border);
		border-bottom: 1px dashed var(--tae-border);
		font-size: 12px;
	}

	.tae-order-side {
		display: grid;
		grid-template-columns: 1fr 1.2fr;
		align-items: center;
		gap: 9px;
		min-width: 0;
	}

	.tae-order-status {
		width: 100%;
		min-height: 40px;
		box-sizing: border-box;
	}

	.telmato-account-enhancer .woocommerce-MyAccount-content .tae-view-order {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		min-height: 40px;
		padding: 8px 10px !important;
		font-size: 13px !important;
	}

	.tae-order-pagination {
		gap: 5px;
	}

	.tae-order-pagination .page-numbers {
		min-width: 34px;
		height: 34px;
		padding: 0 8px;
		border-radius: 9px;
		font-size: 12px;
	}

	.tae-order-pagination .prev,
	.tae-order-pagination .next {
		padding-inline: 10px;
	}
}

@media (max-width: 430px) {
	.tae-order-meta {
		grid-template-columns: 1fr;
	}

	.tae-order-side {
		grid-template-columns: 1fr;
	}

	.tae-smart-tracking-head h3 {
		font-size: 17px;
	}

	.tae-smart-tracking-head p {
		font-size: 12px;
		line-height: 1.9;
	}

	.tae-order-pagination .prev,
	.tae-order-pagination .next {
		font-size: 0;
		width: 34px;
		padding: 0;
	}

	.tae-order-pagination .prev:after {
		content: "‹";
		font-size: 18px;
	}

	.tae-order-pagination .next:after {
		content: "›";
		font-size: 18px;
	}
}


.tae-order-pagination .dots {
	border-color: transparent;
	background: transparent;
	cursor: default;
	box-shadow: none;
}


/* ===== Email OTP login ===== */
.tae-otp-mode #customer_login {
	display: none !important;
}

.tae-otp-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 520px;
}

.tae-otp-box {
	width: 100%;
	max-width: 430px;
	margin: 0 auto;
	text-align: center;
	direction: rtl;
}

.tae-otp-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 66px;
	height: 66px;
	margin-bottom: 18px;
	border-radius: 20px;
	background: #eef5ff;
	color: #2563eb;
	font-size: 28px;
	box-shadow: inset 0 0 0 1px rgba(37,99,235,.08);
}

.tae-otp-box h2 {
	margin: 0 0 10px;
	color: #0f172a;
	font-size: 24px;
}

.tae-otp-box > p {
	margin: 0 auto 7px;
	color: #64748b;
	line-height: 1.9;
}

.tae-otp-box > p strong {
	color: #1f2937;
}

.tae-otp-hint {
	font-size: 12px;
	color: #94a3b8 !important;
}

.tae-otp-form {
	margin-top: 24px;
}

.tae-otp-form label {
	display: block;
	margin-bottom: 8px;
	text-align: right;
	color: #263244;
	font-size: 14px;
	font-weight: 700;
}

.tae-otp-input {
	width: 100% !important;
	height: 64px !important;
	padding: 0 18px !important;
	border: 1px solid #dce3ed !important;
	border-radius: 13px !important;
	background: #fff !important;
	color: #0f172a !important;
	text-align: center !important;
	direction: ltr !important;
	font-size: 25px !important;
	font-weight: 700 !important;
	letter-spacing: 11px !important;
	box-sizing: border-box;
	outline: none !important;
	box-shadow: none !important;
	transition: .2s ease;
}

.tae-otp-input:focus {
	border-color: #91b4ff !important;
	box-shadow: 0 0 0 4px rgba(37,99,235,.08) !important;
}

.telmato-account-enhancer .woocommerce .tae-otp-submit {
	width: 100% !important;
	min-height: 58px;
	margin: 15px 0 0 !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: linear-gradient(135deg, #111c34 0%, #152746 100%) !important;
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	box-shadow: 0 10px 24px rgba(17,28,52,.15);
}

.tae-otp-back {
	display: inline-block;
	margin-top: 17px;
	color: #2563eb !important;
	font-size: 13px;
	text-decoration: none !important;
}

@media (max-width: 820px) {
	.tae-otp-wrap {
		min-height: 390px;
	}

	.tae-otp-box h2 {
		font-size: 21px;
	}

	.tae-otp-input {
		height: 58px !important;
		font-size: 22px !important;
		letter-spacing: 8px !important;
	}
}


/* v1.0.8 - OTP step: completely hide the original WooCommerce login/register form */
body.telmato-account-enhancer .tae-auth-shell.tae-otp-mode #customer_login,
body.telmato-account-enhancer .tae-auth-shell.tae-otp-mode .u-columns#customer_login,
body.telmato-account-enhancer .tae-auth-shell.tae-otp-mode .col2-set#customer_login,
body.telmato-account-enhancer .tae-auth-shell.tae-otp-mode form.woocommerce-form-login,
body.telmato-account-enhancer .tae-auth-shell.tae-otp-mode .woocommerce-form-login,
body.telmato-account-enhancer .tae-auth-shell.tae-otp-mode .woocommerce-form-register {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	pointer-events: none !important;
	position: absolute !important;
}

body.telmato-account-enhancer .tae-auth-shell.tae-otp-mode .tae-auth-card {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

body.telmato-account-enhancer .tae-auth-shell.tae-otp-mode .tae-otp-wrap {
	width: 100% !important;
	box-sizing: border-box !important;
}

body.telmato-account-enhancer .tae-auth-shell.tae-otp-mode .tae-otp-box {
	margin-inline: auto !important;
}


/* ===== Dashboard announcement ===== */
.tae-dashboard-announcement {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin: 0 0 22px;
	padding: 16px 18px;
	border: 1px solid #dbe8ff;
	border-radius: 14px;
	background: linear-gradient(135deg, #f7fbff 0%, #eef5ff 100%);
	box-shadow: 0 6px 20px rgba(37,99,235,.045);
	direction: rtl;
	text-align: right;
}

.tae-dashboard-announcement-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	border-radius: 12px;
	background: #2563eb;
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	line-height: 1;
	box-shadow: 0 7px 16px rgba(37,99,235,.18);
}

.tae-dashboard-announcement-content {
	min-width: 0;
	flex: 1;
}

.tae-dashboard-announcement-content h3 {
	margin: 0 0 5px !important;
	color: #1e3a8a !important;
	font-size: 16px !important;
	line-height: 1.7;
}

.tae-dashboard-announcement-text {
	color: #475569;
	font-size: 13px;
	line-height: 2;
}

.tae-dashboard-announcement-text p {
	margin: 0 0 6px;
}

.tae-dashboard-announcement-text p:last-child {
	margin-bottom: 0;
}

/* Quick access responsiveness */
@media (max-width: 1100px) {
	.tae-dashboard-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.tae-dashboard-cards {
		grid-template-columns: 1fr;
	}

	.tae-dashboard-card {
		min-height: 78px;
		padding: 14px 15px;
	}

	.tae-dashboard-card-title {
		font-size: 13px;
	}

	.tae-dashboard-announcement {
		padding: 14px;
		gap: 11px;
	}

	.tae-dashboard-announcement-icon {
		width: 34px;
		height: 34px;
		flex-basis: 34px;
	}
}


/* ===== Recommended products ===== */
.tae-recommended-products {
	direction: rtl;
	text-align: right;
}

.tae-recommended-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 22px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--tae-border);
}

.tae-recommended-head h2 {
	margin: 0 0 6px !important;
	font-size: 22px !important;
	color: var(--tae-text) !important;
}

.tae-recommended-head p {
	margin: 0;
	color: var(--tae-muted);
	font-size: 13px;
	line-height: 1.9;
}

.tae-recommended-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.tae-product-card {
	overflow: hidden;
	border: 1px solid var(--tae-border);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 7px 22px rgba(15,23,42,.04);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.tae-product-card:hover {
	transform: translateY(-2px);
	border-color: color-mix(in srgb, var(--tae-accent) 30%, var(--tae-border));
	box-shadow: 0 12px 28px rgba(15,23,42,.07);
}

.tae-product-image {
	display: block;
	aspect-ratio: 1.45 / 1;
	overflow: hidden;
	background: #f7f8fb;
}

.tae-product-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0 !important;
}

.tae-product-body {
	padding: 15px;
}

.tae-product-title {
	display: -webkit-box;
	min-height: 48px;
	margin-bottom: 10px;
	overflow: hidden;
	color: var(--tae-text) !important;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.75;
	text-decoration: none !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.tae-product-price {
	min-height: 28px;
	margin-bottom: 12px;
	color: var(--tae-accent);
	font-size: 14px;
	font-weight: 800;
}

.tae-product-price del {
	color: var(--tae-muted);
	font-size: 12px;
	font-weight: 400;
}

.tae-product-price ins {
	text-decoration: none;
}

.tae-product-view {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 42px;
	padding: 8px 12px;
	border: 1px solid color-mix(in srgb, var(--tae-accent) 25%, var(--tae-border));
	border-radius: 10px;
	background: color-mix(in srgb, var(--tae-accent) 5%, #fff);
	color: var(--tae-accent) !important;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;
	box-sizing: border-box;
}

.tae-product-view:hover {
	background: var(--tae-accent);
	color: #fff !important;
}

.tae-recommended-empty {
	padding: 30px 20px;
	border: 1px dashed var(--tae-border);
	border-radius: 14px;
	background: var(--tae-bg);
	text-align: center;
}

.tae-recommended-empty strong {
	display: block;
	margin-bottom: 7px;
}

.tae-recommended-empty p {
	margin: 0 0 14px;
	color: var(--tae-muted);
}

@media (max-width: 1000px) {
	.tae-recommended-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 620px) {
	.tae-recommended-grid {
		grid-template-columns: 1fr;
	}

	.tae-recommended-head h2 {
		font-size: 18px !important;
	}

	.tae-product-image {
		aspect-ratio: 1.75 / 1;
	}
}


/* ===== Campaigns & seasonal offers ===== */
.tae-campaign-section {
	margin: 0 0 26px;
	padding: 20px 0 2px;
	border-bottom: 1px solid var(--tae-border);
	direction: rtl;
}

.tae-campaign-section-title {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 14px;
}

.tae-campaign-section-title h3 {
	margin: 0 0 3px !important;
	font-size: 18px !important;
}

.tae-campaign-section-title p {
	margin: 0;
	color: var(--tae-muted);
	font-size: 12px;
}

.tae-campaign-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 15px;
	margin-bottom: 22px;
}

.tae-campaign-card {
	position: relative;
	overflow: hidden;
	border: 1px solid var(--tae-border);
	border-radius: 18px;
	background: linear-gradient(145deg, #fff 0%, #f8fbff 100%);
	box-shadow: 0 9px 28px rgba(15,23,42,.045);
}

.tae-campaign-image {
	aspect-ratio: 2.25 / 1;
	overflow: hidden;
	background: #eef3f9;
}

.tae-campaign-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tae-campaign-body {
	padding: 17px;
}

.tae-campaign-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-bottom: 10px;
}

.tae-campaign-discount,
.tae-campaign-mode {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 4px 9px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
}

.tae-campaign-discount {
	background: #eef5ff;
	color: #2563eb;
}

.tae-campaign-mode {
	background: #f0fdf4;
	color: #15803d;
}

.tae-campaign-card h4 {
	margin: 0 0 7px !important;
	color: var(--tae-text) !important;
	font-size: 16px !important;
	line-height: 1.8;
}

.tae-campaign-description {
	color: var(--tae-muted);
	font-size: 12px;
	line-height: 1.95;
}

.tae-campaign-description p {
	margin: 0 0 7px;
}

.tae-campaign-coupon,
.tae-campaign-countdown-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 12px;
	padding: 10px 11px;
	border-radius: 11px;
	background: #f7f8fb;
	border: 1px solid #edf0f4;
	font-size: 12px;
}

.tae-copy-coupon {
	border: 1px dashed #8fb4ff;
	border-radius: 8px;
	padding: 6px 10px;
	background: #fff;
	color: #1d4ed8;
	font: inherit;
	font-weight: 800;
	letter-spacing: .5px;
	cursor: pointer;
}

.tae-campaign-countdown {
	color: #c2410c;
	font-size: 12px;
}

.tae-campaign-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 42px;
	margin-top: 13px;
	padding: 8px 12px;
	border-radius: 10px;
	background: linear-gradient(135deg, #17223c 0%, #1c3156 100%);
	color: #fff !important;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none !important;
	box-sizing: border-box;
}

.tae-campaign-button:hover {
	color: #fff !important;
	transform: translateY(-1px);
}

.tae-product-card {
	position: relative;
}

.tae-product-campaign-badge {
	position: absolute;
	z-index: 3;
	top: 10px;
	right: 10px;
	display: inline-flex;
	align-items: center;
	min-height: 29px;
	padding: 4px 9px;
	border-radius: 999px;
	background: #dc2626;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	box-shadow: 0 6px 16px rgba(220,38,38,.18);
}

.tae-product-price-campaign {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
}

.tae-product-price-campaign del {
	color: var(--tae-muted);
}

.tae-product-price-campaign ins {
	color: #dc2626;
	font-weight: 900;
	text-decoration: none;
}

@media (max-width: 760px) {
	.tae-campaign-grid {
		grid-template-columns: 1fr;
	}

	.tae-campaign-image {
		aspect-ratio: 1.9 / 1;
	}
}

@media (max-width: 430px) {
	.tae-campaign-coupon,
	.tae-campaign-countdown-wrap {
		align-items: flex-start;
		flex-direction: column;
	}
}


/* ===== Separate offers page ===== */
.tae-offers-page {
	direction: rtl;
	text-align: right;
}

.tae-offers-page-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--tae-border);
}

.tae-offers-page-head h2 {
	margin: 0 0 6px !important;
	font-size: 22px !important;
	color: var(--tae-text) !important;
}

.tae-offers-page-head p {
	margin: 0;
	color: var(--tae-muted);
	font-size: 13px;
	line-height: 1.9;
}

.tae-offers-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 0;
}

.tae-offers-empty {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	min-height: 260px;
	padding: 30px 20px;
	border: 1px dashed var(--tae-border);
	border-radius: 16px;
	background: var(--tae-bg);
	text-align: center;
}

.tae-offers-empty-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	margin-bottom: 14px;
	border-radius: 18px;
	background: color-mix(in srgb, var(--tae-accent) 10%, #fff);
	color: var(--tae-accent);
	font-size: 22px;
	font-weight: 900;
}

.tae-offers-empty strong {
	display: block;
	margin-bottom: 7px;
	color: var(--tae-text);
}

.tae-offers-empty p {
	max-width: 450px;
	margin: 0;
	color: var(--tae-muted);
	line-height: 1.9;
	font-size: 13px;
}

@media (max-width: 760px) {
	.tae-offers-grid {
		grid-template-columns: 1fr;
	}

	.tae-offers-page-head h2 {
		font-size: 18px !important;
	}
}


/* v1.5.0 - Dashboard shows only one active offer */
.tae-dashboard-active-offer-grid {
	grid-template-columns: minmax(0, 1fr) !important;
}

.tae-dashboard-active-offer .tae-campaign-card {
	width: 100%;
	max-width: 100%;
}


/* ===== Notification center ===== */
.tae-account-topbar{display:flex;align-items:center;justify-content:flex-start;min-height:48px;margin:0 0 15px;direction:rtl;position:relative;z-index:25}
.tae-notification-center{position:relative;margin-inline-start:auto}
.tae-notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--tae-border);border-radius:13px;background:#fff;color:var(--tae-text);box-shadow:0 6px 18px rgba(15,23,42,.045);cursor:pointer}
.tae-bell-glyph{display:inline-flex;align-items:center;justify-content:center;width:20px;height:19px;border:2px solid currentColor;border-bottom-width:3px;border-radius:10px 10px 7px 7px;position:relative}
.tae-bell-glyph:after{content:"";position:absolute;width:7px;height:3px;bottom:-6px;border-radius:999px;background:currentColor}
.tae-notification-badge{position:absolute;top:-6px;inset-inline-start:-6px;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-weight:900;line-height:1;box-sizing:border-box}
.tae-notification-dropdown{position:absolute;top:calc(100% + 9px);inset-inline-start:0;width:min(390px,calc(100vw - 34px));overflow:hidden;border:1px solid var(--tae-border);border-radius:16px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.16);z-index:100}
.tae-notification-dropdown-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 15px;border-bottom:1px solid var(--tae-border)}
.tae-notification-dropdown-head strong{font-size:14px}
.tae-mark-all-read{border:0;padding:0;background:transparent;color:var(--tae-accent);font-size:11px;font-weight:700;cursor:pointer}
.tae-notification-mini-list{max-height:360px;overflow:auto}
.tae-notification-mini-item{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;border-bottom:1px solid #f0f2f5;color:var(--tae-text)!important;text-decoration:none!important;transition:.16s ease}
.tae-notification-mini-item:hover{background:#f8fafc}
.tae-notification-mini-item.is-unread{background:#f4f8ff}
.tae-notification-mini-item.is-unread .tae-notification-mini-copy strong:after{content:"";display:inline-block;width:6px;height:6px;margin-inline-start:7px;border-radius:999px;background:#2563eb;vertical-align:middle}
.tae-notification-mini-icon,.tae-notification-row-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#eef5ff;color:#2563eb;font-size:14px;font-weight:900}
.tae-notification-mini-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.tae-notification-mini-copy strong{font-size:12px;line-height:1.65}
.tae-notification-mini-copy small{display:-webkit-box;overflow:hidden;color:var(--tae-muted);font-size:11px;line-height:1.7;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tae-view-all-notifications{display:flex;align-items:center;justify-content:center;min-height:43px;color:var(--tae-accent)!important;font-size:12px;font-weight:800;text-decoration:none!important;background:#fafcff}
.tae-notification-empty-mini{padding:24px 15px;color:var(--tae-muted);font-size:12px;text-align:center}
.tae-notifications-page{direction:rtl;text-align:right}
.tae-notifications-page-head{margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid var(--tae-border)}
.tae-notifications-page-head h2{margin:0 0 5px!important;font-size:22px!important}
.tae-notifications-page-head p{margin:0;color:var(--tae-muted);font-size:13px}
.tae-notifications-list{display:flex;flex-direction:column;gap:10px}
.tae-notification-row{display:flex;align-items:flex-start;gap:13px;padding:15px 16px;border:1px solid var(--tae-border);border-radius:13px;background:#fff;color:var(--tae-text)!important;text-decoration:none!important;box-shadow:0 5px 16px rgba(15,23,42,.025)}
.tae-notification-row-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}
.tae-notification-row-copy strong{font-size:13px}
.tae-notification-row-copy span{color:#475569;font-size:12px;line-height:1.8}
.tae-notification-row-copy small{color:#94a3b8;font-size:10px}
.tae-notifications-empty{padding:32px 20px;border:1px dashed var(--tae-border);border-radius:14px;background:var(--tae-bg);text-align:center}

/* ===== Dashboard renewals ===== */
.tae-dashboard-renewals{margin:0 0 25px;padding:20px 0;border-bottom:1px solid var(--tae-border);direction:rtl}
.tae-dashboard-renewals-head{margin-bottom:13px}
.tae-dashboard-renewals-head h3{margin:0 0 4px!important;font-size:18px!important}
.tae-dashboard-renewals-head p{margin:0;color:var(--tae-muted);font-size:12px}
.tae-dashboard-renewals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tae-renewal-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:82px;padding:13px 14px;border:1px solid var(--tae-border);border-radius:14px;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%)}
.tae-renewal-card.is-urgent{border-color:#fed7aa;background:linear-gradient(135deg,#fff 0%,#fff7ed 100%)}
.tae-renewal-card-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#eef5ff;color:#2563eb;font-size:20px;font-weight:900}
.tae-renewal-card.is-urgent .tae-renewal-card-icon{background:#ffedd5;color:#c2410c}
.tae-renewal-card-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.tae-renewal-card-copy strong{font-size:13px;line-height:1.65}
.tae-renewal-card-copy span{color:#64748b;font-size:11px}
.tae-renewal-card-copy small{color:#2563eb;font-size:11px;font-weight:700}
.tae-renewal-card.is-urgent .tae-renewal-card-copy small{color:#c2410c}
.tae-renewal-card-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 12px;border-radius:9px;background:#17223c;color:#fff!important;font-size:11px;font-weight:800;text-decoration:none!important}
@media(max-width:760px){.tae-dashboard-renewals-grid{grid-template-columns:1fr}.tae-notification-dropdown{position:fixed;top:82px;right:17px;left:17px;width:auto}}
@media(max-width:430px){.tae-renewal-card{grid-template-columns:38px minmax(0,1fr)}.tae-renewal-card-button{grid-column:1/-1;width:100%}.tae-renewal-card-icon{width:38px;height:38px}}