/* Layout and functional rules only — typography comes from the theme. */

.qr-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem;
}

@media (max-width: 768px) {
	.qr-columns {
		grid-template-columns: 1fr;
	}
}

.qr-widget select,
.qr-widget select option {
	font: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}

.qr-widget select {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	appearance: auto;
}

.qr-widget select option.qr-has-note {
	color: #b42318;
}

.qr-verse-display {
	direction: rtl;
	text-align: right;
}

.qr-verse-display.qr-loading {
	opacity: 0.6;
}

.qr-verse-ref,
.qr-verse-text,
.qr-note-title,
.qr-note-content,
.qr-note-placeholder,
.qr-note-empty {
	margin: 0;
}

.qr-verse-ref {
	margin-bottom: 0.5em;
}

.qr-verse-text {
	color: green;
}

.qr-note-box {
	padding-top: 50px;
}