@charset "utf-8";

/* ===== BASE ===== */
html, body {
	min-height: 0;
	height: auto;
	padding: 0;
	margin: 0;
}
html {
	font-size: 12px;
	line-height: 1.5em;
	color: #000;
}
body {
	font: 10pt/14pt "Raleway", Arial, sans-serif;
	width: 100%;
}

@page { size: A4 portrait; margin: 1.5cm 1cm; }

/* ===== HIDE ALL SITE CHROME ===== */
#kul-glava,
header, header.header,
nav, .nav-container,
.recept-jump-nav, .jump-nav,
.spinner-container,
#servisniBlok,
#nadOglas,
#prazniki-container,
#info-praznik,
.info-kuha,
footer:not(.print-footer), footer.footer,
#bottomAdWrapper, #adContainer,
#receptslike,
#breadcrumbs,
#ozadjeReklama,
#neboticnik,
#footer,
.recipe-ad-column,
.ad-column-sticky,
.ad-column-prazniki,
.oglas-300x600-inner,
.recipe-share-top,
.recept-admin-icon,
.uredi,
.mnozilnik,
form,
.push {
	display: none !important;
}

/* ===== CONTENT LAYOUT — force full width ===== */
#recepti.recept .recipe-with-ad {
	display: block !important;
}
#recepti.recept .recipe-content {
	width: 100% !important;
	max-width: 100% !important;
}

section.main-left { width: 100%; }
#Container { background: none; margin: 0; width: auto; }
#vsebina, #bodyContainer { float: none; }

/* ===== TYPOGRAPHY ===== */
h2 { color: #000; font-size: 16pt; }
h3 { color: #000; font-size: 14pt; }
a, a.linki, .linki a { color: #000 !important; }

hr {
	display: block;
	height: 1px;
	background: transparent;
	width: 100%;
	border: none;
	border-top: solid 1px #aaa;
}

/* ===== RECIPE PRINT ===== */
#print { margin: 0; }
#comments.separate { page-break-before: always; }
/* Settings form — screen-only, never print */
#float { display: none !important; }
/* Subtitle spacing */
#print h1 { margin-bottom: 2px; }
#print #recepti.recept p.opis { margin-top: 6px; margin-bottom: 14px; }
ul.servis li .servis-label { margin-right: 4px; }
ul.servis .servis-ikona { display: none; }
/* Sestavine: ingredients left, image right — flex overrides float+table conflicts */
#receptSestavine { display: flex !important; flex-wrap: wrap; align-items: flex-start; gap: 0 20px; overflow: visible !important; page-break-inside: avoid; margin-bottom: 1cm !important; }
#receptSestavine > h3 { flex: 0 0 100%; margin-bottom: 0.4cm !important; }
#receptSestavine #sestavine { flex: 1 !important; display: block !important; width: auto !important; float: none !important; min-width: 150px; background: none !important; padding: 0 !important; }
#receptSestavine #slika { flex: 0 0 7cm; width: 7cm !important; float: none !important; }
#receptSestavine #slika img { display: block; width: 7cm !important; height: auto !important; max-width: 7cm; max-height: 4cm; object-fit: cover; }
/* Ingredient rows: table layout, quantity column auto-width so names start close to left */
#sestavine { display: table !important; }
#sestavine .sestavina { display: table-row !important; }
#sestavine span.label { display: table-cell !important; width: auto !important; white-space: nowrap; text-align: right; padding-right: 8px; color: #555; }
#sestavine span.label-value { display: table-cell !important; width: auto !important; padding-left: 8px !important; }
/* Avoid page break right after headings */
h2, h3 { page-break-after: avoid; }
/* Source URL footer */
.print-footer { margin-top: 20px; padding-top: 8px; border-top: 1px solid #ccc; font-size: 9pt; color: #666; }