/* ==========================================================================
   Automora Pricing Card (automora-pricing)
   Figma: Pricing 3:2467 (vertical cards), Home 1 3:933, Home 2 17:794 (wide rows).
   ========================================================================== */

:where(.e-con, .e-con-inner) > .elementor-widget-automora-pricing { width: 100%; min-width: 0; }

.am-price-root { display: flex; flex-direction: column; gap: 24px; height: 100%; }

.am-price {
	--am-price-pad: 12px;
	--am-price-inner-x: 18px;
	--am-price-glow: var(--am-w-orange);
	--am-price-glow-o: 1;
	--am-price-glow-x: 0px;
	--am-price-glow-y: 0px;
	--am-price-sheen: 1;
	position: relative; isolation: isolate;
	display: flex; flex: 1 1 auto; flex-direction: column; gap: 16px;
	min-width: 0; padding: var(--am-price-pad); overflow: hidden;
	background-color: var(--am-w-card); border: 0 solid transparent; border-radius: 30px;
	box-shadow: inset 0 -0.494px 1.483px #A4A4A4;
	color: var(--am-w-text);
}
.am-price--highlight { border: 2px solid var(--am-w-orange); }

/* Decorations ------------------------------------------------------------- */
.am-price__glow {
	position: absolute; z-index: 0; left: -27px; top: -237px; width: 634px; height: 485px;
	pointer-events: none; opacity: var(--am-price-glow-o);
	background-color: var(--am-price-glow);
	transform: translate(var(--am-price-glow-x), var(--am-price-glow-y)) rotate(-161.16deg);
	-webkit-mask-image: var(--am-price-glow-img); mask-image: var(--am-price-glow-img);
	-webkit-mask-size: 100% 100%; mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
	-webkit-mask-position: center; mask-position: center;
}
.am-price__glow--blob {
	left: -20%; top: -260px; width: 120%; height: 420px; transform: translate(var(--am-price-glow-x), var(--am-price-glow-y));
	background: radial-gradient(closest-side, var(--am-price-glow), transparent);
	-webkit-mask-image: none; mask-image: none; filter: blur(40px);
}
/* Soft diagonal light beams at the top-right (Figma spotlight mask). */
.am-price__sheen {
	position: absolute; z-index: 0; top: -5px; right: -106px; width: 310px; height: 222px; pointer-events: none;
	opacity: var(--am-price-sheen);
	background:
		linear-gradient(225deg, transparent 34%, rgba(255, 255, 255, .16) 37%, transparent 41%),
		linear-gradient(225deg, transparent 45%, rgba(255, 255, 255, .12) 48%, transparent 53%),
		linear-gradient(225deg, transparent 57%, rgba(255, 255, 255, .08) 59%, transparent 63%);
	filter: blur(6px);
	-webkit-mask-image: radial-gradient(ellipse at 70% 0, #000 25%, transparent 72%);
	mask-image: radial-gradient(ellipse at 70% 0, #000 25%, transparent 72%);
}

/* Header + price ---------------------------------------------------------- */
.am-price__main { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 20px; padding: 17px var(--am-price-inner-x) 0; min-width: 0; }
.am-price__head { display: flex; align-items: center; gap: 19px; min-height: 48px; margin-bottom: -2px; }
.am-price__chip {
	--am-price-chip-icon: 18px;
	display: inline-flex; flex: none; align-items: center; justify-content: center;
	width: 48px; height: 48px; border-radius: 50%; color: #F9F9F9; box-sizing: border-box;
}
.am-price__chip--glass {
	border: .727px solid #000; background-color: rgba(255, 255, 255, .09);
	-webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
	box-shadow: inset 0 -0.36px 1.079px #A4A4A4, inset 0 -0.36px 1.079px #3E3E3E;
}
.am-price__chip img, .am-price__chip svg { display: block; width: var(--am-price-chip-icon); height: var(--am-price-chip-icon); object-fit: contain; }
.am-price__chip i { font-size: var(--am-price-chip-icon); }
.am-price__name.am-price__name {
	margin: 0; min-width: 0; font-family: var(--am-w-body); font-size: 24px; font-weight: 500; line-height: 1.2;
	letter-spacing: -0.05em; color: #F7F7F7; overflow-wrap: anywhere;
}
.am-price__badge {
	margin-left: auto; padding: 7px 12px; border-radius: 60px; background-color: var(--am-w-orange); color: #fff;
	font-family: var(--am-w-head); font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: -0.02em;
	text-transform: uppercase; white-space: nowrap;
}
.am-price__divider {
	display: block; flex: none; height: 1px; background-color: #262627;
	margin: 0 calc(-1 * (var(--am-price-inner-x) + var(--am-price-pad)));
}
.am-price__pricing { display: flex; flex-direction: column; gap: 16px; padding-top: 9px; }
.am-price__amount { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 6px; row-gap: 4px; margin: 0; font-family: var(--am-w-head); }
.am-price__figure {
	font-family: var(--am-w-head); font-size: 44px; font-weight: 500; line-height: 1; letter-spacing: -0.09em;
	color: #F7F7F7; font-variant-numeric: tabular-nums; white-space: nowrap;
}
.am-price__period { font-family: var(--am-w-head); font-size: 24px; font-weight: 400; line-height: 1.2; letter-spacing: -0.09em; color: #979797; }
.am-price__subtitle { margin: 0; font-family: var(--am-w-head); font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.03em; color: #979797; }

/* Features panel ---------------------------------------------------------- */
.am-price__panel {
	position: relative; z-index: 1; display: flex; flex: 1 1 auto; flex-direction: column; gap: 22px;
	min-width: 0; padding: 43px 20px 32px 40px; border-radius: 22px; background-color: #201717; overflow: hidden;
}
.am-price__features-title { margin: 0; font-family: var(--am-w-body); font-size: 20px; font-weight: 500; line-height: 1.2; letter-spacing: -0.05em; color: #F7F7F7; }
.am-price__features { --am-price-row-gap: 12px; --am-price-tick: 15px; margin: 0; padding: 0; list-style: none; column-gap: 24px; }
.am-price__feature {
	display: flex; align-items: center; gap: 12px; margin: 0 0 var(--am-price-row-gap); padding: 0;
	break-inside: avoid; -webkit-column-break-inside: avoid;
	font-family: var(--am-w-body); font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: -0.02em; color: #979797;
}
.am-price__feature:last-child { margin-bottom: 0; }
.am-price__feature::before { content: none; } /* theme list bullets */
.am-price__tick { display: inline-flex; flex: none; align-items: center; justify-content: center; width: var(--am-price-tick); height: var(--am-price-tick); color: #F7F7F7; }
.am-price__tick img, .am-price__tick svg { display: block; width: 100%; height: 100%; object-fit: contain; }
.am-price__tick i { font-size: var(--am-price-tick); line-height: 1; }
.am-price__dash { color: rgba(247, 247, 247, .35); }
.am-price__dash::before { content: ""; width: 66%; height: 1.5px; border-radius: 2px; background-color: currentColor; }
.am-price__feature.is-excluded { color: rgba(151, 151, 151, .45); }
.am-price__feature.is-excluded .am-price__feature-text { text-decoration: line-through; text-decoration-color: rgba(151, 151, 151, .35); }

.am-price__button { display: flex; margin-top: auto; padding-top: 4px; }
.am-price__button--full .am-button { width: 100%; }
/* Highlighted plan: orange arrow circle on the soft pill (Figma Growth card). */
.am-price--highlight .am-price__button .am-button--soft { --am-btn-icon-bg: var(--am-w-orange); --am-btn-icon-bg-hover: var(--am-w-orange); --am-btn-icon-fg: #F9F9F9; }

/* Wide row layout (Home 2) ------------------------------------------------- */
.am-price-layout-horizontal .am-price { --am-price-pad: 10px; --am-price-inner-x: 20px; --am-price-panel-w: 640px; flex-direction: row; gap: 20px; }
.am-price-layout-horizontal .am-price__main { flex: 1 1 auto; padding-top: 19px; padding-bottom: 20px; }
.am-price-layout-horizontal .am-price__divider { margin-right: calc(-1 * var(--am-price-inner-x)); }
.am-price-layout-horizontal .am-price__panel { flex: 0 1 var(--am-price-panel-w); max-width: 60%; padding: 30px; }
.am-price-layout-horizontal .am-price__glow { left: -190px; top: -288px; width: 640px; height: 584px; transform: translate(var(--am-price-glow-x), var(--am-price-glow-y)) rotate(144.78deg); }
.am-price-layout-horizontal .am-price__sheen { right: auto; left: 190px; }
@media (max-width: 1024px) {
	.am-price-layout-horizontal .am-price { flex-direction: column; gap: 16px; }
	.am-price-layout-horizontal .am-price__main { padding-bottom: 0; }
	.am-price-layout-horizontal .am-price__divider { margin-right: calc(-1 * (var(--am-price-inner-x) + var(--am-price-pad))); }
	.am-price-layout-horizontal .am-price__panel { flex: 1 1 auto; max-width: none; }
}

@media (max-width: 767px) {
	.am-price__panel { padding: 32px 20px 24px 24px; }
	.am-price__figure { font-size: 40px; }
	.am-price__period { font-size: 20px; }
	.am-price__name.am-price__name { font-size: 22px; }
	.am-price-layout-horizontal .am-price__panel { padding: 28px 20px 24px; }
}

/* Billing switch ----------------------------------------------------------- */
.am-price-switch-wrap { display: flex; justify-content: center; }
.am-price-switch {
	--am-switch-track: #2E2626; --am-switch-track-on: var(--am-w-orange); --am-switch-knob: #F9F9F9;
	display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px;
	padding: 8px 18px; border: 1px solid var(--am-w-line); border-radius: 60px; background-color: rgba(255, 255, 255, .04);
	font-family: var(--am-w-head); font-size: 16px; font-weight: 500; line-height: 1.2; color: #979797;
}
.am-price-switch__label { cursor: pointer; transition: color .3s var(--am-w-ease); -webkit-user-select: none; user-select: none; }
.am-price-switch__label.is-active { color: #F9F9F9; }
.am-price-switch__knob {
	position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%;
	background-color: var(--am-switch-knob); box-shadow: 0 2px 6px rgba(0, 0, 0, .35);
	transition: transform .4s var(--am-w-ease);
}
.am-price-switch__btn[aria-checked="true"] .am-price-switch__knob { transform: translateX(22px); }
.am-price-switch__note {
	padding: 5px 10px; border-radius: 60px; background-color: rgba(253, 67, 11, .14); color: var(--am-w-orange);
	font-size: 13px; font-weight: 600; line-height: 1; white-space: nowrap;
}

/* Shield the switch <button> from Elementor Site Settings > Buttons (0,1,1 / 0,2,1). */
.am-price-switch button.am-price-switch__btn,
.am-price-switch button.am-price-switch__btn:hover,
.am-price-switch button.am-price-switch__btn:focus {
	position: relative; display: inline-block; flex: none; width: 48px; height: 26px; min-height: 0; margin: 0; padding: 0;
	border: 0; border-radius: 26px; background-color: var(--am-switch-track); background-image: none; box-shadow: none;
	color: inherit; font: inherit; letter-spacing: normal; text-transform: none; cursor: pointer;
	transition: background-color .35s var(--am-w-ease);
}
.am-price-switch button.am-price-switch__btn[aria-checked="true"],
.am-price-switch button.am-price-switch__btn[aria-checked="true"]:hover,
.am-price-switch button.am-price-switch__btn[aria-checked="true"]:focus { background-color: var(--am-switch-track-on); }
.am-price-switch button.am-price-switch__btn:focus { outline: none; }
.am-price-switch button.am-price-switch__btn:focus-visible { outline: 2px solid var(--am-w-orange); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
	.am-price-switch__knob, .am-price-switch button.am-price-switch__btn, .am-price-switch__label { transition: none; }
}