/* ============================================================
   Workando Fantalgoritmo – Area riservata DARK BRAND
   v2.9.1 — SupportCandy ISOLATO dal tema (solo leggibilita: niente Anton/lime/testo chiaro che entra dentro). Hub, login CTA, layout invariati.
   Palette: #051F12 bg · #0A2417 card · #0B1438 navy · #34D17F verde · #C6FF00 lime
   Font: Anton (titoli) + Manrope (testo), caricati dal plugin.
   ============================================================ */

:root {
	--wk-bg:     #051F12;
	--wk-card:   #0A2417;
	--wk-navy:   #0B1438;
	--wk-green:  #34D17F;
	--wk-lime:   #C6FF00;
	--wk-text:   #e8f0ea;
	--wk-muted:  #9fb0a6;
	--wk-line:   rgba(255,255,255,.08);
	--wk-line2:  rgba(255,255,255,.15);
	--wk-radius: 16px;
}

/* ---------- Sfondo pagina scuro (template canvas) ---------- */
body.woocommerce-account {
	background: var(--wk-bg) !important;
}
body.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-MyAccount-content p,
body.woocommerce-account .woocommerce-MyAccount-content li,
body.woocommerce-account .e-my-account-tab {
	color: var(--wk-text) !important;
}

/* Layout impilato */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
	float: none !important;
	width: 100% !important;
}

/* ---------- Titoli (Anton, lime) ---------- */
body.woocommerce-account h1,
body.woocommerce-account h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-Address-title h3,
body.woocommerce-account .elementor-heading-title {
	font-family: 'Anton', 'Montserrat', sans-serif !important;
	text-transform: uppercase !important;
	letter-spacing: .02em !important;
	color: var(--wk-lime) !important;
	margin-top: 0 !important;
	line-height: 1.1 !important;
}

/* ============================================================
   TAB A PILLOLA
   ============================================================ */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	list-style: none !important;
	margin: 0 0 26px !important;
	padding: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li,
body.woocommerce-account .woocommerce-MyAccount-navigation-link {
	margin: 0 !important; padding: 0 !important; border: 0 !important;
	background: transparent !important; list-style: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a,
body.woocommerce-account .woocommerce-MyAccount-navigation-link a {
	display: block !important;
	padding: 11px 18px !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,.05) !important;
	border: 1px solid var(--wk-line2) !important;
	color: var(--wk-text) !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	text-decoration: none !important;
	line-height: 1.2 !important;
	transition: all .15s ease !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover {
	background: rgba(52,209,127,.16) !important;
	border-color: var(--wk-green) !important;
	color: #fff !important;
	transform: translateY(-1px) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
	background: var(--wk-lime) !important;
	border-color: var(--wk-lime) !important;
	color: var(--wk-bg) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a {
	background: transparent !important;
	border-style: dashed !important;
	color: var(--wk-muted) !important;
}

/* ============================================================
   CARD CONTENUTO
   ============================================================ */
/* Neutralizza eventuali sfondi bianchi messi dal widget Elementor */
body.woocommerce-account .elementor-widget-woocommerce-my-account,
body.woocommerce-account .elementor-widget-woocommerce-my-account > .elementor-widget-container,
body.woocommerce-account .e-my-account-tab,
body.woocommerce-account .e-my-account-tab__dashboard,
body.woocommerce-account .woocommerce-MyAccount-content-wrapper {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

/* Card contenuto SCURA — specificita' alta per battere Elementor */
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-MyAccount-content {
	background: var(--wk-card) !important;
	background-color: var(--wk-card) !important;
	border: 1px solid var(--wk-line) !important;
	border-radius: var(--wk-radius) !important;
	padding: 30px 32px !important;
	box-sizing: border-box !important;
	box-shadow: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.workando-btn) {
	color: var(--wk-green) !important;
	font-weight: 600 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.workando-btn):hover {
	color: var(--wk-lime) !important;
}
/* Bottoni del tab Tool: testo scuro leggibile sul verde/lime */
body.woocommerce-account .woocommerce-MyAccount-content .workando-btn { color: var(--wk-bg) !important; }
body.woocommerce-account .woocommerce-MyAccount-content strong { color: #fff !important; }

/* ============================================================
   TABELLE
   ============================================================ */
body.woocommerce-account .shop_table,
body.woocommerce-account .woocommerce-orders-table,
body.woocommerce-account .woocommerce-table {
	border: 1px solid var(--wk-line) !important;
	border-radius: 14px !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	overflow: hidden !important;
	width: 100% !important;
	background: transparent !important;
}
body.woocommerce-account .shop_table thead th {
	background: rgba(52,209,127,.12) !important;
	color: var(--wk-lime) !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .05em !important;
	font-size: 11px !important;
	padding: 15px 18px !important;
	border: 0 !important;
}
/* Prima colonna (numero ordine) e ultima: piu' respiro dai bordi */
body.woocommerce-account .shop_table thead th:first-child,
body.woocommerce-account .shop_table tbody td:first-child { padding-left: 24px !important; }
body.woocommerce-account .shop_table thead th:last-child,
body.woocommerce-account .shop_table tbody td:last-child { padding-right: 24px !important; }
body.woocommerce-account .shop_table tbody td {
	padding: 16px 18px !important;
	border: 0 !important;
	border-top: 1px solid rgba(255,255,255,.06) !important;
	vertical-align: middle !important;
	font-size: 15px !important;
	color: #cdd8d1 !important;
	background: transparent !important;
}
body.woocommerce-account .shop_table tbody tr:hover td {
	background: rgba(52,209,127,.06) !important;
}
/* numero ordine/abbonamento in evidenza */
body.woocommerce-account .shop_table tbody td.woocommerce-orders-table__cell-order-number a,
body.woocommerce-account .shop_table tbody td a.view {
	color: var(--wk-green) !important;
	font-weight: 700 !important;
}

/* ---------- STATO: testo colorato (niente piu' pillole rotte) ---------- */
body.woocommerce-account .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table__cell-subscription-status,
body.woocommerce-account td.subscription-status,
body.woocommerce-account td.order-status {
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .03em !important;
	font-size: 13px !important;
	color: var(--wk-muted) !important;
}
body.woocommerce-account .status-active,
body.woocommerce-account .subscription-status.active,
body.woocommerce-account .status-completed   { color: #4fe08f !important; }
body.woocommerce-account .status-on-hold,
body.woocommerce-account .status-pending      { color: #ffc24d !important; }
body.woocommerce-account .status-cancelled,
body.woocommerce-account .status-expired      { color: #9fb0a6 !important; }
body.woocommerce-account .status-refunded,
body.woocommerce-account .status-failed       { color: #ff8585 !important; }

/* badge pillola SOLO sulle viste dettaglio dove esiste <mark> */
body.woocommerce-account mark.order-status {
	display: inline-block !important;
	padding: 4px 12px !important;
	border-radius: 999px !important;
	background: rgba(52,209,127,.16) !important;
	color: #4fe08f !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	font-size: 12px !important;
}

/* ============================================================
   PULSANTI (account + login)
   ============================================================ */
body.woocommerce-account .button,
body.woocommerce-account .woocommerce-Button,
body.woocommerce-account input[type="submit"],
body.woocommerce-account button[type="submit"],
body.woocommerce-account .woocommerce-form-login__submit {
	background: var(--wk-green) !important;
	background-image: none !important;
	color: var(--wk-bg) !important;
	font-weight: 700 !important;
	border: 0 !important;
	border-radius: 10px !important;
	padding: 12px 24px !important;
	font-size: 14px !important;
	cursor: pointer !important;
	text-decoration: none !important;
	box-shadow: none !important;
	text-transform: none !important;
	transition: transform .12s ease, filter .12s ease !important;
}
body.woocommerce-account .button:hover,
body.woocommerce-account input[type="submit"]:hover,
body.woocommerce-account button[type="submit"]:hover,
body.woocommerce-account .woocommerce-form-login__submit:hover {
	filter: brightness(1.08) !important;
	transform: translateY(-1px) !important;
}
/* "Visualizza" e azioni in tabella: outline lime */
body.woocommerce-account .shop_table .button {
	background: transparent !important;
	color: var(--wk-text) !important;
	border: 1.5px solid var(--wk-green) !important;
}
body.woocommerce-account .shop_table .button:hover {
	background: rgba(52,209,127,.16) !important;
	color: #fff !important;
}

/* ============================================================
   FORM (Dettagli account, Indirizzi, Login)
   ============================================================ */
body.woocommerce-account label,
body.woocommerce-account form label {
	font-weight: 600 !important;
	font-size: 14px !important;
	color: var(--wk-text) !important;
	margin-bottom: 6px !important;
	display: inline-block !important;
}
body.woocommerce-account .woocommerce-input-wrapper + em,
body.woocommerce-account span.description,
body.woocommerce-account .woocommerce-MyAccount-content em { color: var(--wk-muted) !important; }

body.woocommerce-account input.input-text,
body.woocommerce-account .woocommerce-Input,
body.woocommerce-account input[type="text"],
body.woocommerce-account input[type="email"],
body.woocommerce-account input[type="password"],
body.woocommerce-account select,
body.woocommerce-account textarea {
	width: 100% !important;
	padding: 13px 15px !important;
	border: 1.5px solid var(--wk-line2) !important;
	border-radius: 10px !important;
	font-size: 15px !important;
	background: rgba(255,255,255,.04) !important;
	color: #fff !important;
	box-sizing: border-box !important;
	transition: border-color .15s ease, box-shadow .15s ease !important;
}
body.woocommerce-account input::placeholder,
body.woocommerce-account textarea::placeholder { color: var(--wk-muted) !important; }
body.woocommerce-account input.input-text:focus,
body.woocommerce-account .woocommerce-Input:focus,
body.woocommerce-account input[type="password"]:focus,
body.woocommerce-account select:focus,
body.woocommerce-account textarea:focus {
	outline: 0 !important;
	border-color: var(--wk-green) !important;
	box-shadow: 0 0 0 3px rgba(52,209,127,.22) !important;
	background: rgba(255,255,255,.06) !important;
}

/* box indirizzi / pannelli interni */
body.woocommerce-account .woocommerce-Address,
body.woocommerce-account .woocommerce-Address-title + address,
body.woocommerce-account .woocommerce-Address address {
	background: rgba(255,255,255,.03) !important;
	border: 1px solid var(--wk-line) !important;
	border-radius: 12px !important;
	padding: 24px 26px !important;
	font-style: normal !important;
	line-height: 1.6 !important;
	color: var(--wk-text) !important;
}

/* ============================================================
   PAGINA LOGIN (/mio-account/ da non loggato)
   ============================================================ */
body.woocommerce-account form.woocommerce-form-login,
body.woocommerce-account form.login {
	max-width: 480px !important;
	margin: 24px auto !important;
	background: var(--wk-card) !important;
	border: 1px solid var(--wk-line) !important;
	border-radius: var(--wk-radius) !important;
	padding: 30px 32px !important;
	box-sizing: border-box !important;
}
body.woocommerce-account .woocommerce-form-login .woocommerce-form-row { margin-bottom: 16px !important; }
body.woocommerce-account .woocommerce-form-login__submit { width: 100% !important; margin-top: 6px !important; }
body.woocommerce-account .woocommerce-form-login__rememberme,
body.woocommerce-account .woocommerce-form__label-for-checkbox {
	font-weight: 500 !important; color: var(--wk-muted) !important;
}
body.woocommerce-account .lost_password a { color: var(--wk-lime) !important; }

/* ============================================================
   AVVISI WooCommerce
   ============================================================ */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error {
	border-radius: 12px !important;
	border: 1px solid var(--wk-line) !important;
	border-left: 3px solid var(--wk-green) !important;
	background: rgba(255,255,255,.04) !important;
	color: var(--wk-text) !important;
	padding: 18px 22px !important;
}
body.woocommerce-account .woocommerce-error { border-left-color: #ff8585 !important; }

/* Niente icona-glifo rotta sovrapposta al testo degli avvisi */
body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-info::before,
body.woocommerce-account .woocommerce-error::before { display: none !important; }
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error { padding-left: 22px !important; }

/* Avvisi piu' leggibili: testo piu' grande, grassetto evidenziato in lime */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error {
	font-size: 16px !important;
	line-height: 1.6 !important;
}
body.woocommerce-account .woocommerce-message strong,
body.woocommerce-account .woocommerce-info strong { color: var(--wk-lime) !important; }
body.woocommerce-account .woocommerce-error strong { color: #ffb3b3 !important; }

/* Box "recupera password" scuro, come il login */
body.woocommerce-account form.woocommerce-ResetPassword,
body.woocommerce-account form.lost_reset_password {
	max-width: 480px !important;
	margin: 24px auto !important;
	background: var(--wk-card) !important;
	border: 1px solid var(--wk-line) !important;
	border-radius: var(--wk-radius) !important;
	padding: 30px 32px !important;
	box-sizing: border-box !important;
}
body.woocommerce-account .woocommerce-ResetPassword p,
body.woocommerce-account .woocommerce-ResetPassword label {
	color: var(--wk-text) !important;
	font-size: 15px !important;
	line-height: 1.55 !important;
}

/* ============================================================
   METODI DI PAGAMENTO / AGGIUNGI METODO (area PayPal: tienila chiara e leggibile)
   ============================================================ */
body.woocommerce-account .woocommerce-Payment,
body.woocommerce-account .woocommerce-PaymentMethods,
body.woocommerce-account .payment_methods,
body.woocommerce-account ul.payment_methods,
body.woocommerce-account #payment {
	background: #ffffff !important;
	border: 1px solid rgba(0,0,0,.08) !important;
	border-radius: 12px !important;
	padding: 18px 20px !important;
	box-shadow: none !important;
}
/* Testo scuro e leggibile su sfondo chiaro */
body.woocommerce-account #payment label,
body.woocommerce-account #payment .payment_box,
body.woocommerce-account #payment .payment_box *,
body.woocommerce-account .payment_methods label,
body.woocommerce-account .payment_methods li,
body.woocommerce-account .woocommerce-PaymentMethods label,
body.woocommerce-account .woocommerce-PaymentMethods td,
body.woocommerce-account .woocommerce-PaymentMethods th {
	color: #1a1a1a !important;
}
/* Ogni metodo ben distanziato, niente sovrapposizioni con le icone */
body.woocommerce-account #payment .wc_payment_method,
body.woocommerce-account .payment_methods .wc_payment_method,
body.woocommerce-account .payment_methods li { margin: 0 0 10px !important; padding: 4px 0 !important; }
body.woocommerce-account #payment .payment_box {
	background: #f5f6fa !important;
	border-radius: 8px !important;
	padding: 14px 16px !important;
	margin: 8px 0 0 !important;
}
body.woocommerce-account #payment .payment_box::before { display: none !important; }
body.woocommerce-account #payment label img { vertical-align: middle !important; margin-left: 6px !important; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 768px) {
	body.woocommerce-account .woocommerce-MyAccount-content { padding: 22px 18px !important; }
	body.woocommerce-account .woocommerce-MyAccount-navigation ul li a,
	body.woocommerce-account .woocommerce-MyAccount-navigation-link a { font-size: 13px !important; padding: 9px 14px !important; }

	/* Titoli piu' contenuti su mobile (Anton non deve dominare) */
	body.woocommerce-account h2,
	body.woocommerce-account .woocommerce-MyAccount-content h3,
	body.woocommerce-account .woocommerce-Address-title h3 { font-size: 24px !important; }

	/* Tabelle -> schede verticali scure */
	body.woocommerce-account .shop_table_responsive thead { display: none !important; }
	body.woocommerce-account .shop_table_responsive tbody tr {
		display: block !important;
		background: rgba(255,255,255,.03) !important;
		border: 1px solid var(--wk-line) !important;
		border-radius: 12px !important;
		margin: 0 0 14px 0 !important;
		padding: 4px 14px !important;
	}
	body.woocommerce-account .shop_table_responsive tbody td {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		gap: 14px !important;
		text-align: right !important;
		padding: 12px 0 !important;
		border: 0 !important;
		border-bottom: 1px solid var(--wk-line) !important;
		background: transparent !important;
		color: #cdd8d1 !important;
		font-size: 14px !important;
	}
	body.woocommerce-account .shop_table_responsive tbody td:last-child { border-bottom: 0 !important; }
	body.woocommerce-account .shop_table_responsive tbody td::before {
		content: attr(data-title) !important;
		float: none !important;
		color: var(--wk-lime) !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		font-size: 11px !important;
		letter-spacing: .04em !important;
	}
	/* cella azioni: bottoni allineati a destra, vanno a capo se servono */
	body.woocommerce-account .shop_table_responsive td.woocommerce-orders-table__cell-order-actions,
	body.woocommerce-account .shop_table_responsive td.order-actions {
		flex-wrap: wrap !important;
		justify-content: flex-end !important;
		gap: 8px !important;
	}
}

/* ============================================================
   DASHBOARD — testo brand personalizzato
   ============================================================ */
body.woocommerce-account .workando-dash__title {
	font-family: 'Anton', sans-serif !important;
	text-transform: uppercase !important;
	letter-spacing: .01em !important;
	color: var(--wk-lime) !important;
	font-size: 32px !important;
	line-height: 1.1 !important;
	margin: 0 0 16px !important;
}
body.woocommerce-account .workando-dash__lead {
	color: var(--wk-text) !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
	margin: 0 0 10px !important;
	max-width: 640px !important;
}
body.woocommerce-account .workando-dash__hint {
	color: var(--wk-muted) !important;
	font-size: 14px !important;
	margin: 0 0 24px !important;
}
body.woocommerce-account .workando-dash__cta { margin: 0 !important; }

/* ============================================================
   BLOCCO CONVERSIONE PAGINA LOGIN (non-clienti)
   ============================================================ */
body.woocommerce-account .workando-login-cta {
	max-width: 560px;
	margin: 48px auto 22px !important;
	text-align: center;
}
body.woocommerce-account .workando-login-cta__title {
	font-family: 'Anton', sans-serif !important;
	font-size: 30px !important;
	line-height: 1.1 !important;
	color: var(--wk-lime) !important;
	margin: 0 0 12px !important;
	text-transform: uppercase;
	letter-spacing: .5px;
}
body.woocommerce-account .workando-login-cta__text {
	color: var(--wk-text) !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	margin-bottom: 18px !important;
}
body.woocommerce-account .workando-login-cta__text p { margin: 0 0 10px !important; }
/* Pulsante login: vero pulsante in stile brand (lime), autonomo dagli stili dell'hub */
body.woocommerce-account .workando-login-cta__btn {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	background: var(--wk-lime) !important;
	background-image: none !important;
	color: var(--wk-bg) !important;
	font-weight: 800 !important;
	text-transform: uppercase;
	letter-spacing: .3px;
	text-decoration: none !important;
	border: 0 !important;
	padding: 16px 36px !important;
	border-radius: 12px !important;
	font-size: 17px !important;
	box-shadow: none !important;
	transition: transform .12s ease, filter .12s ease !important;
}
body.woocommerce-account .workando-login-cta__btn:hover {
	transform: translateY(-1px);
	filter: brightness(1.06);
	color: var(--wk-bg) !important;
}
body.woocommerce-account .workando-login-cta__divider {
	position: relative;
	text-align: center;
	margin: 28px auto 4px !important;
	max-width: 480px;
	color: var(--wk-muted) !important;
	font-size: 14px !important;
}
body.woocommerce-account .workando-login-cta__divider::before {
	content: "";
	position: absolute;
	top: 50%; left: 0; right: 0;
	height: 1px;
	background: var(--wk-line2);
	z-index: 0;
}
body.woocommerce-account .workando-login-cta__divider span {
	position: relative;
	z-index: 1;
	background: var(--wk-bg);
	padding: 0 14px;
}
/* Centra il form di login sotto il blocco */
body.woocommerce-account form.woocommerce-form-login { text-align: left; }

/* Centra il titolo "Accedi" nella pagina di login (solo da DISLOGGATI).
   Esclude il footer e non tocca l'hub (che è da loggati). */
body.woocommerce-account:not(.logged-in) .elementor-heading-title,
body.woocommerce-account:not(.logged-in) .woocommerce-MyAccount-content h2,
body.woocommerce-account:not(.logged-in) .woocommerce > h2,
body.woocommerce-account:not(.logged-in) .u-column1 > h2 { text-align: center !important; }
body.woocommerce-account:not(.logged-in) footer .elementor-heading-title,
body.woocommerce-account:not(.logged-in) footer h2,
body.woocommerce-account:not(.logged-in) .elementor-location-footer .elementor-heading-title,
body.woocommerce-account:not(.logged-in) .elementor-location-footer h2 { text-align: left !important; }

/* ============================================================
   BACHECA A SCHEDE (HUB) + nascondi vecchio menu a tab
   ============================================================ */
/* Nasconde la navigazione a tab: ora l'hub fa da menu */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account nav.woocommerce-MyAccount-navigation,
body.woocommerce-account .e-my-account-tab__navigation,
body.woocommerce-account .woocommerce-MyAccount-navigation-wrapper { display: none !important; }
/* Contenuto a tutta larghezza */
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .e-my-account-tab__content {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	margin: 0 !important;
}

/* Link "torna alla bacheca" sopra le sotto-pagine */
body.woocommerce-account .wk-back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 18px !important;
	color: var(--wk-muted) !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	font-size: 14px !important;
}
body.woocommerce-account .wk-back:hover { color: var(--wk-green) !important; }

/* Hub */
body.woocommerce-account .wk-hub { margin-top: 4px; }
body.woocommerce-account .wk-hub__top { display: flex; justify-content: flex-end; margin-bottom: 4px; }
body.woocommerce-account .wk-hub__logout {
	display: inline-flex; align-items: center; gap: 6px;
	color: var(--wk-muted) !important; text-decoration: none !important;
	font-weight: 600 !important; font-size: 14px !important;
}
body.woocommerce-account .wk-hub__logout:hover { color: var(--wk-green) !important; }
body.woocommerce-account .wk-hub__head { margin-bottom: 20px; }
body.woocommerce-account .wk-hub__hi {
	font-family: 'Anton', sans-serif !important;
	font-size: 32px !important; line-height: 1.05 !important;
	color: #fff !important; margin: 0 0 12px !important;
	text-transform: uppercase; letter-spacing: .5px;
}
body.woocommerce-account .wk-pill {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 6px 13px; border-radius: 999px; font-size: 13px; font-weight: 700;
}
body.woocommerce-account .wk-pill svg { width: 15px; height: 15px; }
body.woocommerce-account .wk-pill--ok { background: rgba(52,209,127,.15); color: var(--wk-green); }
body.woocommerce-account .wk-pill--ko { background: rgba(255,120,120,.14); color: #ff9a9a; }

body.woocommerce-account .wk-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}
body.woocommerce-account .wk-card {
	background: var(--wk-card) !important;
	border: 1px solid var(--wk-line) !important;
	border-radius: 16px !important;
	padding: 20px !important;
}
body.woocommerce-account .wk-card--full { grid-column: 1 / -1; }
body.woocommerce-account .wk-card--promo { border-color: rgba(198,255,0,.45) !important; }
body.woocommerce-account .wk-card__h { display: flex; align-items: center; gap: 10px; margin-bottom: 13px; }
body.woocommerce-account .wk-card__h svg { width: 22px; height: 22px; color: var(--wk-green); flex: 0 0 auto; }
body.woocommerce-account .wk-card--tool .wk-card__h svg,
body.woocommerce-account .wk-card--promo .wk-card__h svg { color: var(--wk-lime); }
body.woocommerce-account .wk-card--acct .wk-card__h svg { color: var(--wk-muted); }
body.woocommerce-account .wk-h {
	font-family: 'Manrope', 'Montserrat', sans-serif !important;
	font-weight: 800 !important;
	text-transform: uppercase; letter-spacing: .3px;
	color: #fff !important; margin: 0 !important; font-size: 17px !important;
	line-height: 1.32 !important;
}
body.woocommerce-account .wk-card--full .wk-h { font-size: 19px !important; }
body.woocommerce-account .wk-card__sub { color: var(--wk-muted) !important; font-size: 14px !important; line-height: 1.6 !important; margin: 0 0 16px !important; }
body.woocommerce-account .wk-card__sub p { margin: 0 0 8px !important; }
body.woocommerce-account .wk-status { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 15px; margin: 0 0 14px !important; }
body.woocommerce-account .wk-status svg { width: 17px; height: 17px; }
body.woocommerce-account .wk-status--ok { color: var(--wk-text); }
body.woocommerce-account .wk-status--ok svg { color: var(--wk-green); }
body.woocommerce-account .wk-status--ko { color: #ff9a9a; }
body.woocommerce-account .wk-btns { display: flex; flex-wrap: wrap; gap: 12px; }

/* ============================================================
   PULSANTI SECONDARI (ghost) — ben visibili nell'hub
   Override ad alta specificità: batte la regola .workando-btn (riga ~136)
   che forza testo scuro su tutti i .workando-btn.
   ============================================================ */
body.woocommerce-account .woocommerce-MyAccount-content .workando-btn--ghost,
body.woocommerce-account .workando-btn--ghost {
	background: rgba(255,255,255,.06) !important;
	background-image: none !important;
	border: 1px solid rgba(255,255,255,.22) !important;
	color: var(--wk-text) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .workando-btn--ghost svg,
body.woocommerce-account .workando-btn--ghost svg { color: var(--wk-text) !important; }
body.woocommerce-account .workando-btn--ghost:hover {
	background: rgba(255,255,255,.11) !important;
	border-color: var(--wk-green) !important;
	color: #fff !important;
	filter: none !important;
}

/* ============================================================
   BOX INDIRIZZO (pagina ordine / abbonamento) — niente bianco
   ============================================================ */
body.woocommerce-account address,
body.woocommerce-account .woocommerce-customer-details address,
body.woocommerce-account .woocommerce-column__title + address {
	background: var(--wk-card) !important;
	border: 1px solid var(--wk-line) !important;
	border-radius: 14px !important;
	padding: 18px 20px !important;
	color: var(--wk-text) !important;
	font-style: normal !important;
}
body.woocommerce-account address,
body.woocommerce-account address a,
body.woocommerce-account .woocommerce-customer-details p,
body.woocommerce-account .woocommerce-customer-details .woocommerce-customer-details--phone,
body.woocommerce-account .woocommerce-customer-details .woocommerce-customer-details--email { color: var(--wk-text) !important; }
body.woocommerce-account address a:hover { color: var(--wk-green) !important; }

/* ============================================================
   MOBILE — hub a 1 colonna, testi e pulsanti più grandi/comodi
   ============================================================ */
@media (max-width: 768px) {
	body.woocommerce-account .wk-grid { grid-template-columns: 1fr !important; }
	body.woocommerce-account .wk-hub__hi { font-size: 27px !important; }
	body.woocommerce-account .wk-card { padding: 18px 18px 20px !important; }
	body.woocommerce-account .wk-h { font-size: 19px !important; }
	body.woocommerce-account .wk-card--full .wk-h { font-size: 20px !important; }
	body.woocommerce-account .wk-card__sub { font-size: 15.5px !important; line-height: 1.6 !important; }
	body.woocommerce-account .wk-status { font-size: 16px !important; }
	body.woocommerce-account .wk-pill { font-size: 14px !important; padding: 7px 14px !important; }
	/* pulsanti a tutta larghezza e più alti = tap comodi */
	body.woocommerce-account .wk-btns { flex-direction: column; align-items: stretch; gap: 10px; }
	body.woocommerce-account .wk-btns .workando-btn {
		width: 100% !important;
		justify-content: center !important;
		padding: 15px 18px !important;
		font-size: 15.5px !important;
	}
}

/* ============================================================
   DASHBOARD: niente box esterno ridondante (le card bastano)
   Risolve l'annidamento "box dentro box" che su mobile stringeva tutto.
   ============================================================ */
body.wk-hub-page .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content,
body.wk-hub-page .woocommerce-MyAccount-content {
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
}
body.wk-hub-page .elementor-widget-woocommerce-my-account,
body.wk-hub-page .elementor-widget-woocommerce-my-account > .elementor-widget-container,
body.wk-hub-page .e-my-account-tab,
body.wk-hub-page .e-my-account-tab__content,
body.wk-hub-page .woocommerce-MyAccount-content-wrapper {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}
@media (max-width: 768px) {
	/* su mobile le card usano quasi tutta la larghezza schermo */
	body.wk-hub-page .woocommerce-MyAccount-content { padding: 0 !important; }
}

/* ============================================================
   SupportCandy: ISOLAMENTO dal tema scuro (solo leggibilità).
   Il tema area-riservata forza font/colori con !important ed
   "entra" dentro SupportCandy. Qui NON coloriamo SupportCandy a
   modo nostro: neutralizziamo solo il bleed del tema, lasciando
   SupportCandy nel suo aspetto chiaro e leggibile.
   ============================================================ */

/* Titoli SC (titoli widget laterali, oggetto ticket): via Anton/lime/maiuscolo */
body.woocommerce-account .workando-assist-embed h1,
body.woocommerce-account .workando-assist-embed h2,
body.woocommerce-account .workando-assist-embed h3,
body.woocommerce-account .workando-assist-embed h4,
body.woocommerce-account .workando-assist-embed h5,
body.woocommerce-account .workando-assist-embed h6 {
	font-family: inherit !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	font-weight: 700 !important;
	color: #14241c !important;
}

/* Testo su pannelli chiari -> scuro leggibile. Limitato a
   p/li/td/label/dt/dd/strong/em/blockquote per NON toccare la barra
   di navigazione scura, le intestazioni tabella (th) e i pulsanti. */
body.woocommerce-account .workando-assist-embed p,
body.woocommerce-account .workando-assist-embed li,
body.woocommerce-account .workando-assist-embed td,
body.woocommerce-account .workando-assist-embed label,
body.woocommerce-account .workando-assist-embed dt,
body.woocommerce-account .workando-assist-embed dd,
body.woocommerce-account .workando-assist-embed strong,
body.woocommerce-account .workando-assist-embed em,
body.woocommerce-account .workando-assist-embed blockquote {
	color: #14241c !important;
}

/* Menu mobile (hamburger), fuori dall'embed: SC lo fa bianco con
   testo chiaro = illeggibile. Lo rendo scuro e leggibile. */
body.woocommerce-account .wpsc-humbargar-menu { background-color: #0A2417 !important; }
body.woocommerce-account .wpsc-humbargar-menu .box-inner { background: transparent !important; }
body.woocommerce-account .wpsc-humbargar-menu,
body.woocommerce-account .wpsc-humbargar-menu * { color: #e8f0ea !important; }
body.woocommerce-account .wpsc-humbargar-menu .box-inner * { background-color: transparent !important; }
body.woocommerce-account .wpsc-humbargar-menu .box-inner a:hover,
body.woocommerce-account .wpsc-humbargar-menu .box-inner li:hover,
body.woocommerce-account .wpsc-humbargar-menu .box-inner a:hover * { background-color: #14533a !important; }

/* Icona hamburger CHIUSA di SupportCandy su mobile: SC la lascia chiara su barra
   chiara -> invisibile. La rendo scura cosi si vede. (Il menu APERTO resta scuro
   con testo chiaro, gestito dalle regole .wpsc-humbargar-menu qui sopra.) */
body.woocommerce-account .wpsc-humbargar,
body.woocommerce-account .wpsc-humbargar * { color: #14241c !important; }

/* Bottoni espliciti della tab Assistenza (Nuovo Ticket / I miei ticket):
   chiari e mobile-friendly, cosi gli utenti non dipendono dall'hamburger. */
body.woocommerce-account .workando-assist-actions { display:flex; gap:12px; flex-wrap:wrap; margin:4px 0 18px; }
body.woocommerce-account .workando-assist-actions .workando-btn { display:inline-flex; align-items:center; gap:8px; }
@media (max-width:768px){
	body.woocommerce-account .workando-assist-actions { flex-direction:column; gap:10px; }
	body.woocommerce-account .workando-assist-actions .workando-btn { width:100%; justify-content:center; padding-top:14px; padding-bottom:14px; }
}

/* SupportCandy: su mobile il fondo del form (pulsante "Invia") veniva tagliato.
   Garantiamo che embed e form crescano in altezza, senza clipping, con respiro sotto. */
body.woocommerce-account .workando-assist-embed { overflow: visible !important; }
body.woocommerce-account .workando-assist-embed form,
body.woocommerce-account .workando-assist-embed .wpsc-frontend,
body.woocommerce-account .workando-assist-embed .wpsc-ticket-form,
body.woocommerce-account .workando-assist-embed .wpsc-create-ticket {
	overflow: visible !important;
	height: auto !important;
	max-height: none !important;
}
@media (max-width:768px){
	body.woocommerce-account .workando-assist-embed { padding-bottom: 12px !important; }
}

/* SupportCandy: il pulsante di INVIO del form era invisibile (chiaro su chiaro).
   Lo forziamo verde scuro + testo bianco, sempre visibile. (Non tocca i pulsanti
   della toolbar, che sono type="button".) */
body.woocommerce-account .workando-assist-embed button[type="submit"],
body.woocommerce-account .workando-assist-embed input[type="submit"] {
	background-color: #0e3b24 !important;
	color: #ffffff !important;
	border: 1px solid #0e3b24 !important;
	opacity: 1 !important;
	visibility: visible !important;
}
body.woocommerce-account .workando-assist-embed button[type="submit"] * { color: #ffffff !important; }

/* SupportCandy: pulsanti del form ticket (ID esatti dal DOM). #wpsc-ct-submit non
   e' type="submit" e non ha sfondo proprio -> ereditava il testo chiaro = invisibile.
   Lo forziamo verde scuro + bianco; il reset come bordato leggibile. */
body.woocommerce-account .workando-assist-embed .wpsc-ct-actions { display:flex !important; gap:10px !important; flex-wrap:wrap !important; align-items:center; margin-top:6px; }
body.woocommerce-account .workando-assist-embed #wpsc-ct-submit,
body.woocommerce-account .workando-assist-embed .wpsc-button.primary {
	background-color:#0e3b24 !important; color:#fff !important; border:1px solid #0e3b24 !important;
	padding:10px 22px !important; border-radius:8px !important; opacity:1 !important; visibility:visible !important; cursor:pointer;
}
body.woocommerce-account .workando-assist-embed #wpsc-ct-submit * { color:#fff !important; }
body.woocommerce-account .workando-assist-embed #wpsc-ct-reset,
body.woocommerce-account .workando-assist-embed .wpsc-button.secondary {
	background-color:transparent !important; color:#14241c !important; border:1px solid #0e3b24 !important;
	padding:10px 18px !important; border-radius:8px !important; cursor:pointer;
}