@import 'functions';
@import 'variables';
@import 'node_modules/bootstrap/scss/functions';
@import 'node_modules/bootstrap/scss/variables';
@import 'node_modules/bootstrap/scss/mixins';
@import 'mixins';

a {
	color: $primary;

	&:hover,
	&:focus {
		color: darken($primary, 15%);
	}
}
.pace {
	& .pace-progress {
		background: $primary !important;
	}
	& .pace-activity {
		border-top-color: $primary !important;
		border-left-color: $primary !important;
	}
}
.header {
	&.header-inverse {
		& .header-nav {
			& .nav {
				& > li {
					&.active {
						& > a {
							color: $primary;
						}
					}
				}
			}
		}
	}
	& .header-nav {
		& .nav {
			& > li {
				&.active {
					& > a {
						color: $primary;
				
						&:hover,
						&:focus {
							color: $primary;
						}
					}
				}
			}
		}
	}
	& .header-logo {
		& .brand-logo {
			@if $primary-color == 'black' {
				border-color: lighten($primary, 40%) lighten($primary, 20%) $primary;
			} @else if $primary-color == 'dark' {
				border-color: lighten($primary, 20%) lighten($primary, 10%) $primary;
			} @else {
				border-color: $primary darken($primary, 10%) darken($primary, 20%);
			}
		}
	}
	& .header-cart {
		& .total {
			background: $primary;
			
			@if $primary-color == 'yellow' {
				color: $dark;
			}
		}
	}
	& .dropdown {
		& .arrow {
			&.top {
				&:before,
				&:after {
					border-bottom-color: $primary;
				}
			}
		}
	}
	& .dropdown-menu {
		border-top: 3px solid $primary;
		& .dropdown-item {
			&:hover,
			&:focus {
				color: $primary;
			}
		}
	}
	& .navbar-collapse {
		@include media-breakpoint-down(sm) {
			& .dropdown-menu {
				border-bottom: 3px solid $primary;
			}
		}
	}
}
.dropdown {
	& .dropdown-menu-list {
		& > li {
			& > a {
				&:hover,
				&:focus {
					color: $primary;
				}
			}
		}
	}
}
.text-primary {
	color: $primary !important;
}
.bg-primary {
	background-color: $primary !important;
}
.item {
	&.item-thumbnail {
		& .item-info {
			& .item-price {
				color: $primary;
			}
		}
	}
}
.product {
	& .product-detail {
		& .product-info {
			& .product-info-list {
				& > li {
					& .fa {
						color: $primary;
					}
				}
			}
		}
	}
}
.step {
	& .active {
		& .number {
			&:before {
				background: $primary;
			}
		}
	}
}