/*
 * Receptarna – videz receptov WP Delicious.
 * Prepisujemo samo videz (barve, pisave, razmike) obstoječih razredov WP Delicious,
 * ne njihovih predlog – tako posodobitve vtičnika ne pokvarijo strani.
 */

/* Naslovi in meta vrstica */
.dr-title,
.dr-ingredient-time-title,
.dr-print-block-title {
	font-family: var(--rp-font-heading);
	font-weight: 800;
	color: var(--rp-brown);
}

.dr-meta-title {
	font-weight: 700;
	color: var(--rp-brown);
	text-transform: none;
	letter-spacing: 0;
}

.dr-prep-time,
.dr-cook-time,
.dr-total-time,
.dr-yields,
.dr-season,
.dr-lavel {
	color: var(--rp-brown);
}

.dr-svg-icon,
.dr-svg-icon svg {
	color: var(--rp-orange);
	fill: currentColor;
}

/* Povzetek recepta na kremnem ozadju */
.dr-summary,
.dr-recipe-summary-inner {
	background: var(--rp-cream);
	border-radius: var(--rp-radius);
}

/* Sestavine */
.dr-ingredient-meta {
	border-color: var(--rp-caramel);
}

/* Kategorije, ključne besede in oznake */
.dr-category a,
.dr-recipe-keys a {
	color: var(--rp-orange-dark);
	font-weight: 600;
}

/* Gumbi WP Delicious (natisni, shrani, preklopniki enot) */
.dr-buttons a,
.dr-buttons button,
.dr-switch-btn {
	background-color: var(--rp-orange);
	color: var(--rp-brown);
	border-radius: var(--rp-radius-sm);
	font-weight: 700;
}
.dr-buttons a:hover,
.dr-buttons button:hover {
	background-color: var(--rp-brown);
	color: var(--rp-white);
}

/* Ocene */
.dr-star-ratings,
.wpd-rating-container {
	color: var(--rp-orange);
}

/* Oznaka "Preizkušeno" nad receptom */
.rp-recipe-trust {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1rem;
	margin: 0 0 1.5rem;
	font-size: 0.9rem;
}
.rp-recipe-trust__photo { color: var(--rp-brown); opacity: 0.85; }

/* =====================================================================================================
 * Postavitev C – »revijalni naslov čez sliko« (ODLOCITVE O31, tema 0.1.29).
 * Glava: delicious-recipes/recipe/header.php; hranilne vrednosti in kljukanje sestavin: inc/recipe.php,
 * assets/js/recipe.js. Pod glavo ostane kartica WP Delicious (sestavine, priprava, hranilne vrednosti,
 * nasveti) – tu samo njen videz.
 * ===================================================================================================== */

body.single-recipe { overflow-x: clip; } /* slika čez vso širino ne sme dodati vodoravnega drsnika */

/* Slika čez vso širino in naslovna kartica, ki jo prekrije spodaj. */
.rp-hero { position: relative; margin: 0 0 1.5rem; text-align: center; }
.rp-hero__media { margin: 0 calc(50% - 50vw); }
.rp-hero__img {
	display: block;
	width: 100%;
	height: clamp(280px, 52vw, 640px);
	object-fit: cover;
	object-position: 50% 40%;
}
.rp-hero__card {
	position: relative;
	box-sizing: border-box;
	max-width: 940px;
	margin: -150px auto 0;
	padding: 36px 40px 8px;
	background: var(--rp-paper);
	border-radius: 24px 24px 0 0;
}
.rp-hero__card--plain { margin-top: 0; }
.rp-hero .rp-recipe-trust { justify-content: center; margin: 0 0 18px; }
.rp-hero .rp-tested-badge { background: transparent; color: var(--rp-brown); border: 1.5px solid var(--rp-caramel); }
.rp-hero .rp-tested-badge svg { fill: var(--rp-orange-dark); }
.rp-hero__title {
	margin: 0 0 10px !important;
	font-family: var(--rp-font-heading);
	font-size: clamp(2rem, 5vw, 3.75rem) !important;
	line-height: 1.05 !important;
	font-weight: 800 !important;
	letter-spacing: -0.03em;
	color: var(--rp-brown) !important;
}
.rp-hero__lead {
	max-width: 640px;
	margin: 0 auto;
	font-family: var(--rp-font-slogan);
	font-style: italic;
	font-size: clamp(1.1rem, 2vw, 1.3rem);
	line-height: 1.55;
	color: #6B4A34;
}
/* Vrsta jedi · avtor s sliko · datum v eni vrstici, poravnani po sredini (slika ne dvigne imena). */
.rp-hero__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 4px 8px;
	margin: 16px 0 0;
	font-size: 0.9rem;
	line-height: 28px;
	color: #7A5A44;
}
.rp-hero__meta a { color: var(--rp-orange-dark); font-weight: 600; }
.rp-hero__author { display: inline-flex; align-items: center; gap: 6px; }
.rp-hero__author img { display: block; width: 28px; height: 28px; margin: 0 !important; border-radius: 50%; }
.rp-hero__sep { line-height: 1; }

/* Temen pas s časi, porcijami in težavnostjo. */
.rp-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	max-width: 940px;
	margin: 0 auto;
	padding: 0;
	background: var(--rp-brown);
	color: var(--rp-paper);
	border-radius: 18px;
	overflow: hidden;
}
.rp-stats__item { margin: 0; padding: 16px 20px; border-right: 1px solid rgba(247, 243, 232, 0.18); text-align: left; }
.rp-stats__item:last-child { border-right: 0; }
.rp-stats dt { margin: 0; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #F4C98A; }
.rp-stats dd { margin: 4px 0 0; font-size: 1.35rem; font-weight: 800; line-height: 1.2; }
.rp-stats__item--total { background: var(--rp-orange); color: var(--rp-brown); }
.rp-stats__item--total dt { color: var(--rp-brown); }

/* Oznake prehrane (zelene) in ključne besede, nato vrstica s kuhinjo, sezono … */
.rp-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 940px; margin: 16px auto 0; padding: 0; list-style: none; }
.rp-tags li { margin: 0; }
.rp-tag {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--rp-cream);
	color: var(--rp-brown) !important;
	font-size: 0.8rem;
	font-weight: 600;
	text-decoration: none;
}
.rp-tag--diet { background: #E3EFD9; color: #2F5A1F !important; font-weight: 700; }
.rp-tag:hover { box-shadow: inset 0 0 0 1.5px currentColor; }
.rp-facts { max-width: 940px; margin: 12px auto 0; font-size: 0.85rem; color: #7A5A44; text-align: center; }
.rp-facts a { color: var(--rp-orange-dark); }

/* Gumbi na sredini, zaobljeni. */
/* Vsi gumbi enako visoki (48 px) in poravnani po sredini – »Natisni recept« (WP Delicious) je bil višji, ovoj
   »Dodaj med priljubljene« pa je gumb dvignil. */
.dr-buttons.rp-hero__buttons { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; margin: 24px auto 8px; }
.rp-hero__buttons > *,
.rp-hero__buttons .rp-action,
.rp-hero__buttons .dr_wishlist__recipe,
.rp-hero__buttons .dr-add-to-wishlist-single,
.rp-hero__buttons .dr-recipe-wishlist { margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.rp-hero__buttons .dr-add-to-wishlist-single,
.rp-hero__buttons .dr-recipe-wishlist { display: flex; align-items: center; }
.rp-hero__buttons .dr-btn-link,
.rp-hero__buttons .dr_wishlist__recipe,
.rp-hero__buttons .rp-action {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box !important;
	height: 48px !important;
	min-height: 48px !important;
	padding: 0 22px !important;
	border-width: 1.5px !important;
	border-style: solid !important;
	border-radius: 999px !important;
	font-size: 16px !important;
	line-height: 1.2 !important;
}
.rp-hero__buttons .dr-btn-link svg,
.rp-hero__buttons .dr_wishlist__recipe svg { flex: none; margin: 0 0 0 8px !important; }
.rp-hero__buttons .rp-action-note { margin: 0 !important; text-align: center; }

/* Uvod (besedilo recepta) v ožjem stolpcu za lažje branje. */
.dr-single-recipe > .dr-entry-content > p,
.dr-single-recipe > .dr-entry-content > h2,
.dr-single-recipe > .dr-entry-content > h3,
.dr-single-recipe > .dr-entry-content > ul,
.dr-single-recipe > .dr-entry-content > ol { max-width: 720px; margin-inline: auto; }
.dr-single-recipe > .dr-entry-content > p { font-size: 1.15rem; line-height: 1.8; }

/* Ponovitve, ki jih glava že pokaže: podnaslov WP Delicious in povzetek v kartici (slika, časi, gumbi). */
.dr-single-recipe > .dr-info,
.dr-single-recipe .dr-summary-holder > .dr-post-summary { display: none !important; }

/* Kartica recepta: sestavine levo, priprava desno (od 900 px), hranilne vrednosti čez vso širino. */
.dr-single-recipe .dr-summary-holder {
	margin-top: 56px;
	padding-top: 48px;
	border-top: 1px solid #D9C3A3;
	background: none !important;
	box-shadow: none !important;
}
@media (min-width: 900px) {
	/*
	 * Vrstica 1: sestavine (čez 2 vrstici) | priprava; vrstica 2 (1fr): nadaljevanje sestavin | nasveti. Vrstica 2
	 * je prožna, zato višja kolona sestavin ne potisne nasvetov navzdol. Vse drugo (hranilne vrednosti …) čez vso
	 * širino pod tem. Opozorilo o prehrani (RP_Diet) je čez vso širino na vrhu in vse zamakne za eno vrstico.
	 */
	.dr-single-recipe .dr-summary-holder {
		display: grid;
		grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
		grid-template-rows: auto 1fr;
		column-gap: 56px;
		align-items: start;
	}
	.dr-single-recipe .dr-summary-holder > * { grid-column: 1 / -1; }
	.dr-single-recipe .dr-summary-holder > .dr-ingredients-list { grid-column: 1; grid-row: 1 / span 2; }
	.dr-single-recipe .dr-summary-holder > .dr-instructions { grid-column: 2; grid-row: 1; }
	.dr-single-recipe .dr-summary-holder > .dr-note { grid-column: 2; grid-row: 2; }
	.dr-single-recipe .dr-summary-holder:has(> .rp-diet-warning) { grid-template-rows: auto auto 1fr; }
	.dr-single-recipe .dr-summary-holder > .rp-diet-warning { grid-row: 1; }
	.dr-single-recipe .dr-summary-holder:has(> .rp-diet-warning) > .dr-ingredients-list { grid-row: 2 / span 2; }
	.dr-single-recipe .dr-summary-holder:has(> .rp-diet-warning) > .dr-instructions { grid-row: 2; }
	.dr-single-recipe .dr-summary-holder:has(> .rp-diet-warning) > .dr-note { grid-row: 3; }
}
.dr-single-recipe .dr-ingredients-list .dr-title,
.dr-single-recipe .dr-instructions .dr-title,
.dr-single-recipe .dr-summary-holder > .dr-note .dr-title {
	margin: 0 0 14px !important;
	font-size: 0.8rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--rp-orange-dark) !important;
}
.dr-single-recipe .dr-ingredients-list,
.dr-single-recipe .dr-instructions { margin: 0 0 32px !important; padding: 0 !important; background: none !important; border: 0 !important; }

/* Sestavine: vrstice s kljukico (recipe.js), brez nadomestnih sličic WP Delicious. */
.dr-single-recipe .recipe-ingredient .wpdelicious-gallery-item:has(img[src*="ingredient-placeholder"]) { display: none !important; }
.dr-single-recipe .dr-ingredients-list .dr-unordered-list { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.dr-single-recipe .dr-ingredients-list .recipe-ingredient {
	display: flex !important;
	align-items: center;
	gap: 12px;
	margin: 0 !important;
	padding: 12px 0 !important;
	border-bottom: 1px solid #EADBC4;
	font-size: 1rem;
	line-height: 1.45;
}
.dr-single-recipe .recipe-ingredient::before,
.dr-single-recipe .recipe-ingredient::marker { content: none !important; }
.dr-single-recipe .recipe-ingredient label { margin: 0; cursor: inherit; }
.dr-single-recipe .recipe-ingredient .ingredient_quantity,
.dr-single-recipe .recipe-ingredient .ingredient_unit { font-weight: 800; }
.dr-single-recipe .recipe-ingredient.rp-tick { cursor: pointer; }
.dr-single-recipe .recipe-ingredient.rp-tick::before {
	content: "" !important;
	display: block !important;
	flex: none;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border: 2px solid var(--rp-caramel);
	border-radius: 6px;
	background: var(--rp-white) center / 14px no-repeat;
}
.dr-single-recipe .recipe-ingredient.rp-tick.is-ticked::before {
	border-color: var(--rp-orange);
	background-color: var(--rp-orange);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A2A1A' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
.dr-single-recipe .recipe-ingredient.rp-tick.is-ticked label { color: #8C7766; text-decoration: line-through; }
.dr-single-recipe .recipe-ingredient.rp-tick:focus-visible { outline: 2px solid var(--rp-orange); outline-offset: 2px; }

/* Priprava: velike številke korakov. */
.dr-single-recipe .dr-instructions .dr-ordered-list { counter-reset: rp-step; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.dr-single-recipe .dr-instructions .dr-ordered-list > li {
	counter-increment: rp-step;
	position: relative;
	margin: 0 !important;
	padding: 0 0 28px 84px !important;
	min-height: 64px;
	border-bottom: 1px solid #EADBC4;
}
.dr-single-recipe .dr-instructions .dr-ordered-list > li + li { padding-top: 28px !important; }
.dr-single-recipe .dr-instructions .dr-ordered-list > li:last-child { border-bottom: 0; }
.dr-single-recipe .dr-instructions .dr-ordered-list > li::marker { content: none; }
.dr-single-recipe .dr-instructions .dr-ordered-list > li::before {
	content: counter(rp-step) !important;
	position: absolute !important;
	left: 0;
	top: 0;
	width: 64px !important;
	height: auto !important;
	margin: 0 !important;
	background: none !important;
	border: 0 !important;
	font-family: var(--rp-font-slogan);
	font-style: italic;
	font-weight: 600;
	font-size: 64px;
	line-height: 0.9;
	text-align: left;
	color: var(--rp-orange);
}
.dr-single-recipe .dr-instructions .dr-ordered-list > li + li::before { top: 28px; }
.dr-single-recipe .dr-instruction { font-size: 1.05rem; line-height: 1.8; }

/* Nasveti: kremno polje s poševnim besedilom (prej oranžen rob levo). */
.dr-single-recipe .dr-summary-holder > .dr-note {
	margin: 0 0 32px !important;
	padding: 28px 32px !important;
	border: 0 !important;
	border-radius: 20px !important;
	background: var(--rp-cream) !important;
	font-family: var(--rp-font-slogan);
	font-style: italic;
	font-size: 1.2rem;
	line-height: 1.6;
}
.dr-single-recipe .dr-summary-holder > .dr-note .dr-title { font-family: var(--rp-font-heading); font-style: normal; color: #8A5410 !important; }

/* »Kaj je v porciji« (inc/recipe.php) in celotna tabela WP Delicious pod »Vse hranilne vrednosti«. */
.rp-nutri { margin: 32px 0; padding: 32px 36px; background: var(--rp-white); border-radius: 24px; }
.rp-nutri__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; }
.rp-nutri__title { margin: 0 !important; font-size: 1.35rem !important; font-weight: 800; color: var(--rp-brown); }
.rp-nutri__kcal { margin: 0; font-size: 0.95rem; }
.rp-nutri__kcal b { font-size: 2.1rem; font-weight: 800; }
.rp-nutri__bar { display: flex; height: 20px; margin-top: 20px; border-radius: 10px; overflow: hidden; background: var(--rp-cream); }
.rp-nutri__seg + .rp-nutri__seg { border-left: 2px solid var(--rp-white); }
.rp-nutri__seg--totalFat, .rp-nutri__item--totalFat .rp-nutri__dot { background: var(--rp-orange); }
.rp-nutri__seg--totalCarbohydrate, .rp-nutri__item--totalCarbohydrate .rp-nutri__dot { background: var(--rp-caramel); }
.rp-nutri__seg--protein, .rp-nutri__item--protein .rp-nutri__dot { background: var(--rp-brown); }
.rp-nutri__item--dietaryFiber .rp-nutri__dot { border: 2px solid var(--rp-caramel); }
.rp-nutri__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 16px; margin: 18px 0 0; padding: 0; list-style: none; }
.rp-nutri__item { display: flex; gap: 10px; align-items: flex-start; margin: 0; }
.rp-nutri__item small { font-size: 0.8rem; color: #7A5A44; }
.rp-nutri__dot { flex: none; box-sizing: border-box; width: 12px; height: 12px; margin-top: 5px; border-radius: 3px; }
.rp-nutri__note { margin: 18px 0 0; font-size: 0.75rem; color: #7A5A44; }
.rp-nutri__more { margin-top: 18px; }
.rp-nutri__more > summary { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; color: var(--rp-orange-dark); cursor: pointer; }
.rp-nutri__more .dr-nutrition-collapse-section-content { margin-top: 8px; }

/* Telefon: slika 4 : 3, kartica manj prekriva, ožji robovi. */
@media (max-width: 767px) {
	.rp-hero__img { height: auto; aspect-ratio: 4 / 3; }
	.rp-hero__card { margin-top: -40px; padding: 24px 16px 4px; border-radius: 18px 18px 0 0; }
	.rp-stats { border-radius: 14px; }
	.rp-stats__item { padding: 12px 14px; border-bottom: 1px solid rgba(247, 243, 232, 0.18); }
	.rp-stats dd { font-size: 1.1rem; }
	.rp-nutri { padding: 24px 18px; }
	/* Gumbi enakomerno v dveh stolpcih (WP Delicious nekatere razširi čez vso širino, druge ne). */
	.dr-buttons.rp-hero__buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
	.rp-hero__buttons > *,
	.rp-hero__buttons .rp-action,
	.rp-hero__buttons .dr-btn-link,
	.rp-hero__buttons .dr_wishlist__recipe { width: 100% !important; min-width: 0; box-sizing: border-box; padding-inline: 10px !important; font-size: 14px !important; }
	.rp-hero__buttons .rp-action-note { grid-column: 1 / -1; }
	.dr-single-recipe .dr-instructions .dr-ordered-list > li { padding-left: 56px !important; }
	.dr-single-recipe .dr-instructions .dr-ordered-list > li::before { width: 44px !important; font-size: 44px; }
}

@media print {
	.rp-hero__card { margin-top: 0; }
	.rp-hero__buttons, .rp-nutri__more > summary { display: none !important; }
}