/** widget **/
.widget_daily_readings p.daily-readings-date {
	text-transform: capitalize;
	text-align: center;
	font-style:italic;
	font-size: smaller;
	margin-top: 5px;
}

.widget_daily_readings h4.daily-readings-reading-heading {
    margin-top: 15px;
    border-bottom: #e8e8e8 solid 1px;
}

.widget_daily_readings sup {
	vertical-align: super;
	font-size: smaller;
}

.widget_daily_readings .daily-readings-read-more {
	display: none;
}

.widget_daily_readings a {
	cursor: pointer;
}

.widget_daily_readings p.daily-readings-read-more-button {
	text-align: center;
	margin-top: -0.5em;
}

p#see-all-readings {
	text-align: right;
	border-top: #e8e8e8 solid 1px;
    margin-top: 10px;
}

div.daily-readings-preview-image-wrapper {
	text-align: center;
}

div.daily-readings-preview-image-wrapper img.daily-readings-preview-image {
	margin-top: 5px;
	max-height: 150px;
}


/** page **/
.daily-readings-wrapper h3.daily-readings-date {
	text-transform: capitalize;
	font-weight: bold;
}

.daily-readings-wrapper h4.daily-readings-reading-heading {
    margin-top: 30px;
}

.daily-readings-datepicker img.ui-datepicker-trigger {
    max-width: 50px;
    cursor: pointer;
}

.daily-readings-datepicker {
	display: table;
	float: right; 
}

.daily-readings-datepicker span {
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
}

svg.fill-calendar-icon {
	fill:#ace63c;
}

.fill-calendar-icon {
	fill:#ace63c;
}



/** settings **/
.daily-readings-wrap #daily-readings-snackbar {
    visibility: hidden;
    min-width: 200px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
}

.daily-readings-wrap #daily-readings-snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.daily-readings-wrap #daily-readings-shortcode{
	font-weight: bolder;
	cursor: copy;
}



/** settings and widget **/
div.daily-readings-readings-to-hide {
	display: inline-block;
	margin-right: 25px;
}

.widget_daily_readings h4.daily-readings-reading-heading span, .daily-readings-wrapper h4.daily-readings-reading-heading span {
	font-size: 0.7em;
	font-style:italic;
}

.daily-readings-wrap p i {
	font-size: smaller;
}


/* ============================================
   FAZA C — dodatki polskiego fork
   ============================================ */

/* Zmienne CSS — możesz nadpisać w motywie potomnym,
   żeby dopasować do palety kolorów swojej parafii. */
:root {
	--dr-accent: #e80220;       /* akcent (czerwony parafii Mysiadło) */
	--dr-border: #e8e8e8;       /* kolor obramowań */
	--dr-text: #333;            /* kolor tekstu czytań */
	--dr-link: #e80220;         /* kolor linków */
	--dr-link-hover: #b00119;   /* kolor linków :hover */
}

/* Link do pełnych rozważań czytań (mateusz.pl) — wyśrodkowany na dole */
.daily-readings-wrapper .daily-readings-source-link,
.widget_daily_readings .daily-readings-source-link {
	margin: 2em 0 1.5em 0;
	padding: 0;
	text-align: center;
}

.daily-readings-wrapper .daily-readings-source-link a,
.widget_daily_readings .daily-readings-source-link a {
	color: var(--dr-link);
	text-decoration: none;
	font-style: italic;
	border-bottom: 1px dotted var(--dr-link);
}

.daily-readings-wrapper .daily-readings-source-link a:hover,
.widget_daily_readings .daily-readings-source-link a:hover {
	color: var(--dr-link-hover);
	border-bottom-style: solid;
}

/* Czytania — kolor tekstu i lepszy leading */
.daily-readings-wrapper .daily-readings-reading,
.widget_daily_readings .daily-readings-reading {
	color: var(--dr-text);
	line-height: 1.6;
}

/* Nagłówek czytania — delikatna linia rozdzielająca */
.daily-readings-wrapper .daily-readings-reading-heading {
	border-bottom: 1px solid var(--dr-border);
	padding-bottom: 0.3em;
}


/* ============================================
   RWD — Responsywność
   ============================================ */

/* Tablety i wąskie desktopy */
@media screen and (max-width: 768px) {
	/* Datepicker — na mobile bez float:right, ponad tytułem */
	.daily-readings-datepicker {
		float: none;
		display: block;
		text-align: left;
		margin-bottom: 1em;
	}

	.daily-readings-datepicker span {
		display: inline-block;
		padding-right: 8px;
	}

	/* Ikona kalendarza mniejsza na mobile */
	.daily-readings-datepicker img.ui-datepicker-trigger {
		max-width: 36px;
	}

	/* Link do mateusz.pl wyśrodkowany na mobile */
	.daily-readings-wrapper .daily-readings-source-link,
	.widget_daily_readings .daily-readings-source-link {
		text-align: center;
	}

	/* Czytania — większy interlinia dla czytelności na mobile */
	.daily-readings-wrapper .daily-readings-reading,
	.widget_daily_readings .daily-readings-reading {
		font-size: 16px;
		line-height: 1.7;
	}

	/* Nagłówki czytań — mniejsze na mobile */
	.daily-readings-wrapper h4.daily-readings-reading-heading {
		font-size: 1.1em;
		margin-top: 1.2em;
	}
}

/* Telefony */
@media screen and (max-width: 480px) {
	/* Datepicker — większy margines dolny */
	.daily-readings-datepicker {
		margin-bottom: 1.2em;
	}

	/* Czytania — jeszcze większy interlinia i mniejszy font */
	.daily-readings-wrapper .daily-readings-reading,
	.widget_daily_readings .daily-readings-reading {
		font-size: 15px;
		line-height: 1.75;
	}

	/* Link do mateusz.pl — większy "tap target" dla palców */
	.daily-readings-wrapper .daily-readings-source-link a,
	.widget_daily_readings .daily-readings-source-link a {
		display: inline-block;
		padding: 8px 4px;
	}
}

