/*
 * Frontend-stílur fyri "Føroysk Bíbluvers".
 *
 * Nýtir Blocksy temans egnu CSS-variablar (--theme-palette-color-1..8),
 * so kassin sjálvvirkandi fylgir tí litasamansetingini brúkarin hevur
 * valt í Blocksy → Customizer → Litir. Um temað ikki er Blocksy (ella
 * variablarnir av øðrari orsøk ikki eru til reiðar), verða fallback-
 * litir brúktir í staðin, so alt sær væl út burtur frá temanum.
 */

.fbv-verse-box {
	--fbv-accent: var( --theme-palette-color-1, #2f6f4f );
	--fbv-text: var( --theme-palette-color-3, #2c2c2c );
	--fbv-title: var( --theme-palette-color-4, #1a1a1a );
	--fbv-border: var( --theme-palette-color-5, #e2e2e2 );
	--fbv-surface: var( --theme-palette-color-7, #f9f9f7 );

	box-sizing: border-box;
	max-width: 100%;
	margin: 1.5em 0;
	padding: 1.5em 1.75em;
	background: var( --fbv-surface );
	border: 1px solid var( --fbv-border );
	border-left: 4px solid var( --fbv-accent );
	border-radius: 8px;
	font-family: var( --contentFontFamily, inherit );
	color: var( --fbv-text );
}

.fbv-verse-box .fbv-eyebrow {
	margin: 0 0 0.5em;
	font-size: 0.78em;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var( --fbv-accent );
}

.fbv-verse-box .fbv-verse-text {
	margin: 0 0 0.75em;
	padding: 0;
	border: none;
	font-size: 1.15em;
	line-height: 1.6;
	font-style: italic;
	color: var( --fbv-title );
}

.fbv-verse-box .fbv-verse-text p {
	margin: 0 0 0.5em;
}

.fbv-verse-box .fbv-verse-text p:last-child {
	margin-bottom: 0;
}

.fbv-verse-box .fbv-verse-reference {
	margin: 0;
	font-size: 0.9em;
	font-weight: 600;
	text-align: right;
	color: var( --fbv-accent );
}

.fbv-verse-box .fbv-verse-translation {
	font-weight: 400;
	color: var( --fbv-text );
	opacity: 0.75;
}

.fbv-not-found {
	padding: 1em;
	border: 1px dashed var( --theme-palette-color-5, #e2e2e2 );
	border-radius: 6px;
	color: var( --theme-palette-color-3, #555 );
	font-style: italic;
}

/* Widget-øki hjá Blocksy hava stundum sínar egnu breddir - so kassin
   ikki flotar sær ov breiðan út: */
.widget .fbv-verse-box,
.ct-sidebar .fbv-verse-box {
	padding: 1.1em 1.25em;
	font-size: 0.95em;
}