/**
 * MV Gutenberg blokovi — frontend stilovi.
 *
 * Koristi --mv-* brand CSS varijable iz mv-portal-core/assets/css/brand-vars.css.
 * Migracija iz teme — plugin sad vlastiti owns frontend block styling.
 *
 * Backward compat: CSS klase nepromijenjene (.callout, .napomena, .quote, .quote-mini)
 * tako da postojeći postovi u bazi i dalje rade.
 */

/* ─────────────────────────────────────────────────────────
 * Callout — istaknuti box s borderom
 * ───────────────────────────────────────────────────────── */
.callout {
	background-color: #ffffff;
	width:            100%;
	border:           2px solid var(--mv-text, #3A3B3C);
	padding:          20px;
	margin:           50px 0 20px 0;
	border-radius:    5px;
	font-weight:      500;
	font-size:        1.125rem;
	line-height:      1.5rem;
	box-sizing:       border-box;
}

/* ─────────────────────────────────────────────────────────
 * Callout (bez gornjeg razmaka) — varijanta callout-a koja
 * stoji odmah ispod nečega bez 50px razmaka iznad
 * ───────────────────────────────────────────────────────── */
.callout-top {
	background-color: #ffffff;
	width:            100%;
	border:           2px solid var(--mv-text, #3A3B3C);
	padding:          20px;
	margin:           0;
	border-radius:    5px;
	font-weight:      500;
	font-size:        1.125rem;
	line-height:      1.5rem;
	box-sizing:       border-box;
}

/* ─────────────────────────────────────────────────────────
 * Napomena — soft box bez bordera, veći padding
 * ───────────────────────────────────────────────────────── */
.napomena {
	background-color: #ffffff;
	width:            100%;
	border:           none;
	padding:          20px 40px;
	margin:           0 0 30px 0;
	font-weight:      400;
	font-size:        1.125rem;
	line-height:      1.5rem;
	border-radius:    15px;
	box-sizing:       border-box;
}

/* ─────────────────────────────────────────────────────────
 * Quote (veliki) — navy lijevi border, veći font, navy tekst
 * ───────────────────────────────────────────────────────── */
.quote {
	width:         100%;
	border-left:   5px solid var(--mv-navy, #162394);
	border-top:    none;
	border-bottom: none;
	border-right:  none;
	margin:        50px 0 40px 0 !important;
	padding:       10px;
	font-size:     2rem;
	line-height:   2.5rem;
	font-weight:   500;
	color:         var(--mv-navy, #162394);
	box-sizing:    border-box;
}

/* ─────────────────────────────────────────────────────────
 * Quote-mini — sivi lijevi border, manji font, sivi tekst
 * ───────────────────────────────────────────────────────── */
.quote-mini {
	width:         100%;
	border-left:   5px solid var(--mv-text, #3A3B3C);
	border-top:    none;
	border-bottom: none;
	border-right:  none;
	margin:        50px 0 !important;
	padding:       10px 10px 10px 20px;
	font-size:     1.5rem;
	line-height:   2rem;
	font-weight:   500;
	color:         var(--mv-text, #3A3B3C);
	box-sizing:    border-box;
}