//@import "../../../abstracts/abstracts";

.dbqkbc-breadcrumbs-container {
	display: none;
	padding-left: 5px;
	margin-bottom: 0;
	background: $breadcrumbs-background;
	
	.dbqkbc-breadcrumbs-wrapper {
		padding: 0;
		max-width: 100% !important;
		
		.dbqkbbs-breadcrumbs {
			padding: 0;

			.btn {
				font-weight: 600;
				color: unset;
				padding: 0 !important;
				border: 0;
				height: auto;
				
				svg {
					fill: $breadcrumbs-text-color;
					float: left;
					width: 34px;
					height: 34px;
					padding: 10px;
					margin: 0;
				}
				&:not(:last-child) {
					&:after {
						content: url("data:image/svg+xml,<svg fill='%23" + str-slice("#{$breadcrumbs-text-color}", 2) + "' viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'><g><path d='M6.5,4c-1.3,1.3-2.7,2.7-4,4C2.2,7.7,1.9,7.4,1.6,7.1c0.9-0.9,2-2,3-3C3.6,3,2.5,2,1.5,0.9c0.4-0.3,0.7-0.7,1-0.9C3.8,1.3,5.1,2.7,6.5,4z'/></g></svg>");
						border-top: 0px solid transparent;
						border-bottom: 0px solid transparent;
						width: 8px;
						height: 20px;
						float: right;
						margin: 7px 0;
					}
				}
				span {
					color: $breadcrumbs-text-color;
					margin: 7px 10px;
					float: left;
				}

				&:hover {
					color: $breadcrumbs-text-color-hover;
					svg {
						fill: $breadcrumbs-text-color-hover;
					}
				}
			}
		}
	}
}