@import "../../../css/theme.css";
@import "../../../css/custom.css";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');


* {
	font-family: 'Helvetica Neue', 'Roboto', sans-serif;
}

.text-golden {
	color: #B1A599;
}

.bg-golden {
	background-color: #B1A599;
}

.border-golden {
	border-color: #B1A599 !important;
}

header {
	background-color: #2E2E2E;
	z-index: 101;

	.logo {
		height: 48px;
	}

	a {
		color: #FFF;

		&:hover{
			color: #B1A599;
		}
	}

	.dropdown {
		button {
			color: #FFF;

			&:hover{
				color: #B1A599;
			}
		}

		.dropdown-menu {
			border: none;
			border-top: 5px solid #B1A599;
			max-height: calc(100vh - 130px);
			overflow: auto;
			width: 200px;
			z-index: 9999;

			a:hover {
				background-color: transparent;
				color: #B1A599;
			}
		}
	}
}

body {
	background-color: #2E2E2E;
	color: #FFF;
	padding-top: 153px;

	&.with-name {
		padding-top: 189px;
	}

	&.with-bar {
		padding-top: 179px;
	}

	&.with-name.with-bar {
		padding-top: 215px;
	}
}

.tns-nav {
	bottom: 15px;
	display: flex;
	justify-content: center;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 2;

	button {
		border: 3px solid #B1A599;
		border-radius: 50%;
		display: block;
		height: 20px;
		margin: 0 5px;
		opacity: 1;
		width: 20px;

		&.tns-nav-active {
			border-color: #FFF;
		}
	}
}


.icos {
	border-top: 20px solid #B1A599;
}

.offcanvas {
	background-color: #212121;
}

.tns-controls {
	left: 0;
	position: absolute;
	top: 38%;
	width: 100%;

	[data-controls="prev"], [data-controls="next"] {
		background-color: transparent;
		background-position: center center;
		background-repeat: no-repeat;
		border: 0;
		height: 24px;
		padding: 0;
		position: absolute;
		width: 24px;
	}

	[data-controls="prev"] {
		background-image: url('https://emidica.com/img/templates/theme-2/ico-arrow-prev.svg');
	}
	[data-controls="next"] {
		background-image: url('https://emidica.com/img/templates/theme-2/ico-arrow-next.svg');
		right: 0;
	}
}

.bg-dark-1 {
	background-color: #2E2E2E;
}

.bg-dark-2 {
	background-color: #212121;
}

.accordion-button::after {
	filter: invert(100%);
}

.accordion-button:not(.collapsed) {
	background-color: #212121;
}

.accordion-button:not(.collapsed)::after {
	filter: invert(0%);
}

footer {
	.logo {
		max-height: 45px;
		max-width: 115px;
	}
}

ol.breadcrumb {
	text-transform: uppercase;

	a {
		color: #FFF;
	}

	li.active {
		color: #FFF;
		font-weight: 700;
	}

	.breadcrumb-item + .breadcrumb-item::before {
		color: #FFF;
	}
}

.off {
	border-radius:  0 19px 19px 0;
}



.page-item:not(:first-child) .page-link {
    margin-left: 0;
}

.page-link {
	background-color: transparent;
	border: none;
	color: #FFF;

	&:hover, &:focus {
		background-color: #FFF;
		box-shadow: none;
		color: #999;
	}
}

.page-link:hover, .page-link:focus {
	background-color: transparent;
	color: #B1A599;
}

.disabled>.page-link, .page-link.disabled {
	background-color: transparent;
}

.active > .page-link, .page-link.active {
	background-color: #B1A599 !important;
	border-radius: 8px;

	&:hover {
		color: #FFF;
	}
}

.pagination {
	margin: 0;
}

.menu-categories li.active > div > a { color: #CB8161; }
.menu-categories button { transition: all ease-in-out .3s;}
.menu-categories button.active { transform: rotate(90deg); }


.border-dashed.active { border-color: #3fca90 !important; }
.shipping_type.active::after, .payment_method.active::after { color: #3fca90; content: '\F26A'; display: block; font-family: 'bootstrap-icons'; height: 16px; position: absolute; right: 5px; top: 5px; width: 16px; }

.cards {
	.visa {
		width: 95px;
	}
	.master {
		width: 71px;
	}
	.cirrus {
		width: 76px;
	}
	.mp {
		width: 100px;
	}
	.nx {
		width: 133px;
	}
}

.border-top-golden {
	border-top: 5px solid #B1A599;
}

.longDescription, .short_description {
	overflow: hidden;

	figure, p {
		img {
			max-width: 100%;
			height: auto;
		}
	}

	figure {
		display: block;
		margin: 20px auto;
		max-width: 100%;

		img {
			display: block;
			margin: 20px auto;
		}

		&.image-style-side {
			float: right;
			margin: 20px 0 20px 20px;
		}
	}
}

.tns-ovh {
	padding-bottom: 1px;
}

.shipping_type, .payment_method {
	&.active::after {
		background-image: url(https://emidica.com/img/icos/ico-check-c.svg);
		content: '';
		display: block;
		height: 16px;
		position: absolute;
		right: 5px;
		top: 5px;
		width: 16px;
	}
}

figure.image.image_resized {
	img {
		width: 100%;
	}
}


@media( max-width: 767px ) {
	body {
		padding-top: 80px;

		.mobile-nav {
			left: -100%;
			padding-top: 80px;
			transition: all ease-in-out .3s;
			z-index: 3;

			&.active {
				left: 0;
			}
		}

		&.with-bar {
			padding-top: 106px;

			.mobile-nav {
				padding-top: 106px;
			}
		}

		&.with-name {
			padding-top: 116px;

			.mobile-nav {
				padding-top: 116px;
			}
		}

		&.with-name.with-bar {
			padding-top: 142px;

			.mobile-nav {
				padding-top: 142px;
			}
		}
	}

	header {
		.menu {
			width: 35px;

			span {
				height: 2px;
				transition: all ease-in-out .3s;
			}

			&.active {
				span:first-child {
					transform: rotate(45deg);
				}
				span:nth-child(2) {
					opacity: 0;
				}
				span:last-child {
					transform: rotate(-45deg);
					margin-top: -11px;
				}
			}
		}
	}

	.cards {
		.visa {
			width: 55px;
		}
		.master {
			width: 45px;
		}
		.cirrus {
			width: 45px;
		}
		.mp {
			width: 60px;
		}
		.nx {
			width: 80px;
		}
	}
}