@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=Archivo:ital,wght@0,100..900;1,100..900&display=swap');


.bg-golden { background-color: #F6C40F; }
input { font-family: 'Archivo', sans-serif; }

html, body { background: #F9F8F8; font-family: 'Archivo', sans-serif; }

header { z-index: 1021; }
header .logo { max-height: 48px; }
header .dropdown-menu { max-height: calc(100vh - 130px); overflow: auto; width: 200px; z-index: 9999; }
header .menu { width: 30px; }
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; }

body { padding-top: 93px; }
body.with-name { padding-top: 137px; }
body.with-bar { padding-top: 119px; }
body.with-name.with-bar { padding-top: 163px; }

#carouselBanners .tns-controls { left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; }
#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; }

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

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

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

#thumbnail-carousel-track { height: 516px !important; }

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

.breadcrumb-item.active{
	color: #F6C40F;
}

#bg-category::before{
	content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

#bg-category{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#bg-category h1, #bg-category .d-flex {
	position: relative;
	z-index: 2;
}

.product-detail .cash-price{
	margin-bottom: 20px;
}

.img-review .btn{
    height: inherit;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.img-review .btn i{
	color: white;
}

.bodyProduct .btn-whatsapp {
    display: none;
}

#contact-footer .bi-whatsapp{
	color: white;
    background-color: #198754;
    border-radius: 50%;
    padding: 10px;
    display: flex;
}
#contact-footer .scroll-top-btn{
  display: none;
}


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

@media (max-width: 768px) {
	.btn-whatsapp{
		bottom: 0px!important;
	}
}

@media (max-width: 425px) {
	#thumbnail-carousel-track { height: 276px !important; }
}

@media (max-width: 425px) {
  .related-grid > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .checkout-summary .items-detail{
	display: block !important;
	position: relative;
  }
  .checkout-summary .items-detail .flex-fill{
    margin-top: 25px;
  }
  .checkout-summary .items-detail .text-golden{
	    position: absolute;
        top: 11px;
        right: 11px;
  }
}

@media (max-width: 375px) {
	#thumbnail-carousel-track { height: 240px !important; }
}

@media (max-width: 320px) {
	#thumbnail-carousel-track { height: 198px !important; }
}