/*
 * Parish Calendar Icon 1.0.0
 * Ogłoszenia + Intencje, desktop i mobile.
 * Cel: zastąpić dawny dekoracyjny kwadracik przy tytule wpisu ikoną kalendarza.
 */

.parish-date-title-has-calendar {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
}

.parish-date-title-has-calendar::before,
.parish-date-title-has-calendar > a::before {
	content: none !important;
	display: none !important;
}

.parish-title-calendar-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	flex: 0 0 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #a36f3f !important;
	font-size: 0 !important;
	line-height: 1 !important;
	vertical-align: middle !important;
}

.parish-title-calendar-icon svg {
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.6 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

/* Jeżeli stary znak jest osobnym elementem, JS oznacza go tą klasą. */
.parish-old-date-marker-hidden {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

@media only screen and (max-width: 958px) {
	.parish-date-title-has-calendar {
		gap: 12px !important;
	}

	.parish-title-calendar-icon,
	.parish-title-calendar-icon svg {
		width: 17px !important;
		height: 17px !important;
		min-width: 17px !important;
		flex-basis: 17px !important;
	}
}

/* 1.1.0 — ta sama ikonka kalendarza przy poszczególnych dniach Intencji. */
.parish-intention-day-calendar-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 14px !important;
	height: 14px !important;
	min-width: 14px !important;
	margin: 0 8px 0 0 !important;
	padding: 0 !important;
	color: #a36f3f !important;
	font-size: 0 !important;
	line-height: 1 !important;
	vertical-align: -2px !important;
}

.parish-intention-day-calendar-icon svg {
	display: block !important;
	width: 14px !important;
	height: 14px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.6 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

@media only screen and (max-width: 958px) {
	.parish-intention-day-calendar-icon,
	.parish-intention-day-calendar-icon svg {
		width: 14px !important;
		height: 14px !important;
		min-width: 14px !important;
	}
}

/* 1.2.0 — nagłówki poszczególnych dni Intencji.
 * Stary kwadracik bywa pseudo-elementem (::before), dlatego wyłączamy go
 * bezpośrednio na rozpoznanym nagłówku oraz na jego pierwszym wrapperze.
 */
.parish-intention-day-heading {
	display: flex !important;
	align-items: center !important;
}

.parish-intention-day-heading::before,
.parish-intention-day-heading > *:first-child::before,
.parish-intention-day-heading > *:first-child > *:first-child::before {
	content: none !important;
	display: none !important;
	background: none !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	width: 0 !important;
	height: 0 !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.parish-old-intention-day-marker-hidden {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

.parish-intention-day-heading > .parish-intention-day-calendar-icon {
	margin-right: 9px !important;
	flex: 0 0 14px !important;
}

/* 1.3.0 — bezpośrednia podmiana istniejącego .day-icon (▣) na kalendarz. */
.homepage-intentions .day-icon.parish-day-icon-calendar-ready {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 0 !important;
	line-height: 1 !important;
	color: #a36f3f !important;
}
.homepage-intentions .day-icon.parish-day-icon-calendar-ready > .parish-intention-day-calendar-icon {
	margin: 0 !important;
}


/* 1.4.0 — Intencje Vamtam: ikonka dnia niezależnie od wrappera sekcji. */
.day-icon.parish-day-icon-calendar-ready {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 0 !important;
	line-height: 1 !important;
}
.day-icon.parish-day-icon-calendar-ready > .parish-intention-day-calendar-icon {
	display: inline-flex !important;
}


/* 1.5.0 — usuń stary kwadracik Vamtam przy dniach Intencji.
 * JS oznacza wyłącznie wrappery rozpoznanych nagłówków dni, dlatego reguła
 * nie dotyka plusa/minusa ani innych elementów strony. */
.parish-intention-day-marker-host::before {
	content: none !important;
	display: none !important;
	background: none !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	width: 0 !important;
	height: 0 !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}