/*
 * TictacFilter Module Styles
 * Compatible with layered navigation filter styling
 */

/* Main container */
.tictac_filter.layered_filter {
	margin-bottom: 20px;
}

/* Subtitle heading */
.tictac_filter .layered_subtitle_heading {
	font: 600 26px/22px "Oswald", sans-serif;
	font-style: italic;
	color: #333;
	background: #E0E0E0;
	background: -o-linear-gradient(bottom, #e0e0e0 0%, #EFEFEF 100%);
	background: -moz-linear-gradient(bottom, #e0e0e0 0%, #EFEFEF 100%);
	background: -webkit-linear-gradient(bottom, #e0e0e0 0%, #EFEFEF 100%);
	background: -ms-linear-gradient(bottom, #e0e0e0 0%, #EFEFEF 100%);
	background: linear-gradient(to bottom, #e0e0e0 0%, #EFEFEF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0', endColorstr='#EFEFEF',GradientType=0 );
	border-top: 5px solid #333 !important;
	border: none;
	text-transform: uppercase;
	padding: 14px 5px 17px 20px;
}

.tictac_filter .layered_subtitle {
	font-weight: 600;
	font-size: 26px;
	line-height: 22px;
	font-style: italic;
	color: #333;
	text-transform: uppercase;
}

/* Filter list - match blocklayered styling */
.tictac_filter .layered_filter_ul {
	list-style: none;
	padding: 5px 0;
	padding-left: 0;
	clear: both;
}

.tictac_filter .layered_filter_ul li {
	padding: 10px 10px;
	list-style-type: none;
}

/* Checkbox styling integration */
.tictac_filter .checker {
	float: left;
	margin: 0 8px 0 0;
	display: block;
	position: relative;
}

.tictac_filter .checker span {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	position: relative;
}

.tictac_filter .checker span.checked {
	background: #f61e26;
	border-color: #f61e26;
}

.tictac_filter .checker span.checked:after {
	content: '\2714';
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 12px;
}

/* Hide default checkbox */
.tictac_filter input[type="checkbox"].checkbox {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	vertical-align: middle;
	margin-left: 2px;
}

/* Label styling - match blocklayered */
.tictac_filter .layered_filter_ul li label {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.tictac_filter .layered_filter_ul li a {
	color: #333;
	text-decoration: none;
	display: inline;
}

.tictac_filter .layered_filter_ul li a:hover {
	color: #f61e26;
	text-decoration: underline;
}

/* Hover state - match blocklayered */
.tictac_filter .layered_filter_ul li:hover {
	background: inherit;
	color: inherit;
}

/* Hiddable class */
.tictac_filter .hiddable {
	display: block;
}

.tictac_filter .hiddable.hidden {
	display: none;
}

/* Parent category styling */
.tictac_filter .tictac_parent {
	font-weight: bold;
	position: relative;
	padding-right: 40px;
}

/* Children list */
.tictac_filter .tictac_children_list {
	list-style: none;
	padding: 0;
	margin: 5px 0 0 15px;
	border: none;
	background: transparent;
}

.tictac_filter .tictac_children_list li {
	padding: 8px 15px 8px 10px;
	border-bottom: none;
	font-weight: normal;
}

.tictac_filter .tictac_child a {
	color: #555;
	font-size: 16px;
}

/* Parent wrapper */
.tictac_filter .tictac_parent_wrapper {
	display: flex;
	align-items: center;
}

.tictac_filter .tictac_parent_wrapper a {
	font-size: 18px;
}

/* Toggle button - positioned on right like menu-mobile-grover */
.tictac_filter .tictac_toggle {
	position: absolute;
	right: 6px;
	top: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.tictac_filter .tictac_toggle:after {
	font-family: "FontAwesome";
	content: "\f067";
	font-size: 20px;
	color: #666;
}

.tictac_filter .tictac_toggle.active:after {
	content: "\f068";
}

.tictac_filter .tictac_toggle:hover:after {
	color: #333;
}

/* Collapsed state for children list */
.tictac_filter .tictac_children_list.collapsed {
	display: none;
}

/* Mobile styles - match title_block */
@media (max-width: 767px) {
	.tictac_filter .layered_subtitle_heading {
		position: relative;
		padding-right: 40px;
		cursor: pointer;
	}

	.tictac_filter .layered_subtitle_heading:after {
		display: block;
		font-family: "FontAwesome";
		content: "";
		position: absolute;
		right: 0;
		top: 15px;
		height: 36px;
		width: 36px;
		font-size: 26px;
		font-weight: normal;
	}

	.tictac_filter .layered_subtitle_heading.active:after {
		content: "";
	}

	.tictac_filter .layered_filter_ul li{
		padding: 10px 15px;
	}

	/* Parent category - bigger font on mobile */
	.tictac_filter .tictac_parent_wrapper a {
		font-size: 18px;
	}

	.tictac_filter .tictac_children_list li {
		padding: 8px 15px 8px 10px;
	}

	/* Children list - bigger font on mobile, but smaller than parent */
	.tictac_filter .tictac_child a {
		font-size: 16px;
	}
}

/* Tablet adjustment */
@media (min-width: 767px) and (max-width: 991px) {
	.tictac_filter .layered_subtitle_heading,
	.tictac_filter .layered_subtitle {
		font-size: 14px;
	}
}