/**
 * Antonio Sarpe Academy — UI Design System (Airbnb-inspired, teal conversion)
 * Loaded by as-design-system.php
 */

:root {
	--as-primary: #0f766e;
	--as-primary-hover: #115e59;
	--as-primary-active: #134e4a;
	--as-primary-soft: #e6f2f0;
	--as-accent: #ff5a5f;
	--as-accent-hover: #e84e52;
	--as-accent-soft: #fff0f0;
	--as-text: #222222;
	--as-text-secondary: #717171;
	--as-text-muted: #8a8a8a;
	--as-background: #ffffff;
	--as-surface: #ffffff;
	--as-surface-secondary: #f7f7f7;
	--as-border: #dddddd;
	--as-border-light: #ebebeb;
	--as-success: #16a34a;
	--as-success-hover: #15803d;
	--as-success-active: #166534;
	--as-success-soft: #dcfce7;
	--as-error: #c13515;
	--as-focus: #0f766e;
	--as-btn-radius: 10px;
	--as-input-radius: 8px;
	--as-font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--as-header-chip-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 4px 14px rgba(0, 0, 0, 0.08);
	--as-z-header: 1000;
	--as-z-course-filter-backdrop: 1000100;
	--as-z-course-filter-panel: 1000101;
	--as-z-menu-cart: 1000200;
}

/* —— Elementor global kit overrides (complement DB patch) —— */
.elementor-kit-7 {
	--e-global-color-primary: var(--as-primary);
	--e-global-color-text: var(--as-text-secondary);
	--e-global-color-accent: var(--as-accent);
}

.elementor-kit-7 .elementor-button,
.elementor-button.elementor-size-sm,
.elementor-button.elementor-size-md,
.elementor-button.elementor-size-lg {
	font-family: var(--as-font);
	font-weight: 600;
	border-radius: var(--as-btn-radius);
	min-height: 44px;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.elementor-kit-7 a.elementor-button,
.elementor-kit-7 .elementor-button {
	background-color: var(--as-primary);
	color: #fff;
	border: 1px solid var(--as-primary);
}

.elementor-kit-7 a.elementor-button:hover,
.elementor-kit-7 .elementor-button:hover {
	background-color: var(--as-primary-hover);
	border-color: var(--as-primary-hover);
	color: #fff;
}

.elementor-kit-7 .elementor-button.elementor-button-link {
	background: transparent;
	border-color: transparent;
	color: var(--as-primary);
	min-height: auto;
}

.elementor a:not(.elementor-button):not(.elementor-item):not(.tutor-btn) {
	color: var(--as-text);
}

.elementor a:not(.elementor-button):hover {
	color: var(--as-primary);
}

/* —— Tutor brand tokens —— */
body.tutor-lms,
body.tutor-screen-frontend-dashboard,
.tutor-dashboard-layout,
:root {
	--tutor-color-primary: var(--as-primary);
	--tutor-color-primary-hover: var(--as-primary-hover);
	--tutor-color-primary-rgb: 15, 118, 110;
	--tutor-brand-600: var(--as-primary);
	--tutor-brand-500: #0d9488;
	--tutor-brand-800: var(--as-primary-hover);
	--tutor-brand-900: var(--as-primary-active);
	--tutor-actions-brand-primary: var(--as-primary);
	--tutor-border-brand: var(--as-primary);
	--tutor-text-brand: var(--as-primary);
	--tutor-surface-brand-primary: var(--as-primary);
	--tutor-surface-brand-primary-2: var(--as-primary-hover);
	--tutor-actions-success-primary: var(--as-success);
	--tutor-actions-success-primary-hover: var(--as-success-hover);
	--tutor-text-subdued: var(--as-text-secondary);
	--tutor-color-muted: var(--as-text-secondary);
}

/* —— Primary buttons —— */
.tutor-btn.tutor-btn-primary,
.tutor-btn-primary,
button.tutor-btn-primary,
a.tutor-btn-primary,
.tutor-dashboard .tutor-btn-primary,
.tutor-dashboard .tutor-btn.tutor-btn-primary {
	background-color: var(--as-primary) !important;
	border: 1px solid var(--as-primary) !important;
	color: #fff !important;
	font-weight: 600;
	border-radius: var(--as-btn-radius);
	min-height: 44px;
	padding-left: 20px;
	padding-right: 20px;
	box-shadow: none;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.tutor-btn.tutor-btn-primary:hover,
.tutor-btn-primary:hover,
button.tutor-btn-primary:hover,
a.tutor-btn-primary:hover {
	background-color: var(--as-primary-hover) !important;
	border-color: var(--as-primary-hover) !important;
	color: #fff !important;
}

.tutor-btn.tutor-btn-primary:active,
.tutor-btn-primary:active {
	background-color: var(--as-primary-active) !important;
	border-color: var(--as-primary-active) !important;
	color: #ffffff !important;
}

.tutor-btn.tutor-btn-primary:focus-visible,
.tutor-btn-primary:focus-visible {
	outline: 2px solid var(--as-focus);
	outline-offset: 2px;
}

.tutor-btn.tutor-btn-primary:disabled,
.tutor-btn-primary:disabled {
	background-color: var(--as-border-light) !important;
	border-color: var(--as-border) !important;
	color: var(--as-text-muted) !important;
	cursor: not-allowed;
}

/* Enrollment CTAs: outline class → filled primary (keep markup) */
.tutor-course-list-btn .tutor-btn-outline-primary,
.tutor-course-card .tutor-card-footer .tutor-btn-outline-primary,
body.single-courses .tutor-course-details-sidebar .tutor-btn-outline-primary,
body.single-courses .tutor-course-purchase-box .tutor-btn-outline-primary,
.tutor-course-single-content-wrapper .tutor-btn-outline-primary.tutor-btn-md {
	background-color: var(--as-primary) !important;
	border: 1px solid var(--as-primary) !important;
	color: #fff !important;
	font-weight: 600;
	border-radius: var(--as-btn-radius);
	min-height: 44px;
	width: 100%;
	box-shadow: none;
}

.tutor-course-list-btn .tutor-btn-outline-primary:hover,
.tutor-course-card .tutor-card-footer .tutor-btn-outline-primary:hover,
body.single-courses .tutor-course-details-sidebar .tutor-btn-outline-primary:hover,
body.single-courses .tutor-course-purchase-box .tutor-btn-outline-primary:hover {
	background-color: var(--as-primary-hover) !important;
	border-color: var(--as-primary-hover) !important;
	color: #fff !important;
}

/* Promo / sale: coral CTA */
.tutor-course-card:has(.asarp-course-on-sale) .tutor-course-list-btn .tutor-btn-outline-primary,
body.as-course-on-sale .tutor-course-details-sidebar .tutor-btn-outline-primary,
body.as-course-on-sale .tutor-course-purchase-box .tutor-btn-outline-primary,
body.as-course-on-sale .tutor-enroll-course .tutor-btn-outline-primary,
body.as-course-on-sale .tutor-btn-primary.tutor-add-to-cart,
body.as-course-on-sale a.tutor-btn-primary {
	background-color: var(--as-accent) !important;
	border-color: var(--as-accent) !important;
	color: #fff !important;
}

.tutor-course-card:has(.asarp-course-on-sale) .tutor-course-list-btn .tutor-btn-outline-primary:hover,
body.as-course-on-sale .tutor-btn-outline-primary:hover,
body.as-course-on-sale .tutor-btn-primary:hover {
	background-color: var(--as-accent-hover) !important;
	border-color: var(--as-accent-hover) !important;
}

/* Secondary buttons */
.tutor-btn.tutor-btn-outline-primary[action-tutor-clear-filter],
.tutor-btn.tutor-btn-secondary,
.tutor-btn-outline-secondary {
	background-color: var(--as-surface) !important;
	border: 1px solid var(--as-border) !important;
	color: var(--as-text) !important;
	font-weight: 600;
	border-radius: var(--as-btn-radius);
	min-height: 44px;
}

.tutor-btn.tutor-btn-outline-primary[action-tutor-clear-filter]:hover,
.tutor-btn.tutor-btn-secondary:hover {
	background-color: var(--as-surface-secondary) !important;
	border-color: var(--as-text-secondary) !important;
	color: var(--as-text) !important;
}

/* Filter chips / pills */
.tutor-course-filter input[type="checkbox"] + label,
.tutor-course-filter .tutor-form-check-label,
.tutor-course-archive-filters-wrap .tutor-form-check,
.tutor-course-filter-container .tutor-form-check-label,
label.tutor-form-check-label.tutor-course-filter-checkbox {
	border-radius: 999px;
	border: 1px solid var(--as-border);
	background: var(--as-surface);
	color: var(--as-text);
	padding: 8px 16px;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.tutor-course-filter input[type="checkbox"]:checked + label,
.tutor-course-filter .tutor-form-check-input:checked + .tutor-form-check-label,
.tutor-form-check-input:checked + label {
	background: var(--as-primary-soft) !important;
	border-color: var(--as-primary) !important;
	color: var(--as-primary) !important;
}

/* Course cards */
.tutor-card.tutor-course-card {
	background: var(--as-surface);
	border: 1px solid var(--as-border-light);
	border-radius: 12px;
	box-shadow: none;
	overflow: hidden;
}

/* Duration badge over thumbnail (bottom-right); removes extra row below title */
.tutor-course-card:has(.tutor-icon-clock-line) {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.tutor-course-card:has(.tutor-icon-clock-line) .tutor-card-body {
	display: contents;
}

.tutor-course-card:has(.tutor-icon-clock-line) .tutor-course-thumbnail {
	grid-area: 1 / 1;
	min-width: 0;
}

.tutor-course-card:has(.tutor-icon-clock-line) .tutor-card-body > .tutor-meta:has(.tutor-icon-clock-line) {
	grid-area: 1 / 1;
	z-index: 2;
	align-self: end;
	justify-self: end;
	margin: 0 !important;
	padding: 6px 10px;
	background: #fff;
	border-top-left-radius: 8px;
	color: var(--as-text);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.2;
	pointer-events: none;
}

.tutor-course-card:has(.tutor-icon-clock-line) .tutor-card-body > .tutor-meta:has(.tutor-icon-clock-line) > div {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
}

.tutor-course-card:has(.tutor-icon-clock-line) .tutor-card-body > .tutor-meta:has(.tutor-icon-clock-line) .tutor-meta-icon {
	color: var(--as-text-secondary);
	font-size: 1em;
}

.tutor-course-card:has(.tutor-icon-clock-line) .tutor-course-name {
	padding: 12px 16px 0;
	margin-bottom: 0;
}

.tutor-card.tutor-course-card .tutor-course-name,
.tutor-card.tutor-course-card .tutor-course-name a {
	font-size: clamp(calc(1.05rem - 3px), calc(1vw + 0.5rem - 3px), calc(1.375rem - 3px));
	font-weight: 600;
	line-height: 1.25;
	color: var(--as-text);
}

.tutor-meta,
.tutor-course-archive-meta {
	font-size: 13px;
	color: var(--as-text-secondary);
}

/* Course card: hide author avatar + categories */
.tutor-course-card .tutor-meta:has(.tutor-avatar) {
	display: none !important;
}

/* Course card: price above CTA */
.tutor-course-card .tutor-card-footer {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.tutor-course-card .tutor-card-footer .tutor-course-list-btn {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.tutor-course-card .tutor-card-footer .tutor-btn {
	border-radius: 999px !important;
	color: #fff !important;
}

.tutor-course-card .tutor-card-footer .tutor-btn:not(.asarp-course-card-enroll-btn) {
	background-color: var(--as-primary) !important;
	border-color: var(--as-primary) !important;
}

.tutor-course-card .tutor-card-footer .tutor-btn:not(.asarp-course-card-enroll-btn):hover {
	background-color: var(--as-primary-hover) !important;
	border-color: var(--as-primary-hover) !important;
	color: #fff !important;
}

.tutor-course-card .tutor-card-footer .asarp-course-card-enroll-btn {
	background-color: var(--as-accent) !important;
	border-color: var(--as-accent) !important;
}

.tutor-course-card .tutor-card-footer .asarp-course-card-enroll-btn:hover {
	background-color: var(--as-accent-hover) !important;
	border-color: var(--as-accent-hover) !important;
	color: #fff !important;
}

/* Preço (before_footer) + CTA (footer): sem linha do separador do Tutor */
.tutor-course-card .asarp-course-card-price-block + .tutor-card-footer,
.tutor-course-card .asarp-course-card-prices + .tutor-card-footer {
	border-top: none !important;
	box-shadow: none !important;
}

.tutor-course-card .tutor-card-footer:has(.asarp-course-card-prices) .tutor-course-list-btn {
	border-top: none !important;
}

.asarp-course-card-price-block {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-bottom: 12px;
}

.asarp-course-card-prices {
	--as-course-card-price-size: clamp(1.25rem, 0.35vw + 1.175rem, 1.4375rem);
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.35rem 0.65rem;
	width: calc(100% - 32px);
	min-height: 44px;
	margin: 7px 16px 0;
	padding: 0 16px;
	line-height: 1.2;
	background: var(--as-background);
	border: 1px solid var(--as-border-light);
	border-radius: var(--as-btn-radius);
}

.asarp-course-card-price-labeled {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.25rem 0.5rem;
	max-width: 100%;
}

.asarp-course-card-price-label {
	font-size: calc(var(--as-course-card-price-size) - 4px);
	font-weight: 700;
	line-height: 1.2;
	color: var(--as-text);
	text-align: center;
}

.asarp-course-card-price-values {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.35rem 0.65rem;
}

.asarp-course-card-price--regular,
.asarp-course-card-price--current,
.asarp-course-card-price--sale,
.asarp-course-card-price--free {
	font-size: var(--as-course-card-price-size);
	line-height: 1.2;
}

.asarp-course-card-price--regular {
	font-weight: 400;
	color: var(--as-text-secondary);
	text-decoration: line-through;
	text-decoration-thickness: 1px;
}

.asarp-course-card-price-values .woocommerce-Price-amount,
.asarp-course-card-price-values .woocommerce-Price-amount bdi {
	font-size: inherit;
}

.asarp-course-card-price--regular .woocommerce-Price-amount {
	color: inherit;
	font-weight: 400;
}

.asarp-course-card-price--sale {
	font-weight: 800;
	color: var(--as-accent);
}

.asarp-course-card-price--sale .woocommerce-Price-amount {
	color: inherit;
	font-weight: 800;
}

.asarp-course-card-price--current,
.asarp-course-card-price--free {
	font-weight: 800;
	color: var(--as-primary);
}

.asarp-course-card-price--current .woocommerce-Price-amount,
.asarp-course-card-price--free .woocommerce-Price-amount {
	color: inherit;
	font-weight: 800;
}

/* Preço Tutor/Woo no footer (ao lado do CTA) — ocultar quando já existe bloco «Preço:» no card */
.tutor-course-card:has(.asarp-course-card-prices) .tutor-card-footer .list-item-price,
.tutor-course-card:has(.asarp-course-card-price-block) .tutor-card-footer .list-item-price,
.tutor-course-card:has(.asarp-course-card-prices) .tutor-card-footer .tutor-course-price,
.tutor-course-card:has(.asarp-course-card-prices) .tutor-card-footer span.price,
.tutor-course-card:has(.asarp-course-card-prices) .tutor-card-footer .wps_sfw_interval {
	display: none !important;
}

.tutor-course-card:has(.asarp-course-card-prices) .tutor-card-footer > .tutor-d-flex.tutor-justify-between,
.tutor-course-card:has(.asarp-course-card-price-block) .tutor-card-footer > .tutor-d-flex.tutor-justify-between {
	justify-content: stretch !important;
}

.tutor-course-card:has(.asarp-course-card-prices) .tutor-card-footer .list-item-button,
.tutor-course-card:has(.asarp-course-card-price-block) .tutor-card-footer .list-item-button {
	flex: 1 1 100%;
	width: 100%;
	max-width: 100%;
}

/* Form controls */
.tutor-form-control,
.tutor-form-select,
.tutor-form-group input[type="text"],
.tutor-form-group input[type="email"],
.tutor-form-group input[type="password"],
.tutor-form-group textarea,
.tutor-form-group select,
input[type="search"].tutor-form-control {
	background: var(--as-surface);
	border: 1px solid var(--as-border);
	border-radius: var(--as-input-radius);
	color: var(--as-text);
}

.tutor-form-control::-webkit-input-placeholder,
.tutor-form-control::-ms-input-placeholder,
.tutor-form-control::placeholder {
	color: var(--as-text-secondary);
	opacity: 1;
}

.tutor-form-control:focus,
.tutor-form-group input:focus,
.tutor-form-group textarea:focus,
.tutor-form-group select:focus {
	border-color: var(--as-primary);
	outline: 2px solid rgba(15, 118, 110, 0.25);
	outline-offset: 0;
}

/* Cursos — ordenação: mesma classe/visual que o campo Pesquisar (.tutor-form-control) */
.tutor-courses-wrap .tutor-widget-search input.tutor-form-control,
.tutor-courses-wrap select.tutor-form-control[name="course_order"] {
	font-family: var(--as-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--as-text);
	background: var(--as-surface);
	border: 1px solid var(--as-border);
	border-radius: var(--as-input-radius);
	padding: 8px 16px;
	box-sizing: border-box;
	min-height: 42px;
}

.tutor-courses-wrap .tutor-select-value-placeholder,
.tutor-course-filter .tutor-select-value-placeholder {
	color: var(--as-text-secondary);
}

.tutor-courses-wrap .tutor-form-select-search input.tutor-form-control::-webkit-input-placeholder,
.tutor-courses-wrap .tutor-form-select-search input.tutor-form-control::placeholder,
.tutor-course-filter .tutor-form-select-search input.tutor-form-control::-webkit-input-placeholder,
.tutor-course-filter .tutor-form-select-search input.tutor-form-control::placeholder {
	color: var(--as-text-secondary);
	opacity: 1;
}

.tutor-courses-wrap .tutor-js-form-select.tutor-form-control,
.tutor-course-filter .tutor-js-form-select.tutor-form-control {
	font-family: var(--as-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--as-text);
	background: var(--as-surface);
	border: 1px solid var(--as-border);
	border-radius: var(--as-input-radius);
	padding: 8px 16px;
	box-sizing: border-box;
	min-height: 42px;
}

.tutor-courses-wrap .tutor-js-form-select .tutor-form-select-label,
.tutor-course-filter .tutor-js-form-select .tutor-form-select-label {
	color: var(--as-text);
}

.tutor-courses-wrap select.tutor-form-control[name="course_order"] {
	width: auto !important;
	min-width: 12rem;
	max-width: 100%;
	cursor: pointer;
}

.tutor-form-check-input:checked,
input[type="checkbox"]:checked,
input[type="radio"]:checked {
	accent-color: var(--as-primary);
	background-color: var(--as-primary);
	border-color: var(--as-primary);
}

/* Dashboard: sidebar explore courses → coral button */
.tutor-dashboard-sidebar a.asarp-explore-courses-cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 16px;
	padding: 12px 20px;
	background-color: var(--as-accent) !important;
	border: 1px solid var(--as-accent) !important;
	border-radius: var(--as-btn-radius);
	color: #fff !important;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none !important;
	min-height: 44px;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.tutor-dashboard-sidebar a.asarp-explore-courses-cta:hover,
.tutor-dashboard-sidebar a.asarp-explore-courses-cta:focus {
	background-color: var(--as-accent-hover) !important;
	border-color: var(--as-accent-hover) !important;
	color: #fff !important;
}

.tutor-dashboard-sidebar a.asarp-explore-courses-cta:focus-visible {
	outline: 2px solid var(--as-accent);
	outline-offset: 2px;
}

/* Dashboard sidebar — aba ativa: fundo vermelho (accent), texto e ícone brancos */
.tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a.active,
.tutor-dashboard-permalinks li.active a,
.tutor-dashboard .tutor-nav-link.is-active {
	background-color: var(--as-accent) !important;
	color: #ffffff !important;
	border-color: transparent !important;
}

.tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a.active span,
.tutor-dashboard-permalinks li.active a span,
.tutor-dashboard .tutor-nav-link.is-active span {
	color: #ffffff !important;
}

.tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a.active svg,
.tutor-dashboard-permalinks li.active a svg,
.tutor-dashboard .tutor-nav-link.is-active svg {
	color: #ffffff !important;
	fill: currentColor !important;
	stroke: currentColor !important;
}

/* Itens inativos da sidebar do meupainel — fundo branco, texto cinza */
.tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a:not(.active) {
	background-color: #ffffff !important;
	color: var(--as-text-secondary) !important;
}

.tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a:not(.active) span,
.tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a:not(.active) svg {
	color: var(--as-text-secondary) !important;
}

/* Opções da conta (/meupainel/account/settings) — mesmo padrão da sidebar */
.tutor-profile-settings-tab.tutor-tabs-nav button.tutor-tabs-tab:not(.tutor-tabs-tab-active) {
	background-color: #ffffff !important;
	color: var(--as-text-secondary) !important;
	box-shadow: none !important;
	border-radius: 6px;
}

.tutor-profile-settings-tab.tutor-tabs-nav button.tutor-tabs-tab:not(.tutor-tabs-tab-active) span,
.tutor-profile-settings-tab.tutor-tabs-nav button.tutor-tabs-tab:not(.tutor-tabs-tab-active) svg,
.tutor-profile-settings-tab.tutor-tabs-nav button.tutor-tabs-tab:not(.tutor-tabs-tab-active) .tutor-surface-brand-primary svg {
	color: var(--as-text-secondary) !important;
}

.tutor-profile-settings-tab.tutor-tabs-nav button.tutor-tabs-tab:not(.tutor-tabs-tab-active) .tutor-icon,
.tutor-profile-settings-tab.tutor-tabs-nav button.tutor-tabs-tab:not(.tutor-tabs-tab-active) .tutor-surface-brand-primary {
	background-color: #ffffff !important;
	color: var(--as-text-secondary) !important;
	border: 1px solid var(--as-border-light) !important;
}

.tutor-profile-settings-tab.tutor-tabs-nav button.tutor-tabs-tab:not(.tutor-tabs-tab-active):hover,
.tutor-profile-settings-tab.tutor-tabs-nav button.tutor-tabs-tab:not(.tutor-tabs-tab-active):focus {
	background-color: var(--as-surface-secondary) !important;
	color: var(--as-text-secondary) !important;
}

.tutor-profile-settings-tab.tutor-tabs-nav button.tutor-tabs-tab-active,
.tutor-profile-settings-section .tutor-account-container .tutor-tabs-tab-active {
	background-color: var(--as-accent) !important;
	color: #ffffff !important;
	box-shadow: none !important;
	border-radius: 6px;
}

.tutor-profile-settings-tab.tutor-tabs-nav button.tutor-tabs-tab-active span,
.tutor-profile-settings-tab.tutor-tabs-nav button.tutor-tabs-tab-active svg,
.tutor-profile-settings-tab.tutor-tabs-nav button.tutor-tabs-tab-active .tutor-icon,
.tutor-profile-settings-section .tutor-account-container .tutor-tabs-tab-active span,
.tutor-profile-settings-section .tutor-account-container .tutor-tabs-tab-active svg {
	color: #ffffff !important;
	fill: currentColor !important;
	stroke: currentColor !important;
}

.tutor-profile-settings-tab.tutor-tabs-nav button.tutor-tabs-tab-active .tutor-icon,
.tutor-profile-settings-tab.tutor-tabs-nav button.tutor-tabs-tab-active .tutor-surface-brand-primary,
.tutor-profile-settings-tab.tutor-tabs-nav button.tutor-tabs-tab-active .tutor-surface-brand-tertiary {
	background-color: transparent !important;
	border-color: transparent !important;
}

/* Opções da conta — foto de perfil: sem borda (incl. tutor-avatar-border 1px brand) */
.tutor-account-section .tutor-account-avatar-wrapper .tutor-account-avatar,
.tutor-account-section .tutor-account-avatar-wrapper .tutor-account-avatar.tutor-avatar,
.tutor-account-section .tutor-account-avatar-wrapper .tutor-account-avatar.tutor-avatar-border {
	border: 0 !important;
	border-color: transparent !important;
	outline: none !important;
	background-color: transparent !important;
	background: transparent !important;
	box-shadow: none !important;
	--tutor-button-border-shadow: none !important;
}

.tutor-dashboard .tutor-account-section .tutor-account-avatar-wrapper .tutor-account-avatar {
	background-color: transparent !important;
}

.tutor-account-section .tutor-account-avatar-wrapper .tutor-account-avatar img,
.tutor-account-section .tutor-account-avatar-wrapper .tutor-account-avatar .tutor-avatar-image {
	position: absolute !important;
	inset: -1px !important;
	width: calc(100% + 2px) !important;
	height: calc(100% + 2px) !important;
	object-fit: cover !important;
	border: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	border-radius: inherit !important;
}

.tutor-account-section .tutor-account-avatar-wrapper .tutor-account-avatar.tutor-avatar-square,
.tutor-account-section .tutor-account-avatar-wrapper .tutor-account-avatar.tutor-avatar-square img,
.tutor-account-section .tutor-account-avatar-wrapper .tutor-account-avatar.tutor-avatar-square .tutor-avatar-image {
	border-radius: 6px !important;
}

/* —— Fundo verde (primary): texto e ícones brancos —— */
/* Tutor 4 painel: body.tutor-screen-frontend-dashboard + .tutor-dashboard-layout (não existe .tutor-dashboard wrapper) */
.tutor-btn.tutor-btn-primary,
.tutor-btn-primary,
.tutor-dashboard .tutor-avatar,
.tutor-dashboard .tutor-iconic-btn,
.tutor-dashboard .tutor-btn-icon,
body.tutor-screen-frontend-dashboard .tutor-iconic-btn,
body.tutor-screen-frontend-dashboard .tutor-btn-icon,
.tutor-dashboard-layout .tutor-iconic-btn,
.tutor-dashboard-layout .tutor-btn-icon,
.tutor-profile-completion .tutor-surface-brand-primary,
.tutor-dashboard .tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary),
body.tutor-screen-frontend-dashboard .tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary),
.tutor-dashboard-layout .tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary) {
	color: #ffffff !important;
}

/* Utilitário Tutor: .tutor-surface-brand-primary só pinta o fundo — forçar contraste nos filhos */
.tutor-btn.tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary),
button.tutor-btn.tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary),
.tutor-btn-primary,
.tutor-btn-brand,
body.tutor-screen-frontend-dashboard .tutor-iconic-btn,
body.tutor-screen-frontend-dashboard .tutor-btn-icon,
.tutor-dashboard-layout .tutor-iconic-btn,
.tutor-dashboard-layout .tutor-btn-icon {
	--tutor-text-secondary: #ffffff;
	--tutor-text-primary: #ffffff;
	--tutor-text-subdued: #ffffff;
	--tutor-icon-secondary: #ffffff;
	--tutor-icon-subdued: #ffffff;
}

.tutor-btn.tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary) .tutor-text-secondary,
.tutor-btn.tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary) .tutor-text-primary,
.tutor-btn.tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary) .tutor-text-subdued,
.tutor-btn.tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary) [class*="tutor-text-"],
.tutor-btn-primary .tutor-text-secondary,
.tutor-btn-primary .tutor-text-primary,
.tutor-btn-primary .tutor-text-subdued,
.tutor-btn-primary [class*="tutor-text-"],
.tutor-btn-brand .tutor-text-secondary,
.tutor-btn-brand [class*="tutor-text-"],
body.tutor-screen-frontend-dashboard .tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary) .tutor-text-secondary,
body.tutor-screen-frontend-dashboard .tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary) .tutor-text-primary,
body.tutor-screen-frontend-dashboard .tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary) [class*="tutor-text-"],
.tutor-dashboard-layout .tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary) [class*="tutor-text-"] {
	color: #ffffff !important;
}

.tutor-dashboard .tutor-avatar:not(:has(img)):not(:has(.tutor-avatar-image)) {
	background-color: var(--as-primary) !important;
}

/* Meupainel — avatar no header: foto a preencher o botão, sem fundo verde nem padding */
.tutor-dashboard-header .tutor-dashboard-header-user-avatar {
	padding: 0 !important;
	gap: 0 !important;
	background-color: transparent !important;
	overflow: hidden !important;
	display: inline-flex !important;
	align-items: stretch !important;
	justify-content: stretch !important;
	width: 48px !important;
	height: 48px !important;
	min-width: 48px !important;
	min-height: 48px !important;
}

.tutor-dashboard-header .tutor-dashboard-header-user-avatar .tutor-avatar,
.tutor-dashboard-header-user-avatar > .tutor-avatar {
	display: flex !important;
	background-color: transparent !important;
	color: var(--as-text) !important;
	margin: 0 !important;
	width: 100% !important;
	height: 100% !important;
	border: none !important;
	border-radius: inherit !important;
}

.tutor-dashboard-header .tutor-dashboard-header-user-avatar .tutor-avatar-image,
.tutor-dashboard-header .tutor-dashboard-header-user-avatar .tutor-avatar img,
.tutor-dashboard-header-user-avatar .tutor-avatar .tutor-avatar-image {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: inherit !important;
}

.tutor-dashboard-header .tutor-dashboard-header-user-avatar .tutor-avatar span,
.tutor-dashboard-header-user-avatar .tutor-avatar span {
	color: var(--as-text) !important;
}

.tutor-dashboard .tutor-iconic-btn,
.tutor-dashboard .tutor-btn-icon,
body.tutor-screen-frontend-dashboard .tutor-iconic-btn,
body.tutor-screen-frontend-dashboard .tutor-btn-icon,
.tutor-dashboard-layout .tutor-iconic-btn,
.tutor-dashboard-layout .tutor-btn-icon {
	background-color: var(--as-primary) !important;
	border-color: var(--as-primary) !important;
}

.tutor-dashboard .tutor-iconic-btn:hover,
.tutor-dashboard .tutor-btn-icon:hover,
body.tutor-screen-frontend-dashboard .tutor-iconic-btn:hover,
body.tutor-screen-frontend-dashboard .tutor-btn-icon:hover,
.tutor-dashboard-layout .tutor-iconic-btn:hover,
.tutor-dashboard-layout .tutor-btn-icon:hover {
	background-color: var(--as-primary-hover) !important;
	border-color: var(--as-primary-hover) !important;
	color: #ffffff !important;
}

.tutor-btn.tutor-btn-primary svg,
.tutor-btn-primary svg,
.tutor-btn.tutor-btn-primary svg path,
.tutor-btn-primary svg path,
.tutor-dashboard .tutor-avatar svg,
.tutor-dashboard .tutor-iconic-btn svg,
.tutor-dashboard .tutor-btn-icon svg,
body.tutor-screen-frontend-dashboard .tutor-iconic-btn svg,
body.tutor-screen-frontend-dashboard .tutor-btn-icon svg,
.tutor-dashboard-layout .tutor-iconic-btn svg,
.tutor-dashboard-layout .tutor-btn-icon svg,
body.tutor-screen-frontend-dashboard .tutor-iconic-btn svg.tutor-icon-secondary,
body.tutor-screen-frontend-dashboard .tutor-btn-icon svg.tutor-icon-secondary,
.tutor-dashboard-layout .tutor-iconic-btn svg.tutor-icon-secondary,
.tutor-dashboard-layout .tutor-btn-icon svg.tutor-icon-secondary,
.tutor-btn.tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary) svg,
.tutor-btn.tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary) svg path,
.tutor-btn.tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary) [class^="tutor-icon-"],
.tutor-profile-completion .tutor-surface-brand-primary svg,
.tutor-dashboard .tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary) svg,
body.tutor-screen-frontend-dashboard .tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary) svg,
.tutor-dashboard-layout .tutor-surface-brand-primary:not(.tutor-surface-brand-tertiary):not(.tutor-surface-brand-quaternary) svg {
	color: #ffffff !important;
	fill: currentColor !important;
	stroke: currentColor !important;
}

.tutor-dashboard .tutor-avatar span {
	color: #ffffff !important;
}

/* Perfil — expandir/recolher: fundo primary, chevron branco (Tutor usa tutor-icon-secondary no SVG) */
.tutor-profile-completion-header .tutor-btn-icon {
	background-color: var(--as-primary) !important;
	border-color: var(--as-primary) !important;
	color: #ffffff !important;
}

.tutor-profile-completion-header .tutor-btn-icon:hover,
.tutor-profile-completion-header .tutor-btn-icon:focus-visible {
	background-color: var(--as-primary-hover) !important;
	border-color: var(--as-primary-hover) !important;
	color: #ffffff !important;
}

.tutor-profile-completion-header .tutor-btn-icon svg,
.tutor-profile-completion-header .tutor-btn-icon svg.tutor-icon-secondary,
.tutor-profile-completion-header .tutor-btn-icon svg path {
	color: #ffffff !important;
	stroke: currentColor !important;
}

/* Painel — Discussões (/discussions): filtro «Todos (n)» + ordenação (Tutor 4: tutor-surface-brand-primary + tutor-text-*) */
.tutor-dashboard .tutor-dropdown-filter > button.tutor-btn,
body.tutor-screen-frontend-dashboard .tutor-dropdown-filter > button.tutor-btn,
.tutor-dashboard-layout .tutor-dropdown-filter > button.tutor-btn,
body.tutor-screen-frontend-dashboard .tutor-dashboard-page-card-header button.tutor-btn.tutor-surface-brand-primary,
.tutor-dashboard-layout .tutor-dashboard-page-card-header button.tutor-btn.tutor-surface-brand-primary,
.tutor-dashboard .tutor-dropdown-filter > button.tutor-btn span,
body.tutor-screen-frontend-dashboard .tutor-dropdown-filter > button.tutor-btn span,
.tutor-dashboard-layout .tutor-dropdown-filter > button.tutor-btn span,
.tutor-dashboard .tutor-dropdown-filter > button.tutor-btn .tutor-text-secondary,
.tutor-dashboard .tutor-dropdown-filter > button.tutor-btn .tutor-text-primary,
body.tutor-screen-frontend-dashboard .tutor-dropdown-filter > button.tutor-btn .tutor-text-secondary,
body.tutor-screen-frontend-dashboard .tutor-dropdown-filter > button.tutor-btn .tutor-text-primary,
.tutor-dashboard-layout .tutor-dropdown-filter > button.tutor-btn .tutor-text-secondary,
.tutor-dashboard-layout .tutor-dropdown-filter > button.tutor-btn .tutor-text-primary {
	color: #ffffff !important;
}

.tutor-dashboard .tutor-dropdown-filter > button.tutor-btn svg,
body.tutor-screen-frontend-dashboard .tutor-dropdown-filter > button.tutor-btn svg,
.tutor-dashboard-layout .tutor-dropdown-filter > button.tutor-btn svg,
.tutor-dashboard .tutor-dropdown-filter > button.tutor-btn svg path,
body.tutor-screen-frontend-dashboard .tutor-dropdown-filter > button.tutor-btn svg path,
.tutor-dashboard-layout .tutor-dropdown-filter > button.tutor-btn svg path,
.tutor-dashboard .tutor-dropdown-filter > button.tutor-btn svg line,
body.tutor-screen-frontend-dashboard .tutor-dropdown-filter > button.tutor-btn svg line,
.tutor-dashboard-layout .tutor-dropdown-filter > button.tutor-btn svg line {
	color: #ffffff !important;
	stroke: currentColor !important;
	fill: none !important;
}

/* Tutor 4 — área de aprendizagem + aula: fundo verde/primary → texto e ícones brancos */
.tutor-learning-area .tutor-btn-primary,
.tutor-learning-area .tutor-btn-brand,
.tutor-learning-area .tutor-expand-btn,
.tutor-course-single-content-wrapper .tutor-course-topic-single-header .tutor-iconic-btn {
	color: #ffffff !important;
}

.tutor-learning-area .tutor-expand-btn {
	background-color: var(--as-primary) !important;
	border: 1px solid var(--as-primary) !important;
	--tutor-button-border-shadow: none !important;
	box-shadow: none !important;
}

.tutor-learning-area .tutor-expand-btn:hover:not(:disabled):not(.disabled),
.tutor-learning-area .tutor-expand-btn:focus-visible:not(:disabled):not(.disabled) {
	background-color: var(--as-primary-hover) !important;
	border-color: var(--as-primary-hover) !important;
	color: #ffffff !important;
}

.tutor-learning-area .tutor-expand-btn svg {
	color: #ffffff !important;
}

.tutor-learning-area .tutor-expand-btn svg path,
.tutor-learning-area .tutor-expand-btn svg line,
.tutor-learning-area .tutor-expand-btn svg circle,
.tutor-learning-area .tutor-expand-btn svg rect {
	fill: none !important;
	stroke: currentColor !important;
}

/* Sidebar — Repor progresso: ícone branco no botão primary/teal */
.tutor-learning-sidebar .tutor-learning-progress-content .tutor-btn-icon {
	background-color: var(--as-primary) !important;
	border-color: var(--as-primary) !important;
	color: #ffffff !important;
}

.tutor-learning-sidebar .tutor-learning-progress-content .tutor-btn-icon:hover,
.tutor-learning-sidebar .tutor-learning-progress-content .tutor-btn-icon:focus-visible {
	background-color: var(--as-primary-hover) !important;
	border-color: var(--as-primary-hover) !important;
	color: #ffffff !important;
}

.tutor-learning-sidebar .tutor-learning-progress-content .tutor-btn-icon svg,
.tutor-learning-sidebar .tutor-learning-progress-content .tutor-btn-icon svg.tutor-icon-secondary {
	color: #ffffff !important;
}

.tutor-learning-sidebar .tutor-learning-progress-content .tutor-btn-icon svg path,
.tutor-learning-sidebar .tutor-learning-progress-content .tutor-btn-icon svg line,
.tutor-learning-sidebar .tutor-learning-progress-content .tutor-btn-icon svg circle,
.tutor-learning-sidebar .tutor-learning-progress-content .tutor-btn-icon svg rect {
	fill: none !important;
	stroke: currentColor !important;
}

.tutor-learning-area .tutor-mark-as-complete-button:not(.completed):not(:disabled):not(.disabled),
.tutor-lesson-content .tutor-mark-as-complete-button:not(.completed):not(:disabled):not(.disabled) {
	background-color: var(--as-accent) !important;
	border: 1px solid var(--as-accent) !important;
	color: #ffffff !important;
	--tutor-button-border-shadow: none !important;
	box-shadow: none !important;
}

.tutor-learning-area .tutor-mark-as-complete-button:not(.completed):not(:disabled):not(.disabled):hover,
.tutor-learning-area .tutor-mark-as-complete-button:not(.completed):not(:disabled):not(.disabled):focus-visible,
.tutor-lesson-content .tutor-mark-as-complete-button:not(.completed):not(:disabled):not(.disabled):hover,
.tutor-lesson-content .tutor-mark-as-complete-button:not(.completed):not(:disabled):not(.disabled):focus-visible {
	background-color: var(--as-accent-hover) !important;
	border-color: var(--as-accent-hover) !important;
	color: #ffffff !important;
}

.tutor-learning-area .tutor-mark-as-complete-button.completed,
.tutor-lesson-content .tutor-mark-as-complete-button.completed {
	background-color: var(--as-success) !important;
	border: 1px solid var(--as-success) !important;
	color: #ffffff !important;
	--tutor-button-border-shadow: none !important;
	box-shadow: none !important;
}

.tutor-learning-area .tutor-mark-as-complete-button.completed svg,
.tutor-learning-area .tutor-mark-as-complete-button.completed svg path,
.tutor-lesson-content .tutor-mark-as-complete-button.completed svg,
.tutor-lesson-content .tutor-mark-as-complete-button.completed svg path {
	color: #ffffff !important;
	stroke: currentColor !important;
	fill: none !important;
}

.tutor-learning-area .tutor-btn-primary svg,
.tutor-learning-area .tutor-btn-brand svg,
.tutor-learning-area .tutor-mark-as-complete-button:not(.completed) svg,
.tutor-learning-area .tutor-btn-primary svg path,
.tutor-learning-area .tutor-btn-brand svg path,
.tutor-learning-area .tutor-mark-as-complete-button:not(.completed) svg path,
.tutor-learning-area .tutor-btn-primary svg[class*="tutor-icon-"],
.tutor-learning-area .tutor-mark-as-complete-button:not(.completed) svg[class*="tutor-icon-"],
.tutor-course-single-content-wrapper .tutor-course-topic-single-header .tutor-iconic-btn svg,
.tutor-course-single-content-wrapper .tutor-course-topic-single-header .tutor-iconic-btn [class^="tutor-icon-"],
.tutor-course-single-content-wrapper .tutor-course-topic-single-header .tutor-topbar-mark-btn [class^="tutor-icon-"],
.tutor-spotlight-mobile-progress-right .tutor-btn-primary svg,
.tutor-spotlight-mobile-progress-right .tutor-btn-primary [class^="tutor-icon-"] {
	color: #ffffff !important;
	fill: currentColor !important;
	stroke: currentColor !important;
}

.tutor-btn-primary [class^="tutor-icon-"],
.tutor-btn-primary [class*=" tutor-icon-"],
.tutor-topbar-mark-btn.tutor-btn-primary [class^="tutor-icon-"] {
	color: #ffffff !important;
}

/* Pagination — override Tutor's .page-numbers.current { color: primary } on filled marker */
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.current,
.tutor-pagination ul.tutor-pagination-numbers a.page-numbers:hover {
	background-color: var(--as-primary);
	border-color: var(--as-primary);
	color: #fff !important;
}

/* Tutor outline outside enrollment cards (e.g. filters) */
.tutor-course-filter .tutor-btn-outline-primary,
.tutor-modal .tutor-btn-outline-primary {
	--tutor-color-primary: var(--as-primary);
	background: var(--as-surface) !important;
	border-color: var(--as-border) !important;
	color: var(--as-text) !important;
}

.elementor-widget-button .elementor-button {
	background-color: var(--as-primary);
	border-color: var(--as-primary);
	color: #fff;
}

.elementor-widget-button .elementor-button:hover {
	background-color: var(--as-primary-hover);
	border-color: var(--as-primary-hover);
}

/* Homepage hero (Elementor page 9621) */
.elementor-9621 .elementor-element-d1cf1d7,
.elementor-9621 .elementor-element-d1cf1d7 > .e-con-inner {
	background-color: var(--as-background) !important;
	background-image: none !important;
}

.elementor-9621 .elementor-element-d1cf1d7 > .elementor-background-slideshow,
.elementor-9621 .elementor-element-d1cf1d7 .elementor-background-slideshow__slide {
	display: none !important;
}

.elementor-9621 .elementor-element-d1cf1d7::before {
	display: none !important;
	content: none !important;
	opacity: 0 !important;
}

/* Hero — altura mínima (home): −120px vs. versão anterior para aproximar o footer */
.elementor-9621 .elementor-element-d1cf1d7 {
	--min-height: 512px;
	min-height: 512px;
}

@media (min-width: 768px) {
	.elementor-9621 .elementor-element-2b9d7a7,
	.elementor-9621 .elementor-element-7780e41 {
		--margin-top: 90px;
		margin-top: 90px;
	}
}

@media (max-width: 767px) {
	.elementor-9621 .elementor-element-d1cf1d7 {
		--min-height: 631px;
		min-height: 631px;
	}
}

.elementor-9621 .elementor-element-31c649e .elementor-heading-title {
	font-family: var(--as-font);
	color: var(--as-text) !important;
}

.elementor-9621 .elementor-element-e33be68,
.elementor-9621 .elementor-element-e33be68 p {
	font-family: var(--as-font);
	color: var(--as-text-secondary) !important;
}

/* Hero — coluna de texto: respiro até a coluna do vídeo */
.elementor-9621 .elementor-element-2b9d7a7 {
	padding-right: 40px;
	box-sizing: border-box;
}

/* Hero CTA — «Conheça nossos cursos»: scale down 2% no hover (motion FX); largura natural */
.elementor-9621 .elementor-element-247022c {
	width: auto !important;
	max-width: 100% !important;
	--container-widget-width: auto !important;
}

.elementor-9621 .elementor-element-247022c > .elementor-widget-container {
	--e-transform-scale: 1 !important;
	transform: none !important;
}

.elementor-9621 .elementor-element-247022c .elementor-button-wrapper {
	text-align: left;
}

.elementor-9621 .elementor-element-247022c .elementor-button {
	background-color: var(--as-accent) !important;
	border-color: var(--as-accent) !important;
	color: #fff !important;
	text-shadow: none !important;
	font-family: var(--as-font);
	font-weight: 600;
	width: auto;
	display: inline-flex;
	padding-top: calc(12px - 2px) !important;
	padding-bottom: calc(12px - 2px) !important;
	transform: scale(1);
	transition:
		transform 0.3s ease,
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease;
	will-change: transform;
}

.elementor-9621 .elementor-element-247022c .elementor-button .elementor-button-text {
	color: #fff !important;
}

.elementor-9621 .elementor-element-247022c .elementor-button:hover,
.elementor-9621 .elementor-element-247022c .elementor-button:focus-visible {
	background-color: var(--as-accent-hover) !important;
	border-color: var(--as-accent-hover) !important;
	color: #fff !important;
	transform: scale(0.98);
}

.elementor-9621 .elementor-element-247022c .elementor-button .elementor-button-content-wrapper {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
}

.elementor-9621 .elementor-element-247022c .elementor-button .elementor-button-content-wrapper::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f19d";
	font-size: 1.05em;
	line-height: 1;
}

.elementor-9621 .elementor-element-395024b .elementor-wrapper {
	border-radius: 15px;
	overflow: hidden;
}

.elementor-9621 .elementor-element-395024b .elementor-video-iframe {
	border-radius: 15px;
}

/* Footer — respiro entre conteúdo e barra inferior */
footer.elementor-location-footer {
	margin-top: 60px;
}

/* Footer — hover nos itens (cinza → preto; ver as-footer-modern.css) */
footer.elementor-location-footer .elementor-nav-menu--main .elementor-item.elementor-item-active,
footer.elementor-location-footer .elementor-nav-menu--main .elementor-item:hover,
footer.elementor-location-footer .elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-8145 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-8145 .elementor-nav-menu--main .elementor-item:hover,
.elementor-8145 .elementor-nav-menu--dropdown .elementor-item:hover {
	color: var(--as-text, #222222) !important;
}

/* Header — logo | carrinho (30px antes do menu) | nav (desktop) */
@media (min-width: 1025px) {
	.elementor-9618 .elementor-element-635f87a {
		display: flex !important;
		flex-wrap: nowrap;
		align-items: center;
		width: 100% !important;
		max-width: 100%;
		flex: 1 1 auto !important;
		gap: 0;
	}

	.elementor-9618 .elementor-element-323bcf2 {
		flex: 0 0 auto !important;
		width: auto !important;
		--width: auto !important;
		margin-right: auto;
	}

	.elementor-9618 .elementor-element-3f757cc {
		flex: 0 0 auto !important;
		width: auto !important;
		--width: auto !important;
		position: relative;
		z-index: calc(var(--as-z-header) + 2);
		margin-left: auto;
		margin-right: 30px;
	}

	.elementor-9618 .elementor-element-329afd0 {
		position: relative;
		z-index: calc(var(--as-z-header) + 2);
	}

	.elementor-9618 .elementor-element-450b251 {
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0;
		--width: auto !important;
		--flex-grow: 0 !important;
		--flex-shrink: 0 !important;
		position: relative;
		z-index: var(--as-z-header);
	}

	.elementor-9618 .elementor-element-74299301 {
		flex: 0 0 auto !important;
		width: auto !important;
		min-width: 0;
	}

	.elementor-9618 .elementor-element-74299301 .elementor-widget-container,
	.elementor-9618 .elementor-element-74299301 .elementor-nav-menu--main.elementor-nav-menu__container {
		width: auto;
	}

	/* Header — logo desktop (largura máx. 115px) */
	.elementor-9618 .elementor-element-323bcf2 {
		max-width: 115px;
		width: auto !important;
		flex: 0 0 auto !important;
	}

	.elementor-9618 .elementor-element-c6d986b,
	.elementor-9618 .elementor-element-c6d986b .elementor-widget-container {
		max-width: 115px;
		width: 115px;
	}

	.elementor-9618 .elementor-element-c6d986b img {
		display: block;
		width: 100%;
		max-width: 115px !important;
		height: auto !important;
		object-fit: contain;
		filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.06)) drop-shadow(0 4px 14px rgba(0, 0, 0, 0.08));
	}
}

/* Header — logo mobile/tablet (+35% vs. 77px → 104px) */
@media (max-width: 1024px) {
	.elementor-9618 .elementor-element-323bcf2 {
		max-width: 104px;
		width: auto !important;
		flex: 0 0 auto !important;
	}

	.elementor-9618 .elementor-element-c6d986b,
	.elementor-9618 .elementor-element-c6d986b .elementor-widget-container {
		max-width: 104px;
		width: 104px;
	}

	.elementor-9618 .elementor-element-c6d986b img {
		display: block;
		width: 100%;
		max-width: 104px !important;
		height: auto !important;
		object-fit: contain;
		filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.06)) drop-shadow(0 4px 14px rgba(0, 0, 0, 0.08));
	}

	/* Menu hamburger — ícone vermelho, holder circular branco */
	.elementor-9618 .elementor-element-74299301 .elementor-menu-toggle {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		width: 44px;
		height: 44px;
		min-width: 44px;
		min-height: 44px;
		padding: 0;
		margin: 0;
		border: 1px solid var(--as-border-light);
		border-radius: 50%;
		background-color: var(--as-background);
		box-shadow: var(--as-header-chip-shadow);
		color: var(--as-accent) !important;
		fill: var(--as-accent) !important;
		transition: box-shadow 0.2s ease, border-color 0.2s ease;
	}

	.elementor-9618 .elementor-element-74299301 .elementor-menu-toggle:hover,
	.elementor-9618 .elementor-element-74299301 .elementor-menu-toggle:focus-visible {
		color: var(--as-accent-hover) !important;
		fill: var(--as-accent-hover) !important;
		border-color: var(--as-border);
	}

	.elementor-9618 .elementor-element-74299301 .elementor-menu-toggle .elementor-menu-toggle__icon--open,
	.elementor-9618 .elementor-element-74299301 .elementor-menu-toggle .elementor-menu-toggle__icon--close {
		display: none !important;
	}

	.elementor-9618 .elementor-element-74299301 .elementor-menu-toggle::before {
		content: "";
		display: block;
		width: 20px;
		height: 20px;
		flex-shrink: 0;
		background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23ff5a5f' stroke-width='2' stroke-linecap='round' d='M3 5.5h14M3 10h14M3 14.5h14'/%3E%3C/svg%3E");
	}

	.elementor-9618 .elementor-element-74299301 .elementor-menu-toggle.elementor-active::before,
	.elementor-9618 .elementor-element-74299301 .elementor-menu-toggle[aria-expanded="true"]::before {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23ff5a5f' stroke-width='2' stroke-linecap='round' d='M5 5l10 10M15 5 5 15'/%3E%3C/svg%3E");
	}

	/* Header mobile — logo, carrinho e hamburger no mesmo eixo vertical */
	.elementor-9618 .elementor-element-2da0000e,
	.elementor-9618 .elementor-element-635f87a {
		align-items: center !important;
	}

	.elementor-9618 .elementor-element-635f87a {
		display: flex !important;
		flex-wrap: nowrap;
		align-items: center !important;
		justify-content: flex-start;
		gap: 10px;
	}

	.elementor-9618 .elementor-element-323bcf2,
	.elementor-9618 .elementor-element-3f757cc,
	.elementor-9618 .elementor-element-450b251 {
		display: flex !important;
		align-items: center !important;
		align-self: center !important;
	}

	.elementor-9618 .elementor-element-323bcf2 {
		margin-right: auto;
	}

	.elementor-9618 .elementor-element-3f757cc {
		flex: 0 0 auto;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.elementor-9618 .elementor-element-c6d986b,
	.elementor-9618 .elementor-element-c6d986b .elementor-widget-container,
	.elementor-9618 .elementor-element-329afd0,
	.elementor-9618 .elementor-element-329afd0 .elementor-widget-container,
	.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle_wrapper,
	.elementor-9618 .elementor-element-74299301,
	.elementor-9618 .elementor-element-74299301 .elementor-widget-container {
		display: flex !important;
		align-items: center !important;
		margin-block: 0 !important;
	}

	.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle_button,
	.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle .elementor-button {
		min-height: 44px;
		box-sizing: border-box;
	}
}

/* Header — z-index do Elementor (9999999) limitado para não cobrir overlays do Tutor */
.elementor-9618 .elementor-element-2da0000e {
	z-index: var(--as-z-header) !important;
}

header.elementor-location-header.elementor-9618 {
	position: relative;
	z-index: var(--as-z-header);
}

/* Cursos — painel lateral de filtros acima do header (logo + hamburger) */
.tutor-course-filter-backdrop {
	position: fixed !important;
	inset: 0 !important;
	z-index: var(--as-z-course-filter-backdrop) !important;
}

body.tutor-course-filter-open .tutor-course-filter-container {
	z-index: var(--as-z-course-filter-panel) !important;
}

body.tutor-course-filter-open .tutor-course-filter-container .tutor-course-filter {
	position: relative;
	z-index: 1;
	background-color: var(--as-background);
}

body.tutor-course-filter-open header.elementor-location-header.elementor-9618,
body.tutor-course-filter-open header.elementor-location-header.elementor-9618 .elementor-element-2da0000e {
	z-index: 1 !important;
}

/* Header — side cart acima do menu (nav vem depois do carrinho no DOM) */
header.elementor-location-header .elementor-menu-cart__container.elementor-lightbox,
.elementor-9618 .elementor-menu-cart__container.elementor-lightbox {
	position: fixed !important;
	inset: 0 !important;
	z-index: var(--as-z-menu-cart) !important;
}

header.elementor-location-header .elementor-menu-cart__main,
.elementor-9618 .elementor-menu-cart__main {
	z-index: calc(var(--as-z-menu-cart) + 1) !important;
}

header.elementor-location-header .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--shown,
.elementor-9618 .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--shown,
.elementor-9618 .elementor-element-329afd0.elementor-menu-cart--shown {
	position: relative;
	z-index: var(--as-z-menu-cart) !important;
	isolation: isolate;
}

body:has(header .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--shown) .elementor-9618 .elementor-element-3f757cc,
body:has(header .elementor-menu-cart__container[aria-hidden="false"]) .elementor-9618 .elementor-element-3f757cc {
	position: relative;
	z-index: var(--as-z-menu-cart) !important;
}

body:has(header .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--shown) .elementor-9618 .elementor-element-450b251,
body:has(header .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--shown) .elementor-9618 .elementor-element-74299301,
body:has(header .elementor-menu-cart__container[aria-hidden="false"]) .elementor-9618 .elementor-element-450b251,
body:has(header .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--shown) .elementor-9618 .elementor-nav-menu--main > ul.elementor-nav-menu > li,
body:has(header .elementor-menu-cart__container[aria-hidden="false"]) .elementor-9618 .elementor-element-74299301,
body:has(header .elementor-menu-cart__container[aria-hidden="false"]) .elementor-9618 .elementor-nav-menu--main > ul.elementor-nav-menu > li {
	z-index: 0 !important;
}

.elementor-9618 .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children > ul.sub-menu.elementor-nav-menu--dropdown,
.elementor-9618 .elementor-element-74299301 .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children > ul.sub-menu.elementor-nav-menu--dropdown {
	z-index: calc(var(--as-z-header) + 50) !important;
}

/* Header — carrinho WooCommerce (chip = mesmo visual dos itens do menu) */
.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle,
.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle_wrapper,
.elementor-9618 .elementor-element-329afd0 .elementor-widget-container {
	display: flex;
	justify-content: center;
}

.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle_button,
.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle .elementor-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 0.35em;
	margin: 0;
	padding: 8px 16px !important;
	min-height: 0 !important;
	height: auto !important;
	border: 1px solid var(--as-border) !important;
	border-radius: 9999px !important;
	background-color: var(--as-background) !important;
	color: var(--as-text-secondary) !important;
	font-family: var(--as-font) !important;
	font-size: calc(1em - 2px);
	font-weight: 500 !important;
	line-height: 1.4;
	text-decoration: none;
	text-transform: none !important;
	box-shadow: var(--as-header-chip-shadow);
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.elementor-9618 .elementor-element-329afd0 .elementor-button-text,
.elementor-9618 .elementor-element-329afd0 .elementor-button-text .woocommerce-Price-amount,
.elementor-9618 .elementor-element-329afd0 .elementor-button-text .woocommerce-Price-amount bdi {
	color: var(--as-text-secondary) !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: 500 !important;
}

.elementor-9618 .elementor-element-329afd0 .elementor-button-icon,
.elementor-9618 .elementor-element-329afd0 .elementor-button-icon i,
.elementor-9618 .elementor-element-329afd0 .elementor-button-icon .eicon,
.elementor-9618 .elementor-element-329afd0 .elementor-button-icon [class*="eicon-"] {
	color: var(--as-text-secondary) !important;
	fill: var(--as-text-secondary) !important;
	font-size: 1em;
}

.elementor-9618 .elementor-element-329afd0 .elementor-button-icon-qty {
	font-family: var(--as-font) !important;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
}

.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle_button:hover,
.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle_button:focus-visible {
	background-color: var(--as-accent) !important;
	border-color: var(--as-accent) !important;
	color: #fff !important;
}

.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle_button:hover .elementor-button-text,
.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle_button:hover .woocommerce-Price-amount,
.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle_button:hover .woocommerce-Price-amount bdi,
.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle_button:focus-visible .elementor-button-text,
.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle_button:focus-visible .woocommerce-Price-amount,
.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle_button:focus-visible .woocommerce-Price-amount bdi,
.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle_button:hover .elementor-button-icon,
.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle_button:hover .elementor-button-icon i,
.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle_button:focus-visible .elementor-button-icon,
.elementor-9618 .elementor-element-329afd0 .elementor-menu-cart__toggle_button:focus-visible .elementor-button-icon i {
	color: #fff !important;
	fill: #fff !important;
}

/* Carrinho com itens — chip vermelho, texto e ícone brancos */
.elementor-9618 .elementor-element-329afd0:not(.elementor-menu-cart--empty) .elementor-menu-cart__toggle_button,
.elementor-9618 .elementor-element-329afd0:not(.elementor-menu-cart--empty) .elementor-menu-cart__toggle .elementor-button {
	background-color: var(--as-accent) !important;
	border-color: var(--as-accent) !important;
	color: #fff !important;
}

.elementor-9618 .elementor-element-329afd0:not(.elementor-menu-cart--empty) .elementor-button-text,
.elementor-9618 .elementor-element-329afd0:not(.elementor-menu-cart--empty) .elementor-button-text .woocommerce-Price-amount,
.elementor-9618 .elementor-element-329afd0:not(.elementor-menu-cart--empty) .elementor-button-text .woocommerce-Price-amount bdi {
	color: #fff !important;
}

.elementor-9618 .elementor-element-329afd0:not(.elementor-menu-cart--empty) .elementor-button-icon,
.elementor-9618 .elementor-element-329afd0:not(.elementor-menu-cart--empty) .elementor-button-icon i,
.elementor-9618 .elementor-element-329afd0:not(.elementor-menu-cart--empty) .elementor-button-icon .eicon,
.elementor-9618 .elementor-element-329afd0:not(.elementor-menu-cart--empty) .elementor-button-icon [class*="eicon-"] {
	color: #fff !important;
	fill: #fff !important;
}

.elementor-9618 .elementor-element-329afd0:not(.elementor-menu-cart--empty) .elementor-button-icon-qty {
	color: #fff !important;
	background-color: var(--as-accent-hover) !important;
	border-color: #fff !important;
}

.elementor-9618 .elementor-element-329afd0:not(.elementor-menu-cart--empty) .elementor-menu-cart__toggle_button:hover,
.elementor-9618 .elementor-element-329afd0:not(.elementor-menu-cart--empty) .elementor-menu-cart__toggle_button:focus-visible {
	background-color: var(--as-accent-hover) !important;
	border-color: var(--as-accent-hover) !important;
	color: #fff !important;
}

/* Header — chips estilo Airbnb (borda cinza, hover vermelho) */
.elementor-9618 .elementor-nav-menu--main > ul.elementor-nav-menu {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

.elementor-9618 .elementor-nav-menu__align-justify .elementor-nav-menu--main > ul.elementor-nav-menu {
	justify-content: flex-end !important;
}

.elementor-9618 .elementor-nav-menu--main > ul.elementor-nav-menu > li {
	flex: 0 0 auto;
}

.elementor-9618 .elementor-nav-menu--main .elementor-item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35em;
	margin: 0;
	padding: 8px 16px !important;
	border: 1px solid var(--as-border);
	border-radius: 9999px;
	background-color: var(--as-background);
	color: var(--as-text-secondary) !important;
	text-decoration: none;
	box-shadow: var(--as-header-chip-shadow);
	text-transform: none !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.elementor-9618 .elementor-nav-menu--dropdown .elementor-item,
.elementor-9618 .elementor-nav-menu--dropdown .elementor-sub-item {
	text-transform: none !important;
}

.elementor-9618 .elementor-nav-menu--main .elementor-item::after,
.elementor-9618 .elementor-nav-menu--main .elementor-item::before {
	display: none !important;
	content: none !important;
}

.elementor-9618 .elementor-nav-menu--main .elementor-item:hover,
.elementor-9618 .elementor-nav-menu--main .elementor-item:focus-visible {
	background-color: var(--as-accent) !important;
	border-color: var(--as-accent) !important;
	color: #fff !important;
}

.elementor-9618 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-9618 .elementor-nav-menu--main .elementor-item.highlighted {
	color: var(--as-text) !important;
	font-weight: 600;
}

/* Item ativo (página atual): hover verde + texto branco */
.elementor-9618 .elementor-nav-menu--main .elementor-item.elementor-item-active:hover,
.elementor-9618 .elementor-nav-menu--main .elementor-item.elementor-item-active:focus-visible,
.elementor-9618 .elementor-nav-menu--main .elementor-item.highlighted:hover,
.elementor-9618 .elementor-nav-menu--main .elementor-item.highlighted:focus-visible,
.elementor-9618 .elementor-element-74299301 .elementor-nav-menu--main .elementor-item.elementor-item-active:hover,
.elementor-9618 .elementor-element-74299301 .elementor-nav-menu--main .elementor-item.highlighted:hover {
	background-color: var(--as-primary) !important;
	border-color: var(--as-primary) !important;
	color: #fff !important;
}

.elementor-9618 .elementor-nav-menu--main .elementor-item.elementor-item-active:hover,
.elementor-9618 .elementor-nav-menu--main .elementor-item.highlighted:hover {
	background-color: var(--as-primary-hover) !important;
	border-color: var(--as-primary-hover) !important;
}

.elementor-9618 .elementor-nav-menu--main .elementor-item:hover .e-font-icon-svg,
.elementor-9618 .elementor-nav-menu--main .elementor-item:hover svg,
.elementor-9618 .elementor-nav-menu--main .elementor-item:hover i,
.elementor-9618 .elementor-nav-menu--main .elementor-item:focus-visible .e-font-icon-svg,
.elementor-9618 .elementor-nav-menu--main .elementor-item:focus-visible svg,
.elementor-9618 .elementor-nav-menu--main .elementor-item:focus-visible i {
	color: #fff !important;
	fill: #fff;
}

.elementor-9618 .elementor-nav-menu--main .elementor-item.elementor-item-active:hover .e-font-icon-svg,
.elementor-9618 .elementor-nav-menu--main .elementor-item.elementor-item-active:hover svg,
.elementor-9618 .elementor-nav-menu--main .elementor-item.elementor-item-active:hover i,
.elementor-9618 .elementor-nav-menu--main .elementor-item.elementor-item-active:focus-visible .e-font-icon-svg,
.elementor-9618 .elementor-nav-menu--main .elementor-item.elementor-item-active:focus-visible svg,
.elementor-9618 .elementor-nav-menu--main .elementor-item.elementor-item-active:focus-visible i,
.elementor-9618 .elementor-nav-menu--main .elementor-item.highlighted:hover .e-font-icon-svg,
.elementor-9618 .elementor-nav-menu--main .elementor-item.highlighted:hover svg,
.elementor-9618 .elementor-nav-menu--main .elementor-item.highlighted:hover i {
	color: #fff !important;
	fill: #fff;
}

/* Header nav — sem ícones nos itens (caret / indicador de submenu) */
.elementor-9618 .elementor-element-74299301 .elementor-nav-menu .sub-arrow,
.elementor-9618 .elementor-element-74299301 .elementor-nav-menu--main .elementor-item > i,
.elementor-9618 .elementor-element-74299301 .elementor-nav-menu--main .elementor-item > svg,
.elementor-9618 .elementor-element-74299301 .elementor-nav-menu--main .elementor-item > .e-font-icon-svg {
	display: none !important;
}

/* Header — submenus / dropdown (fundo vermelho, texto branco) */
@media (min-width: 1025px) {
	.elementor-9618 .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children {
		position: relative;
		display: inline-flex;
		flex-direction: column;
		align-items: stretch;
	}

	.elementor-9618 .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children > a.elementor-item {
		width: 100%;
		box-sizing: border-box;
	}

	/* Largura do dropdown: no mínimo a do botão; cresce se o texto dos itens for maior */
	.elementor-9618 .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children > ul.sub-menu.elementor-nav-menu--dropdown,
	.elementor-9618 .elementor-element-74299301 .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children > ul.sub-menu.elementor-nav-menu--dropdown {
		position: absolute;
		top: calc(100% + 6px);
		left: 0 !important;
		right: auto !important;
		width: max-content !important;
		min-width: 100% !important;
		max-width: min(100vw - 2.5rem, max-content) !important;
		margin-top: 0 !important;
		box-sizing: border-box;
	}
}

.elementor-9618 ul.sub-menu.elementor-nav-menu--dropdown,
.elementor-9618 .elementor-element-74299301 ul.sub-menu.elementor-nav-menu--dropdown {
	background-color: var(--as-accent) !important;
	border: 1px solid var(--as-accent) !important;
	border-radius: 14px !important;
	overflow: hidden;
	box-shadow: var(--as-header-chip-shadow);
	padding: 0 !important;
	margin-top: 6px !important;
	min-width: 100%;
	width: max-content;
	max-width: min(100vw - 2.5rem, max-content);
	box-sizing: border-box;
}

.elementor-9618 nav.elementor-nav-menu--dropdown.elementor-nav-menu__container,
.elementor-9618 .elementor-element-74299301 nav.elementor-nav-menu--dropdown {
	background-color: var(--as-accent) !important;
	border-color: var(--as-accent) !important;
	border-radius: 14px !important;
	overflow: hidden;
	box-shadow: var(--as-header-chip-shadow);
}

.elementor-9618 .elementor-nav-menu--dropdown a,
.elementor-9618 .elementor-nav-menu--dropdown .elementor-sub-item,
.elementor-9618 .elementor-element-74299301 .elementor-nav-menu--dropdown a,
.elementor-9618 .elementor-element-74299301 .elementor-nav-menu--dropdown .elementor-sub-item {
	color: #fff !important;
	fill: #fff !important;
	background-color: var(--as-accent) !important;
	border-radius: 0 !important;
	border: none !important;
	padding: 12px 16px !important;
	display: block !important;
	width: 100% !important;
	box-sizing: border-box;
	text-align: center;
	white-space: nowrap;
}

.elementor-9618 ul.sub-menu.elementor-nav-menu--dropdown > li:only-child > a,
.elementor-9618 .elementor-element-74299301 ul.sub-menu.elementor-nav-menu--dropdown > li:only-child > a {
	border-radius: 14px !important;
}

.elementor-9618 ul.sub-menu.elementor-nav-menu--dropdown > li:first-child > a,
.elementor-9618 .elementor-element-74299301 ul.sub-menu.elementor-nav-menu--dropdown > li:first-child > a {
	border-top-left-radius: 14px !important;
	border-top-right-radius: 14px !important;
}

.elementor-9618 ul.sub-menu.elementor-nav-menu--dropdown > li:last-child > a,
.elementor-9618 .elementor-element-74299301 ul.sub-menu.elementor-nav-menu--dropdown > li:last-child > a {
	border-bottom-left-radius: 14px !important;
	border-bottom-right-radius: 14px !important;
}

.elementor-9618 .elementor-nav-menu--dropdown a:hover,
.elementor-9618 .elementor-nav-menu--dropdown a:focus,
.elementor-9618 .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-9618 .elementor-nav-menu--dropdown a.highlighted,
.elementor-9618 .elementor-element-74299301 .elementor-nav-menu--dropdown a:hover,
.elementor-9618 .elementor-element-74299301 .elementor-nav-menu--dropdown a:focus,
.elementor-9618 .elementor-element-74299301 .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-9618 .elementor-element-74299301 .elementor-nav-menu--dropdown a.highlighted {
	color: #fff !important;
	fill: #fff !important;
	background-color: var(--as-accent-hover) !important;
}

.elementor-9618 .elementor-nav-menu--dropdown li:not(:last-child) a,
.elementor-9618 .elementor-nav-menu--dropdown li:not(:last-child) .elementor-sub-item,
.elementor-9618 .elementor-element-74299301 .elementor-nav-menu--dropdown li:not(:last-child) a,
.elementor-9618 .elementor-element-74299301 .elementor-nav-menu--dropdown li:not(:last-child) .elementor-sub-item,
.elementor-9618 ul.sub-menu.elementor-nav-menu--dropdown > li:not(:last-child) > a {
	border-bottom: 0.7px solid #ffffff !important;
}

.tutor-alert.tutor-success {
	border-color: var(--as-success);
	color: var(--as-success-active);
}

.tutor-form-check-input:focus {
	box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.35);
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		transition-duration: 0.01ms !important;
	}
}
