/* https://www.toptal.com/developers/cssminifier */

@import url('https://fonts.googleapis.com/css2?family=Eagle+Lake&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=UnifrakturMaguntia&display=swap');

/*	MAIN	*/
:root {
	--main-bg-color: #0D1B2A;
	--main-text-color: #E0E1DD;
	--tile-bg-color: #1B263B;
	--text-additional-color: #778DA9;
	--border-color: #FFFFFF;
}

/*	HTML TAGS	*/
body,header{overflow:hidden;}body,footer{background-color:var(--main-bg-color);margin:0}footer,header{border-color:var(--border-color);white-space:nowrap}a{text-decoration:none;color:var(--text-additional-color)}ul{list-style-type:square}body{font-family:Roboto,sans-serif;font-weight:600;font-style:normal;color:var(--main-text-color);border:none;padding:0;position:absolute;top:0svh;scroll-behavior:smooth;align-items:center;justify-content:center}header{max-height:10svh!important;cursor:default;text-overflow:ellipsis}main{margin-bottom:5svh!important;width:100%;height:100%;align-items:center}ol{list-style-type:decimal;list-style-position:inside}footer{min-height:5svh!important;position:fixed;bottom:0svh;z-index:1000;width:100svw;font-size:.9em}p{display:block}input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:transparent;margin:0;font:inherit;width:1em;height:1em;transform:translateY(-.075em);display:grid;place-content:center}input[type=checkbox]::before{content:"⬛";transform:scale(1)}input[type=checkbox]:checked::before{transform:scale(1);content:"✅"}

/*	CLASSES	*/
.entry_date,.entry_desc,.entry_title{color:var(--main-text-color)}.entry_date,.entry_img,.tile-text{text-align:center}.tile,.tile-icon{transition:transform .2s ease-in-out}.border-color{border-color:var(--border-color)}.logo_light{filter:invert(9%) sepia(6%) hue-rotate(205deg) brightness(10%) contrast(83%)}.logo_dark{filter:sepia(3%) saturate(197%) hue-rotate(34deg) brightness(100%) contrast(83%)}.tile{background-color:var(--tile-bg-color);background-size:contain;background-position:center;filter:blur(1px)}.tile-main{cursor:pointer}.tile-content{filter:none;background-color:transparent;z-index:20;text-wrap:balance}.entry_main{background-color:var(--main-bg-color)}.cal-button:hover,.entry_date,.tag-checkbox:hover{background-color:var(--tile-bg-color)}.entry_img{background-image:url("./img/default_icon.webp");background-repeat:no-repeat;background-position:center center;background-size:cover;min-width:15%!important;aspect-ratio:1/1;display:grid;font-size:2em}.entry_img>div{grid-template-columns:repeat(3,1fr)}.entry_desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;white-space:break-spaces}.entry_date{padding:1px 3px;margin:auto auto auto 0;font-size:.75em}.article-content-list{list-style-position:inside}.prevent-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}.invisible{color:transparent}.article-tag,.collapsible{color:var(--main-text-color);cursor:pointer}.hidden{opacity:0}.disappear{display:none!important}.notification{z-index:100;position:absolute;top:0;right:5px;font-size:2em;animation:3s infinite shakeAndPulse}.slide-in{animation:.5s ease-in-out forwards articleSlideIn}.slide-out{animation:.5s ease-in-out forwards articleSlideOut}.toggle{font-size:1.5rem;line-height:2rem}.toggle_anim{animation:2s linear infinite fullObjectRotateWithPause}.article-tag{padding:4px 8px;margin:2px;border:1px dotted #d1d5db;font-size:.8em;white-space:nowrap;border-radius:.5rem}.entry_main,.tag-checkbox{background-color:var(--main-bg-color);cursor:pointer;border-color:var(--border-color)}.entry_main{animation:.5s forwards listEntryShow}.entry_title{font-weight:700;font-size:1.5rem}.sort_button,.sort_button_selected{grid-row:1;background-color:var(--tile-bg-color);border-color:var(--border-color)}.sort_button{border-width:1px}.sort_button_selected{border-width:2px!important}.cal-button{background-color:var(--main-bg-color);display:flex;flex-direction:row;border:1px solid #fff;border-radius:.5rem;width:max-content;padding:5px;cursor:pointer}.cal-button>div{margin:auto}.google-map{width:100%;height:350px;border:0}.collapsible{background-color:var(--tile-bg-color);padding:18px;width:100%;text-align:left;outline:0;font-size:15px;border:solid;border-color:var(--tile-bg-color)}.collapsible:hover{border:solid;border-color:var(--border-color)}.collapsible_content{padding:0 18px;display:none;overflow:hidden}
.calendar-table {
	width: 100%;
	height: 80%;
	border-collapse: collapse;
	table-layout: fixed; /* Enforce columns to be the same width */
}
.calendar-table td.hidden {
	opacity: 0;
	pointer-events: none;
}
.calendar-table > tbody {
	height: 100%;
}
#merged_cell {
	width: 100%;
	transition: opacity 0.3s ease;
	border-style: none;
	vertical-align: top;
	padding: 8px;
}
#merged-back {
	width: fit-content !important;
	margin: 6px auto;
	font-size: 1.2em;
}
.calendar-table th {
	background-color: var(--tile-bg-color);
}
.calendar-table td {
	border: 1px solid var(--border-color);
}
.calendar-table td.valid-day:hover {
	background-color: var(--tile-bg-color);
	cursor: pointer;
}
.cal-header {
	height: 50px;
	width: 14.2857% !important;
	border: 1px solid var(--border-color);
	text-align: center;
	opacity: 0;
	animation: fadeIn 0.5s forwards;
	animation-delay: 0.1s;
	font-size: 1.5em;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.cal-header-short {
	height: 50px;
	width: 14.2857% !important;
	border: 1px solid var(--border-color);
	text-align: center;
	opacity: 0;
	animation: fadeIn 0.5s forwards;
	animation-delay: 0.1s;
	font-size: 2em;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.cal-cell {
	border: 1px solid var(--border-color);
	text-align: center;
	opacity: 0;
	animation: fadeIn 0.5s forwards;
	animation-delay: 0.1s;
	position: relative;

	max-height: 80px !important;
	height: 80px !important;
	overflow-y: clip;
}
#cal-cell-today {
	background-color: var(--tile-bg-color);
	border-width: 3px;
}
.cal-cell > div {
	height: 100%;
}
.cal-cell-highlighted {
	border-color: yellow;
	border-style: solid;
	border-width: 2px;
}

.cal-cell-entry {
	background-color: var(--tile-bg-color);
	color: var(--main-text-color);
	width: 100%;
	height: 24px;
	padding: 0;
	margin: 0;
	
	text-align: left;
	vertical-align: middle;

	font-size: 0.8em;
	border-color: #000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-style: solid;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}
.cal-cell-line-spacer {
	height: 24px;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.cal-entry-link {
	display: block;
	height: 100%;
	color: inherit;
	text-decoration: none;
}
.cal-cell-entry span {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.cal-cell-entry:hover {
	background-color: var(--main-bg-color);
	cursor: pointer;
	overflow: visible;
	z-index: 50;
	width: max-content;
	min-width: 100%;
	padding-right: 6px;
}
.cal-cell:has(.cal-cell-entry:hover) {
	position: relative;
	z-index: 40;
}

.calendar-button {
	width: 200px !important;	
	text-align: center;
	cursor: pointer;
	font-size: 3em;
}
.back-to-today {
	font-size: 0.75em;
	color: var(--text-additional-color);
	cursor: pointer;
	text-decoration: underline;
	margin-top: -8px;
}
.back-to-today:hover {
	color: var(--main-text-color);
}
.back-to-today.hidden-button {
	display: none;
}
.curr-month-clickable {
	cursor: pointer;
	color: var(--main-text-color);
}
#currMonth, .curr-month-clickable {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#article-panel-calendar-btn {
	cursor: pointer;
}
#article-panel-date,
#article-panel-visitors {
	border-color: color-mix(in srgb, var(--border-color) 20%, transparent);
}
.day-number {
	font-weight: bold;
	align-self: flex-end;
	padding-right: 2px;
	padding-left: 2px;
}

/*	IDs	*/
#filter,#title-middle{flex-grow:1}#list_container,#search_tags{overflow-y:auto;scroll-behavior:smooth;background-color:var(--tile-bg-color)}#filter,#search_count{border-style:solid;border-color:var(--border-color);border-width:1px}#article-panel div,#end,#filter,#list,#list_container,#next,#search_count,#search_tags,#settings-panel div{border-color:var(--border-color)}#article-panel-tags,#filter{border-radius:.5rem;padding:2px;display:flex}#article-panel-img,#banner,#filter{cursor:pointer}#article-panel,#article-panel-link:hover,#settings-panel{background-color:var(--main-bg-color)}#map-tooltip,#sub-logo{cursor:help}#article-panel-link,#filter,#filter-mobile,#list_container,#search_filter_icon,#search_tags,#settings-style{background-color:var(--tile-bg-color)}#footer_logo{height:4svh!important}#logo{max-height:7svh!important}#sub-logo{display:block;font-style:italic;font-size:.75em;opacity:.35}#list_container{height:70vh}#filter,#filter-mobile{text-align:center}#filter{flex-direction:row;width:100%;justify-content:flex-start;align-items:center}#tag_list{display:flex;flex-grow:1;flex-wrap:wrap}#no_tags{opacity:.5;margin:5px}#search_filter_icon{text-align:right;position:relative;cursor:pointer}#search_tags{align-content:flex-start;flex-wrap:wrap;height:75vh;margin-top:2px;border-radius:.5rem;padding:.5rem}#search_count{margin-left:4px;height:100%!important;border-radius:.5rem;padding:4px 6px 4px 4px;flex-grow:1}#sort_bar{grid-auto-columns:1fr;grid-auto-flow:column;width:100%}#article-panel,#settings-panel{right:-151vw;z-index:100;overflow:scroll;margin:0 0 5vh;width:100vw;color:var(--main-text-color);padding:0 30vw}#article-panel-tags{flex-direction:row;flex-wrap:wrap;margin-top:.5rem;margin-left:.5rem}#article-panel-img{margin:8px;float:right;height:20%!important;aspect-ratio:1/1;background-repeat:no-repeat;background-position:center center;background-size:contain}#article-panel-content,#settings-panel-content{text-align:justify;display:block}#article-panel-date{float:left;text-align:left}#article-panel-link{margin-top:10px;padding:4px;color:var(--main-text-color)}#article-panel-google-icon,#article-panel-ical-icon{width:24px;height:24px}#article-panel-add-calendar{display:flex;flex-direction:column;font-size:.75rem;line-height:1rem;text-align:center}#article-panel-map-tooltip{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px;margin:5px;border-radius:6px;border-color:#fff;border-width:1px;position:fixed;z-index:10000}#map-tooltip:hover #article-panel-map-tooltip{visibility:visible;font-size:.75em;width:fit-content;bottom:40%;left:50%;transform:translate(-50%,-50%);margin-inline:auto}#settings-style{color:var(--main-text-color)}

/*	ANIMATIONS	*/
@keyframes listEntryShow{0%{opacity:0;transform:translateY(50%)}100%{opacity:1;transform:translateY(0)}}@keyframes fullObjectRotateWithPause{0%{transform:rotate(0)}100%,50%{transform:rotate(360deg)}}@keyframes shakeAndPulse{0%,100%,50%{transform:rotate(0) scale(1)}15%,25%,35%,45%,5%{transform:rotate(-5deg) scale(1.1)}10%,20%,30%,40%{transform:rotate(5deg) scale(.9)}}@keyframes articleSlideIn{from{right:-151vw}to{right:0}}@keyframes articleSlideOut{from{left:0}to{left:-151vw}}
@keyframes fadeIn {
	to {
		opacity: 1;
	}
}

/*	MEDIA	*/
@media only screen and (min-width:1650px){#settings-hide:hover,.toggle:hover{transform:scale(1.5);transition:transform .2s ease-in-out}body{padding:0 30vw}.tile-content:hover{transform:scale(1.6);transition:transform .2s ease-in-out}}@media only screen and (max-height:500px){#title-middle{line-height:10px}.toggle{font-size:1.25em!important}header{padding:0!important}#sub-logo{display:none}}@media only screen and (max-width:350px){.tile-content{transform:scale(.8)}}@media only screen and (max-width:460px){#toggle_bar,.toggle{margin:auto!important}#logo{display:none}#title-middle{flex-grow:0}#toggle_bar{flex-grow:1}body{font-size:.7em}h1{font-size:1.2em!important;line-height:110%!important;padding-bottom:4px}}@media only screen and (max-width:520px){#settings-style{font-size:.8em!important}footer{font-size:.75em}}@media only screen and (max-width:600px){#article-panel-img{padding:3px auto;width:100%;height:15%!important;aspect-ratio:1/1;display:block;background-repeat:no-repeat;background-position:center center;background-size:contain}.google-map{height:250px}#end_content,#next_content{font-size:.5em;line-height:110%!important}.entry_title{font-size:1.1em}.entry_desc{font-size:.9em}}@media only screen and (max-width:700px) and (min-width:400px){#list_container{height:65vh}}@media only screen and (min-width:701px){#list_container{height:70vh}}@media only screen and (max-width:450px){#sort_bar{font-size:.7em}#list_container{height:70vh}}@media only screen and (max-width:899px){#article-panel,#settings-panel{padding:0 2vw}}
/* Dostepnosc: wyrazny fokus przy nawigacji klawiatura (bez zmiany wygladu dla myszy). */
:focus-visible{outline:3px solid #f59e0b!important;outline-offset:2px}
/* Przypomnij mi (Web Push) */
.remind-open{background-color:var(--main-bg-color);color:var(--main-text-color);cursor:pointer;white-space:nowrap}
.remind-open[aria-pressed=true]{background-color:var(--tile-bg-color)}
#article-panel-remind{margin-top:.5rem;width:max-content}
#article-panel-remind .remind-icon{display:inline-block;width:24px;text-align:center;font-size:1.25rem;line-height:24px;margin:auto 0}
#article-panel-remind .remind-label{white-space:nowrap;margin:auto}
#remind-overlay{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:1rem}
#remind-dialog{background-color:var(--main-bg-color);color:var(--main-text-color);border:1px solid var(--border-color);border-radius:.75rem;max-width:26rem;width:100%;padding:1rem 1.25rem;box-shadow:0 10px 30px rgba(0,0,0,.5)}
#remind-dialog h2{font-size:1.15rem;font-weight:700;margin:0}
#remind-dialog fieldset{border:0;margin:.75rem 0;padding:0}
#remind-dialog legend{margin-bottom:.5rem}
.remind-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.remind-x{background:transparent;color:var(--main-text-color);border:0;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem}
.remind-event{font-weight:400;opacity:.85;margin-top:.25rem}
.remind-option{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:.5rem;cursor:pointer;background-color:var(--tile-bg-color);margin-bottom:.35rem}
.remind-note{font-size:.8rem;font-weight:400;opacity:.8}
.remind-msg{min-height:1.25rem;font-size:.9rem;margin:.5rem 0}
.remind-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}
.remind-btn{background-color:var(--tile-bg-color);color:var(--main-text-color);border:1px solid var(--border-color);border-radius:.5rem;padding:.4rem .8rem;cursor:pointer}
.remind-btn:disabled{opacity:.5;cursor:wait}
.remind-primary{background-color:#f59e0b;color:#0D1B2A;border-color:#f59e0b}
html[data-text=large]{font-size:112.5%}
html[data-text=xlarge]{font-size:125%}
html[data-motion=reduce] *,html[data-motion=reduce] *::before,html[data-motion=reduce] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
html[data-motion=reduce] .tile-content:hover,html[data-motion=reduce] .toggle:hover,html[data-motion=reduce] #settings-hide:hover{transform:none!important}
.settings-btn{background-color:var(--tile-bg-color);color:var(--main-text-color);border:1px solid var(--border-color);border-radius:.5rem;padding:.4rem .8rem;cursor:pointer}
#settings-reminders{list-style:none;margin:0;padding:0}
#settings-reminders li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:.5rem;background-color:var(--tile-bg-color);margin-bottom:.35rem}
#settings-reminders .set-rem-title{font-weight:700}
#settings-reminders .set-rem-meta{font-size:.8rem;opacity:.8}#settings-panel{overflow-y:auto}
#settings-textsize,#settings-sort,#settings-lang{background-color:var(--tile-bg-color);color:var(--main-text-color)}
#settings-panel-content>div>label{flex:0 0 33%;text-align:left}
#settings-panel-content>div>.center{flex:0 0 66.6%;margin:0;text-align:left}
