@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=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');

* { font-family: 'Raleway', sans-serif; }

.text-golden { color: #CB8161 !important; }
.bg-golden { background-color: #CB8161 !important; }
.border-golden { border: 1px solid #CB8161 !important; }

header { z-index: 1021; }
header .logo { height: 48px; }
header .dropdown-menu { max-height: calc(100vh - 130px); overflow: auto; width: 200px; z-index: 9999; }
header .dropdown-menu a:hover { background-color: transparent; color: #CB8161; }

body { padding-top: 96px; }
body.with-name { padding-top: 137px; }
body.with-bar { padding-top: 122px; }
body.with-name.with-bar { padding-top: 163px; }

#carouselBanners .tns-controls { left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 3; }
#carouselBanners .tns-controls button { background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; border: none; color: #F6C40F; height: 24px; position: absolute; width: 24px; }
#carouselBanners .tns-controls button[data-controls="prev"] { background-image: url('../img/ico-arrow-prev.svg'); left: 15px; }
#carouselBanners .tns-controls button[data-controls="next"] { background-image: url('../img/ico-arrow-next.svg'); right: 15px; }

.tns-controls { left: 0; position: absolute; top: 30%; width: 100%; }
body [data-controls="prev"], body [data-controls="next"] { background-color: transparent; background-position: center center; background-repeat: no-repeat; border: 0; height: 24px; padding: 0; position: absolute; width: 24px; }
body [data-controls="prev"] { background-image: url('../img/ico-arrow-prev.svg'); }
body [data-controls="next"] { background-image: url('../img/ico-arrow-next.svg'); right: 0; }

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

ol.breadcrumb { text-transform: uppercase; }
ol.breadcrumb a { color: #000; }
ol.breadcrumb li.active { color: #CE886A; font-weight: 600; }

.page-item:not(:first-child) .page-link { margin-left: 0; }
.page-link { border: none; color: #999; }
.page-link:hover, .page-link:focus { background-color: #FFF; box-shadow: none; color: #999; }

.active > .page-link, .page-link.active { background-color: #CB8161 !important; border-radius: 8px; }
.active > .page-link, .page-link.active :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); }

.menu-categories > ul > li ul { list-style: none; padding-left: 20px; }
.menu-categories a { color: #000; }
.menu-categories a:hover { color: #CB8161; }

.featuredCategories .ratio { width: 220px; }

.longDescription, .short_description { overflow: hidden; }
.longDescription figure img, .longDescription p img, .short_description figure img, .short_description p img { max-width: 100%; height: auto; }
.longDescription figure, .short_description figure { display: block; margin: 20px auto; max-width: 100%; }
.longDescription figure img, .short_description figure img { display: block; margin: 20px auto; }
.longDescription figure.image-style-side, .short_description figure.image-style-side { float: right; margin: 20px 0 20px 20px; }

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

.shipping_type.active::after, .payment_method.active::after { color: var(--bs-green); content: '\F26A'; display: block; font-family: 'bootstrap-icons'; height: 16px; position: absolute; right: 5px; top: 5px; width: 16px; }

#cardPaymentBrick_container form { padding: 0 !important; }

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


.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; }

@media( max-width: 767px ) {
	body { padding-top: 80px; }
	body .mobile-nav { left: -100%; padding-top: 80px; transition: all ease-in-out .3s; z-index: 3; }
	body .mobile-nav.active { left: 0; }
	body.with-bar { padding-top: 106px; }
	body.with-bar .mobile-nav { padding-top: 106px; }
	body.with-name { padding-top: 118px; }
	body.with-name .mobile-nav { padding-top: 118px; }
	body.with-name.with-bar { padding-top: 144px; }
	body.with-name.with-bar .mobile-nav { padding-top: 144px; }

	header .menu { width: 35px; }
	header .menu span { height: 2px; transition: all ease-in-out .3s; }
	header .menu.active span:first-child { transform: rotate(45deg); }
	header .menu.active span:nth-child(2) { opacity: 0; }
	header .menu.active span:last-child { transform: rotate(-45deg); margin-top: -11px; }

	.featuredCategories .ratio { width: 130px; }
}