/* =====================================================================
   DMKRTZ Views Counter — Frontend Styles
   ===================================================================== */

.dmkrtz-views {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: .9em;
	color: inherit;
	line-height: 1.4;
	vertical-align: middle;
}

.dmkrtz-views__icon {
	display: inline-flex;
	align-items: center;
	opacity: .75;
}
.dmkrtz-views__icon svg {
	width: 1em;
	height: 1em;
}

.dmkrtz-views__label {
	opacity: .8;
}

.dmkrtz-views__count {
	font-weight: 600;
}

/* Sizes */
.dmkrtz-views--small  { font-size: .78em; }
.dmkrtz-views--medium { font-size: .9em; }
.dmkrtz-views--large  { font-size: 1.1em; }

/* Styles */
.dmkrtz-views--badge {
	background: rgba(0,0,0,.06);
	padding: 2px 8px 3px;
	border-radius: 4px;
}

.dmkrtz-views--pill {
	background: rgba(0,0,0,.06);
	padding: 2px 10px 3px;
	border-radius: 20px;
}

.dmkrtz-views--box {
	background: rgba(0,0,0,.05);
	border: 1px solid rgba(0,0,0,.1);
	padding: 3px 10px 4px;
	border-radius: 6px;
}