/* Meteo Pisarovina – [meteo_mini]. Font i boje nasljeđuju se iz teme. */

.mpis-mini {
	line-height: 1.3;
}

.mpis-mini__title {
	font-size: 1.05em;
	font-weight: 600;
	margin: 0 0 .5em;
}

.mpis-mini__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(7.5em, 1fr));
	gap: .5em;
}

.mpis-mini__card {
	display: flex;
	align-items: center;
	gap: .6em;
	min-width: 0;
	padding: .6em .7em;
	border: 1px solid rgba(127, 127, 127, .25);
	border-radius: 6px;
	background: #205b00;
	color:#fff;
}

.mpis-mini__icon {
	flex: 0 0 auto;
	width: 1.6em;
	height: 1.6em;
	opacity: .85;
}

.mpis-mini__icon svg {
	display: block;
	width: 100%;
	height: 100%;
	transform-origin: 50% 50%;
	fill:#fff;
}

.mpis-mini__text {
	min-width: 0;
}

.mpis-mini__label {
	display: block;
	font-size: .75em;
	opacity: .75;
}

.mpis-mini__value {
	display: block;
	font-size: 1.25em;
	font-weight: 600;
	white-space: nowrap;
}

.mpis-mini__value abbr {
	text-decoration: none;
	border: 0;
	cursor: help;
}

.mpis-mini__deg {
	font-size: .65em;
	font-weight: 400;
	opacity: .75;
}

.mpis-mini__updated {
	margin: .5em 0 0;
	font-size: .75em;
	opacity: .7;
}

.mpis-mini__stale {
	margin: .25em 0 0;
	font-size: .75em;
	font-weight: 600;
}

.mpis-mini--empty {
	font-size: .9em;
	opacity: .75;
}

/* Compact sidebar layout, independent of the theme's base font size. */
.mpis-mini {
    width: 100%;
    max-width: 100%;
    font-size: 13px;
    line-height: 1.3;
}
.mpis-mini, .mpis-mini * { box-sizing: border-box; }
.mpis-mini .mpis-mini__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}
.mpis-mini .mpis-mini__card {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 8px;
    margin: 0;
    min-width: 0;
    background: #205b00;
    color: #fff;
}
.mpis-mini .mpis-mini__icon {
    display: block;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    line-height: 1;
}
.mpis-mini .mpis-mini__icon svg {
    display: block;
    width: 22px;
    height: 22px;
    max-width: 22px;
    max-height: 22px;
    margin: 0;
}
.mpis-mini .mpis-mini__label { font-size: 10px; line-height: 1.3; }
.mpis-mini .mpis-mini__value {
    font-size: 16px;
    line-height: 1.3;
    white-space: normal;
    overflow-wrap: anywhere;
}
.mpis-mini .mpis-mini__deg { font-size: 10px; }
.mpis-mini .mpis-mini__updated,
.mpis-mini .mpis-mini__stale {
    margin: 6px 0 0;
    padding: 0;
    font-size: 10px;
    line-height: 1.4;
}