@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");

:root { 
	--bs-body-font-family: "Inter", sans-serif;
	--bs-gray-100: #efefef;
	--themne-color: #0038AC;
	--bs-primary: #0038AC;
	--border-light-color: #E4E4E4;
}

body {
	font-family: var(--bs-body-font-family);
}

.h2 {
	font-weight: 800;
}

a {
	color: var(--bs-primary);
}

.header a:not(.dropdown-item):not(.btn):hover, .header a:not(.dropdown-item):not(.btn):hover i {
	color: var(--bs-primary);
}

.main-menu__tree > li .menu-container a[data-depth="1"]:hover, .main-menu__tree > li .menu-container a[data-depth="1"]:hover i {
	color: var(--bs-primary);
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--themne-color);
	--bs-btn-border-color: var(--themne-color);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0b5ed7;
	--bs-btn-hover-border-color: #0a58ca;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0a58ca;
	--bs-btn-active-border-color: #0a53be;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--themne-color);
	--bs-btn-disabled-border-color: var(--themne-color);
}

.btn-outline-primary {
	--bs-btn-color: var(--themne-color);
	--bs-btn-border-color: var(--themne-color);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--themne-color);
	--bs-btn-hover-border-color: var(--themne-color);
	--bs-btn-focus-shadow-rgb: 13,110,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--themne-color);
	--bs-btn-active-border-color: var(--themne-color);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	--bs-btn-disabled-color: var(--themne-color);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--themne-color);
	--bs-gradient: none;
}

.btn-link {
	--bs-btn-font-weight: 400;
	--bs-btn-color: var(--themne-color);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: var(--bs-link-hover-color);
	--bs-btn-hover-border-color: transparent;
	--bs-btn-active-color: var(--bs-link-hover-color);
	--bs-btn-active-border-color: transparent;
	--bs-btn-disabled-color: #6c757d;
	--bs-btn-disabled-border-color: transparent;
	--bs-btn-box-shadow: 0 0 0 #000;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	text-decoration: underline;
}

.bg-primary {
	background-color: var(--themne-color) !important;
}

.bg-image-cover {
	background-repeat: no-repeat;
	background-size: cover;
}

.card {
	border-color: var(--border-light-color);
}

.badge {
	background-color: var(--themne-color);
	margin: .25rem;
}

.badge.discount {
	background-color: var(--bs-white);
	border: 1px solid var(--bs-primary);
	color: var(--bs-primary);
}



/****** Header ******/

#category-2 {
	
}

#category-12 {
	display: none;
}

@media (min-width: 768px) {
	.header-top {
		background-color: var(--bs-gray-100);
	}
}

.breadcrumb {
	text-transform: uppercase;
	font-size: .8rem;
}

.breadcrumb a {
	color: var(--themne-color);
}

.breadcrumb__wrapper {
	background: var(--bs-gray-100);
}

.header-bottom {
	background-color: var(--themne-color);
	color: #fff;
	padding: 15px 0;
}

@media (max-width: 992px) {
	.main-menu .header-block__icon {
		color: #fff;
	}
	
}

@media (max-width: 768px) {
	.header-block__icon {
		color: #fff;
	}
	
	.header-block__action-btn, .header-block__action-btn:focus, .header-block__action-btn:hover {
		color: #fff;
	}
}

.header-bottom .navbar-brand .logo {
	max-height: inherit;
	width: auto;
	margin: 20px 0;
}

@media (max-width: 768px) {
	.header-bottom .navbar-brand .logo {
		width: 160px;
		margin: 28px 0 22px;
	}
}

.contact-link {
	padding-left: 10px;
}

.main-menu {
	/*justify-content: center;*/
	justify-content: end; /* Conflito com a barra de pesquisa*/
}

.main-menu__tree>li>a {
	text-transform: uppercase;
  	font-size: 15px;
    color: #fff !important;
	font-weight: 500;
}

.main-menu__tree > li .menu-container a[data-depth="1"] {
	color: #343a40;
	font-weight: 600;
	font-size: 14px;
}

.main-menu__tree > li .menu-container a[data-depth="2"] {
	color: #343a40;
	font-weight: 400;
	font-size: 13px;
}

.bg-light-custom {
	background-color: var(--bs-gray-100);
}

#search_widget form input {
	width: 100%;
	padding: 10px 20px 10px 40px;
	outline: none;
	background-color: #fff;
	border: solid 1px #ddd;
	border-radius: 15px;
}

#search_widget form i {
	color: var(--themne-color);
}

@media (min-width: 768px) {
  .ratio-homeSlider {
	  --bs-aspect-ratio: 30% !important;
  }
}

/****** Main ******/

#content-wrapper .page-header {
	margin-bottom: 2rem;
}

#content-wrapper .page-header .h4,
#content-wrapper .account-menu .h4
{
	font-weight: 800;
}

@media (min-width: 1200px) {
  .h4, h4 {
    font-size: 2.0rem;
  }
}

.carousel .carousel-inner .carousel-item .carousel-content {
	background-position-x: center;
	background-size: cover; 
}

.carousel .carousel-inner .carousel-item .carousel-content h2 {
	font-weight:800;
	font-size:50px;
}

.carousel .carousel-inner .carousel-item .carousel-content p {
	
}


@media (max-width: 992px) {
	.carousel .carousel-inner .carousel-item .carousel-content h2 {
		font-weight:800;
		font-size:30px;
	}
}

#custom-text {
	padding: 4.5rem 0 0;
}


.category-tag {
	display: inline-block;
	background-color: color-mix(in srgb, #262324, transparent 85%);
	color: #191919;
	padding: 5px 15px;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.form-select {
	border-radius: 4px !important;
	border-color: #ced4da !important;
	line-height: 2 !important;
}

/******** Categories ***************/

.category-cover {
	display: none;
}

.subcategory {
	align-items: center;
	border: 5px solid #EFEFEF;
	border-radius: 0px;
	display: block;
	height: 100%;
	padding: .5rem;
	transition: all 0.2s ease;
}

.subcategory:hover {
    /*border: 1px solid #ced4da;*/
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.09);
	border: 5px solid var(--themne-color);
}

.subcategory .subcategory__image {
	width: 100%;
}

.subcategory .subcategory__image .img-fluid {
	width: 100%;
}

.subcategory .subcategory__name {
	display: flex;
	color: var(--bs-gray-600);
	font-size: 0.85rem;
	margin-bottom: 0;
	margin-left: 0;
	text-align: center;
	width: 100%;
	padding: 8px 5px;
	background-color: #fff;
	height: 55px;
	justify-content: center;
	align-items: center;
	transition: all 0.2s ease;
	border-top: 1px solid #EFEFEF;
}

.subcategory:hover .subcategory__name {
	background-color: var(--themne-color);
	color: #fff;
}

.category-tree__item__header.nosplit {
	display: flex;
	padding: .12rem 0;
}

.category-tree__child .category-tree__list[data-depth="0"] > .category-tree__item > .category-tree__item__header .category-tree__item__link {
	font-weight: 600;
	font-size: 0.85rem;
}

.category-tree__child .category-tree__list[data-depth="1"], .category-tree__child .category-tree__list[data-depth="2"], .category-tree__child .category-tree__list[data-depth="3"], .category-tree__child .category-tree__list[data-depth="4"] {
	padding-left: .5rem;
	font-size: .78rem;
	padding-bottom: .5rem;
}

/******** Products ***************/

.featured-products {
	margin-top:10px; 
}

.featured-products .section-title,
.featured-products .featured-products-footer {
	display: none;
}

.product-miniature .quantity-button {
	display: none;
}

.product-miniature .card {
	transition: .25s ease-out;
	padding: 10px;
	border: 5px solid #EFEFEF;
	border-radius: 0px;
}

.product-miniature .product-miniature__quickview {
	display: none;
}

.product .carousel .carousel-inner {
  border: solid 1px var(--border-light-color);
  border-radius: 15px;
}

/******** Shipping ***************/

#cart-subtotal-shipping {
	display: none !important;
}

.blockcart-modal__summery .product-shipping {
	display: none !important;
} 


/******** Checkout ***************/

#delivery {
	display: none;
}

/******** Address ***************/

.addresses__new-address {
	display: none;
}

/******** Footer *****************/

#content-wrapper .page-footer {
    margin-top: 0rem; /* alterar apenas dentro */
}

.footer .copyright {
	margin-top: 20px;
}

.footer .footer__block__content {
	padding-top: .9rem;
}

.footer .social-icon {
	display: inline-flex; 
	align-items: center; 
	justify-content: center;
	width: 34px; 
	height: 34px; 
	background: white; 
	border-radius: 50%; 
	color: black; 
	text-decoration: none;
	transition: all 0.2s ease;
	margin: 2px;
}