/**
 * Bricks panel chrome for Events Widget — gold group icons + style heading
 * (same pattern as Cool Timeline Pro bricks builder).
 */

i.ect-bricks-eicon-events-widget,
.bricks-panel i.ect-bricks-eicon-events-widget,
#bricks-panel-element-classes i.ect-bricks-eicon-events-widget,
.bricks-structure-item i.ect-bricks-eicon-events-widget,
#bricks-panel-element i.ect-bricks-eicon-events-widget,
[class*="bricks-panel"] i.ect-bricks-eicon-events-widget {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;
	vertical-align: middle;
}

i.ect-bricks-eicon-events-widget::before,
.bricks-panel i.ect-bricks-eicon-events-widget::before,
#bricks-panel-element-classes i.ect-bricks-eicon-events-widget::before,
.bricks-structure-item i.ect-bricks-eicon-events-widget::before,
#bricks-panel-element i.ect-bricks-eicon-events-widget::before,
[class*="bricks-panel"] i.ect-bricks-eicon-events-widget::before {
	content: "" !important;
	position: absolute;
	inset: 0;
	display: block;
	background: url("../images/ect-bricks-events-widget-icon.png") no-repeat center center;
	background-size: contain;
	font-family: none !important;
}

#bricks-panel .ect-bricks-plugin-settings-label {
	display: block;
	margin: 8px 0 4px;
	padding: 10px 14px 8px;
	pointer-events: none;
	user-select: none;
	cursor: default;
	border-top: 1px solid rgba(255, 214, 79, 0.4);
	color: #ffd64f;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 1.35;
}

#bricks-panel .control-group[data-ect-bricks-group] > .control-group-title {
	box-shadow: inset 3px 0 0 #ffd64f;
}

#bricks-panel .control-group[data-ect-bricks-group] > .control-group-title .icon {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	min-width: 22px;
	margin-right: 8px;
	transform: none !important;
	flex-shrink: 0;
}

#bricks-panel .control-group[data-ect-bricks-group] > .control-group-title .icon svg,
#bricks-panel .control-group[data-ect-bricks-group] > .control-group-title .icon i {
	opacity: 0 !important;
}

#bricks-panel .control-group[data-ect-bricks-group] > .control-group-title .icon::before {
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	background-color: #ffd64f;
	-webkit-mask: var(--ect-bricks-group-icon) center / contain no-repeat;
	mask: var(--ect-bricks-group-icon) center / contain no-repeat;
}

#bricks-panel .control-group[data-ect-bricks-group="layouts"] {
	--ect-bricks-group-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='18' rx='1'/%3E%3Crect x='14' y='3' width='7' height='18' rx='1'/%3E%3C/svg%3E");
}

#bricks-panel .control-group[data-ect-bricks-group="event_query"] {
	--ect-bricks-group-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
}

#bricks-panel .control-group[data-ect-bricks-group="elements"] {
	--ect-bricks-group-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E");
}

#bricks-panel .control-group[data-ect-bricks-group="dynamic_messages"] {
	--ect-bricks-group-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16v10H8l-4 4V6z'/%3E%3C/svg%3E");
}

#bricks-panel .control-group[data-ect-bricks-group="pagination"] {
	--ect-bricks-group-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='6' height='8' rx='1'/%3E%3Crect x='11' y='8' width='6' height='8' rx='1'/%3E%3Cpath d='M20 10l2 2-2 2'/%3E%3C/svg%3E");
}

#bricks-panel .control-group[data-ect-bricks-group="events_card"] {
	--ect-bricks-group-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}

#bricks-panel .control-group[data-ect-bricks-group="style1_date"] {
	--ect-bricks-group-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M4 10h16'/%3E%3C/svg%3E");
}

#bricks-panel .control-group[data-ect-bricks-group="featured_image"] {
	--ect-bricks-group-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 16l5-5 4 4 3-3 6 6'/%3E%3Ccircle cx='9' cy='9' r='1.5' fill='%23000'/%3E%3C/svg%3E");
}

#bricks-panel .control-group[data-ect-bricks-group] [data-control="separator"],
#bricks-panel .control-group[data-ect-bricks-group] .control[data-control="separator"] {
	margin: 14px 0 8px;
	padding: 8px 0 0 !important;
	border: 0 !important;
	background: none;
}

#bricks-panel .control-group[data-ect-bricks-group] [data-control="separator"]::before,
#bricks-panel .control-group[data-ect-bricks-group] .control[data-control="separator"]::before {
	border-top: 1px solid var(--builder-border-color, #3d4752) !important;
}

#bricks-panel .control-group[data-ect-bricks-group] [data-control="separator"] label,
#bricks-panel .control-group[data-ect-bricks-group] [data-control="separator"] .control-label,
#bricks-panel .control-group[data-ect-bricks-group] [data-control="separator"] .title {
	display: block !important;
	margin: 0;
	color: #ffd64f;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	line-height: 1.3;
}

#bricks-panel [data-controlkey="layout_template"] .description,
#bricks-panel [data-controlkey="layout_template"] .control-description {
	margin-top: 6px;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: var(--builder-color, #9aa3ad);
	font-size: 12px;
	line-height: 1.4;
}

#bricks-panel .ect-bricks-pro-lock-item {
	pointer-events: none;
	user-select: none;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-left: 12px;
	padding-right: 12px;
	border-left: 1px solid #ffd64f;
	border-right: 1px solid #ffd64f;
	box-sizing: border-box;
}

#bricks-panel .ect-bricks-pro-lock--first {
	margin-top: 10px !important;
	padding-top: 10px;
	border-top: 1px solid #ffd64f;
	border-radius: 8px 8px 0 0;
}

#bricks-panel .ect-bricks-pro-lock--last {
	position: relative;
	overflow: visible;
	margin-bottom: 22px !important;
	padding-bottom: 18px;
	border-bottom: 1px solid #ffd64f;
	border-radius: 0 0 8px 8px;
}

#bricks-panel .ect-bricks-pro-lock--first.ect-bricks-pro-lock--last {
	border-radius: 8px;
}

#bricks-panel .ect-bricks-pro-lock__cta {
	pointer-events: auto;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transform: translate(-50%, 50%);
	padding: 6px 14px;
	border-radius: 999px;
	background: #ffd64f;
	color: #1a1a1a !important;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none !important;
	white-space: nowrap;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
	cursor: pointer;
}

#bricks-panel .ect-bricks-pro-lock__cta:hover,
#bricks-panel .ect-bricks-pro-lock__cta:focus {
	background: #ffe066;
	color: #1a1a1a !important;
	text-decoration: none !important;
}

#bricks-panel .ect-bricks-pro-lock__cta::after {
	content: "";
	display: inline-block;
	width: 0.7em;
	height: 0.7em;
	margin-left: 6px;
	background: currentColor;
	clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

#bricks-panel .ect-bricks-get-pro-link {
	color: #ffd64f;
	font-weight: 600;
	text-decoration: underline;
	cursor: pointer;
}

#bricks-panel .ect-bricks-get-pro-link:hover,
#bricks-panel .ect-bricks-get-pro-link:focus {
	color: #ffe066;
	text-decoration: underline;
}

#bricks-panel .ect-bricks-get-pro-link::after {
	content: "";
	display: inline-block;
	width: 0.85em;
	height: 0.85em;
	margin-left: 3px;
	vertical-align: -0.08em;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E") center / contain no-repeat;
}