// Tablet
.elementor-widget.vamtam-has-theme-widget-styles {
	&.vamtam-has-hr-layout {
		&.vamtam-has-nav {
			@nav-btn-width: 60px;
			@nav-btn-height: 60px;
			@def-btn-x: -30px;
			@def-btn-y: 50%;

			&.vamtam-nav-pos-tablet- {
				@nav-btns-gap: var(--vamtam-nav-btns-gap, 20px);
				@nav-btns-spacing: var(--vamtam-nav-btns-spacing, 10px);

				&top-,
				&bottom- {
					&left {
						.vamtam-nav-btn-prev {
							left: 0;
							right: auto;
						}
						.vamtam-nav-btn-next {
							left: calc(@nav-btn-width + @nav-btns-gap);
							right: auto;
						}
					}

					&right {
						.vamtam-nav-btn-prev {
							left: auto;
							right: calc(@nav-btn-width + @nav-btns-gap);
						}
						.vamtam-nav-btn-next {
							left: auto;
							right: 0;
						}
					}

					&center {
						.vamtam-nav-btn-prev {
							left: calc(50% - @nav-btn-width - (@nav-btns-gap / 2));
							right: auto;
						}
						.vamtam-nav-btn-next {
							left: auto;
							right: calc(50% - @nav-btn-width - (@nav-btns-gap / 2));
						}
					}
				}

				&top- {
					&left,
					&right,
					&center {
						.vamtam-nav-btn {
							top: 0;
							bottom: auto;
							transform: translateY(calc((100% + @nav-btns-spacing) * -1));
						}
					}
				}

				&bottom- {
					&left,
					&right,
					&center {
						.vamtam-nav-btn {
							top: auto;
							bottom: 0;
							transform: translateY(calc(100% + @nav-btns-spacing));
						}
					}
				}

				&custom {
					.vamtam-nav-btn-prev {
						left: var(--vamtam-nav-prev-x, @def-btn-x);
						top: var(--vamtam-nav-prev-y, @def-btn-y);
						right: auto;
						bottom: auto;
					}
					.vamtam-nav-btn-next {
						right: var(--vamtam-nav-next-x, @def-btn-x);
						top: var(--vamtam-nav-next-y, @def-btn-y);
						left: auto;
						bottom: auto
					}
				}

				&default {
					.vamtam-nav-btn-prev {
						left: @def-btn-x;
						top: @def-btn-y;
						right: auto;
						bottom: auto;
					}
					.vamtam-nav-btn-next {
						right: @def-btn-x;
						top: @def-btn-y;
						left: auto;
						bottom: auto
					}
				}
			}

			&:not(.vamtam-has-nav-on-mobile) {
				.vamtam-nav {
					display: none;
				}
			}
		}
	}
}
