@import url('bs-override.css');
@import url('fonts.css');

:root {
	--font-primary: 'Montserrat';
	--font-secondary: 'Cormorant Infant';

	--color-black: #1a1a1a;
}

body {
	font-family: var(--font-primary);
	font-size: clamp(0.75rem, calc(0.625rem + 0.3571vw), 0.9375rem);
	line-height: 1.5;
	color: var(--color-black);
}

h1,
h2,
h3 {
	font-family: var(--font-secondary);
	font-weight: 500;
	margin: 0.5em 0;
	line-height: 1;
}

.header-top {
	border-bottom: 0;
	background: var(--color-primary-light);
}

.header-block__badge {
	background: var(--color-primary);
	color: white;
	line-height: 1.6;
}

.header-bottom {
	padding: 10px 0;

	.navbar-brand .logo {
		padding: 10px 0;
	}
}

div.header-bottom__container > div.header-bottom__row {
	align-items: center !important;
}

.main-menu__tree {
	gap: 20px;
	row-gap: 10px;
}

.main-menu__tree>li>a {
	padding: 0;
}

.main-menu > .js-menu-desktop {
	margin: auto;

	@media (max-width: 1400px) {
		font-size: .9em;
	}
}

.main-menu__tree>li {
	position: relative;
}

.main-menu__tree>li:hover .menu-container {
	top: 20px !important;
	width: 280px;
}
.main-menu__tree>li:hover .menu-container .container .row.row-cols-4 {
	flex-direction: column;

	&>* {
		width: 100%;
	}
}

.carousel {

	.carousel-control-next,
	.carousel-control-prev {
		display: none;
	}

	.carousel-caption {
		margin: auto;
	}
}

.ratio-homeSlider {
	h2.display-1 {
		text-align: center;
		color: white;
	}
}

.custom-checkbox input[type=checkbox]+span.color.active,
.custom-checkbox input[type=checkbox]+span.color:hover,
.variant-links .color.active,
.variant-links .color:hover,
label .color.active,
label .color:hover,
.thumbnails__container .thumbnail.active img {
	border-color: var(--bs-primary);
}

.form-control,
.modal.product-comment-modal .form-control,
.modal.product-comment-modal textarea,
#search_widget form input {
	border-radius: 0;
}

#search_widget form i.material-icons {
	padding: 11px;
	font-size: 18px;
}
#search_widget form input {
	padding: 10px;
	padding-left: 35px;
	font-size: .8rem;
}

.product-miniature .product-miniature__image-container {
	border-radius: 0;
}

.footer .copyright a {
	color: var(--color-black);
}

.page-product .product__images .carousel {
	border-radius: 0;
}

.thumbnails__container .thumbnail img {
	border-radius: 0;
}

.product-miniature .product-miniature__infos {
	margin: -20px 20px 0 20px;
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
}

.product-miniature .product-miniature__infos__top a>p {
	color: black;
	text-align: center;
	font-family: var(--font-secondary);
	font-size: 1.5em;
}

.product-miniature .card:hover {
	filter: none;
}

.subcategory {
	border: 0;
	border-radius: 0;
	flex-direction: column;
}

.breadcrumb__wrapper {
	background: transparent;
}

.subcategory__body {
	margin: 0 20px;
	width: 100%;
	padding: 0 20px;
	margin-top: -20px;

	.subcategory__body__container {
		text-align: center;
		width: 100%;
		padding: 20px 10px;
		box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);

		.subcategory__name {
			font-size: 2rem;
			margin: 0;
			margin-bottom: 15px;
		}

		.subcategory__description {
			color: var(--color-black);
		}
	}
}

.subcategory__image {
	width: 100%;
	aspect-ratio: 3 / 2;

	img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.footer {
	.container {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 50px;

		.footer__main__top>p {
			border-top: 1px solid var(--color-primary);
			padding-top: 50px;
		}

		.footer__main__bottom img {
			max-width: 180px;
			height: auto;
		}
	}

	.copyright {
		display: none;
	}
}

@media (max-width: 767.98px) {
	.footer .container {
		flex-direction: column-reverse;
	}
}

@media only screen and (min-width: 992px) {
	#search_widget {
		min-width: 100px;
		max-width: 180px;
	}
}