/* Desktop dock. An Elementor breakpoint template (alovesinh_cta_add_breakpoint_template()): Elementor writes the
	Kit's breakpoints into the ELEMENTOR_SCREEN_* placeholders, so the breakpoint is never written here.
	Overrides the bar layout of the base sheet. */

/* The height test keeps the bar on landscape phones no taller than the phone breakpoint. */
@media (min-width: 561px) and (min-height: 561px) {
	.alv-cta {
		right: var(--alv-cta-dock-edge);
		bottom: var(--alv-cta-dock-bottom);
		left: auto;
	}

	.alv-cta-left {
		right: auto;
		left: var(--alv-cta-dock-edge);
	}

	.alv-cta-dock,
	.alv-cta-list {
		flex-direction: column;
		gap: var(--alv-sp-0b);
	}

	.alv-cta-dock {
		width: var(--alv-w-cta-dock);
		padding: var(--alv-sp-1);
		border: var(--alv-bd-hairline) solid var(--alv-c-border);
		border-radius: var(--alv-r-4);
		box-shadow: 0 var(--alv-sp-2c) var(--alv-sp-4b) var(--alv-c-ink-cloud);
	}

	.alv-cta-mobile-off .alv-cta-dock {
		display: flex;
	}

	.alv-cta-desktop-off .alv-cta-dock {
		display: none;
	}

	.alv-cta-title {
		display: block;
	}

	.alv-cta-label {
		display: inline;
	}

	.alv-cta-list {
		flex: 0 1 auto;
		min-width: auto;
		overflow-x: visible;
		scroll-snap-type: none;
		scrollbar-width: auto;
	}

	.alv-cta-item,
	.alv-cta-call {
		flex-direction: row;
		justify-content: normal;
		gap: var(--alv-sp-2);
		height: auto;
	}

	.alv-cta-item {
		flex: 0 1 auto;
		scroll-snap-align: none;
		padding: 0 var(--alv-sp-1c);
		border-radius: var(--alv-r-1);
		color: var(--alv-c-ink);
		font-size: var(--alv-fs-2a);
	}

	.alv-cta-item .alv-cta-icon {
		width: var(--alv-sp-4);
		height: var(--alv-sp-4);
		background: var(--alv-cta-color);
		color: var(--alv-c-white);
	}

	.alv-cta-icon svg {
		width: var(--alv-sp-2d);
		height: var(--alv-sp-2d);
	}

	.alv-cta-short {
		display: none;
	}

	/* The dock's radius less the dock's padding, or the call slot's corners stop nesting inside the dock's. */
	.alv-cta-call {
		flex: 0 1 auto;
		justify-content: center;
		margin-top: var(--alv-sp-0d);
		padding-inline: 0;
		border-radius: calc(var(--alv-r-4) - var(--alv-sp-1));
		background: var(--alv-cta-color);
		color: var(--alv-c-white);
		font-size: var(--alv-fs-cta);
	}

	.alv-cta-call .alv-cta-icon {
		color: var(--alv-c-white);
	}

	.alv-cta-top {
		position: fixed;
		bottom: var(--alv-cta-top-bottom);
		display: flex;
	}
}