/* ------------------------------------------------------------------
   Uvodna stran v2 (2026-09-22)
   Sloge pišem v obstoječi paleti CMS-a: navy #1b2d4f, rumena #fccb06,
   temna #0d0d33, svetla #f3f6ff. Pisava se deduje (Inter).
   ------------------------------------------------------------------ */

:root {
	--vc-navy: #1b2d4f;
	--vc-navy-d: #0f1e3a;
	--vc-yellow: #fccb06;
	--vc-dark: #0d0d33;
	--vc-light: #f3f6ff;
	--vc-line: #e3e8f2;
}

/* ---------------- HERO ---------------- */
.hero {
	position: relative;
	width: 100%;
	float: left;
	height: 78vh;
	min-height: 480px;
	max-height: 760px;
	overflow: hidden;
	background: var(--vc-navy-d);
}

.hero_track {
	position: absolute;
	inset: 0;
}

.hero_slide {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	background-color: var(--vc-navy-d);
	opacity: 0;
	visibility: hidden;
	transition: opacity .9s ease, visibility 0s linear .9s;
}

.hero_slide.is-active {
	opacity: 1;
	visibility: visible;
	transition: opacity .9s ease, visibility 0s;
	z-index: 2;
}

/* Slika pasice ------------------------------------------------------- */
.hero_media {
	position: absolute;
	inset: 0;
	overflow: hidden;
	background: var(--vc-navy-d);
}

/* Zabrisana kopija zapolni robove, če slika ni v razmerju pasice. */
.hero_blur {
	position: absolute;
	top: -4%;
	left: -4%;
	width: 108%;
	height: 108%;
	object-fit: cover;
	filter: blur(30px) saturate(1.15);
	opacity: 0;
	transition: opacity .6s ease;
}

.hero_img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 0;
	transition: opacity .7s ease, transform 9s linear;
}

/* Slika, ki ni panoramska, se ne obreže - prikaže se cela na zabrisani podlagi. */
.hero_media.is-contain .hero_img {
	object-fit: contain;
}

.hero_media.is-loaded .hero_img,
.hero_media.is-loaded .hero_blur {
	opacity: 1;
}

.hero_slide.is-active .hero_media.is-loaded .hero_img {
	transform: scale(1.05);
}

/* Utripajoč nadomestek, dokler se slika nalaga. */
.hero_media.is-loading::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .08) 45%, rgba(255, 255, 255, 0) 70%);
	background-size: 250% 100%;
	animation: heroShimmer 1.4s linear infinite;
}

@keyframes heroShimmer {
	0% {
		background-position: 150% 0;
	}

	100% {
		background-position: -50% 0;
	}
}

@media (prefers-reduced-motion: reduce) {

	.hero_img,
	.hero_slide.is-active .hero_media.is-loaded .hero_img {
		transform: none;
		transition: opacity .3s ease;
	}

	.hero_media.is-loading::after {
		animation: none;
	}
}

.hero_fallback {
	background-image: linear-gradient(120deg, #0f1e3a 0%, #1b2d4f 55%, #24406d 100%);
}

.hero_shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(15, 30, 58, .92) 0%, rgba(15, 30, 58, .78) 38%, rgba(15, 30, 58, .25) 70%, rgba(15, 30, 58, .05) 100%);
}

.hero .marg {
	position: relative;
	z-index: 2;
	padding: 0 20px;
}

.hero_caption {
	max-width: 640px;
	color: #fff;
}

.hero_kicker {
	display: inline-block;
	background: var(--vc-yellow);
	color: var(--vc-dark);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: 6px 12px;
	border-radius: 4px;
	margin-bottom: 18px;
}

.hero_title {
	font-size: 54px;
	line-height: 1.08;
	font-weight: 700;
	color: #fff;
	margin: 0 0 18px 0;
}

.hero_text {
	font-size: 18px;
	line-height: 1.6;
	color: rgba(255, 255, 255, .88);
	margin-bottom: 28px;
	/* Besedilo iz CMS je lahko dolgo - v heroju pokažemo največ tri vrstice. */
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.hero_text p {
	margin: 0 0 8px 0;
	color: rgba(255, 255, 255, .88);
}

.hero_cta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

/* gumbi */
.pb_btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 26px;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none !important;
	transition: .25s all;
	cursor: pointer;
	border: 2px solid transparent;
}

.pb_btn_main {
	background: var(--vc-yellow);
	color: var(--vc-dark) !important;
	border-color: var(--vc-yellow);
}

.pb_btn_main:hover {
	background: #ffd83a;
	border-color: #ffd83a;
	transform: translateY(-2px);
}

.pb_btn_ghost {
	background: rgba(255, 255, 255, .08);
	color: #fff !important;
	border-color: rgba(255, 255, 255, .55);
}

.pb_btn_ghost:hover {
	background: #fff;
	color: var(--vc-navy) !important;
	border-color: #fff;
}

.pb_btn_ghost_light {
	background: transparent;
	color: #fff !important;
	border-color: rgba(255, 255, 255, .5);
}

.pb_btn_ghost_light:hover {
	background: #fff;
	color: var(--vc-navy) !important;
}

/* puščice in pike */
.hero_arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .15);
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	transition: .25s all;
	backdrop-filter: blur(4px);
}

.hero_arrow:hover {
	background: var(--vc-yellow);
	color: var(--vc-dark);
}

.hero_prev {
	left: 18px;
}

.hero_next {
	right: 18px;
}

.hero_dots {
	position: absolute;
	bottom: 26px;
	left: 0;
	right: 0;
	z-index: 5;
	display: flex;
	justify-content: center;
	gap: 8px;
}

.hero_dot {
	width: 26px;
	height: 4px;
	border-radius: 2px;
	background: rgba(255, 255, 255, .45);
	cursor: pointer;
	transition: .25s all;
}

.hero_dot.is-active {
	background: var(--vc-yellow);
	width: 40px;
}

/* ---------------- HITRI DOSTOP ---------------- */
.quickbar {
	width: 100%;
	float: left;
	position: relative;
	z-index: 6;
	margin-top: -52px;
	padding: 0 20px;
}

.qb_grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.qb_item {
	display: flex;
	flex-direction: column;
	gap: 4px;
	background: #fff;
	border: 1px solid var(--vc-line);
	border-bottom: 3px solid var(--vc-yellow);
	border-radius: 10px;
	padding: 22px 22px 20px 22px;
	text-decoration: none !important;
	color: var(--vc-dark) !important;
	box-shadow: 0 10px 30px rgba(15, 30, 58, .10);
	transition: .25s all;
}

.qb_item:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 38px rgba(15, 30, 58, .16);
}

.qb_item i {
	font-size: 22px;
	color: var(--vc-navy);
	margin-bottom: 8px;
}

.qb_item strong {
	font-size: 17px;
	font-weight: 700;
	color: var(--vc-navy);
}

.qb_item span {
	font-size: 14px;
	color: #647589;
}

/* ---------------- PREDNOSTI ---------------- */
.usp {
	width: 100%;
	float: left;
	padding: 60px 20px 10px 20px;
}

.usp_grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.usp_item {
	background: var(--vc-light);
	border-radius: 10px;
	padding: 26px;
}

.usp_item i {
	font-size: 24px;
	color: var(--vc-navy);
	margin-bottom: 12px;
	display: block;
}

.usp_no strong {
	font-size: 26px;
	font-weight: 700;
	color: var(--vc-navy);
}

.usp_no span {
	font-size: 15px;
	color: var(--vc-navy);
	font-weight: 600;
}

.usp_item p {
	font-size: 14px;
	line-height: 1.5;
	color: #4a5a70;
	margin-top: 6px;
}

/* ---------------- NASLOVI SEKCIJ ---------------- */
.sec_head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
}

.sec_more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	font-weight: 600;
	color: var(--vc-navy) !important;
	text-decoration: none !important;
	white-space: nowrap;
}

.sec_more:hover {
	color: #24406d !important;
	gap: 12px;
}

/* ---------------- AKTUALNO ---------------- */
.home_news .news_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 26px;
	width: 100%;
	margin-top: 10px;
}

.news_item {
	display: block;
	border: 1px solid var(--vc-line);
	border-radius: 10px;
	overflow: hidden;
	text-decoration: none !important;
	color: var(--vc-dark) !important;
	background: #fff;
	transition: .25s all;
}

.news_item:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 34px rgba(15, 30, 58, .12);
}

.news_img {
	height: 190px;
	background-size: cover;
	background-position: center;
	background-color: var(--vc-light);
}

.news_cont {
	padding: 20px 22px 24px 22px;
}

.news_cont small {
	font-size: 13px;
	color: #7c8aa0;
	font-weight: 600;
}

.news_cont h3 {
	font-size: 19px;
	line-height: 1.35;
	color: var(--vc-navy);
	margin: 6px 0 8px 0;
}

.news_cont p {
	font-size: 14px;
	line-height: 1.55;
	color: #4a5a70;
}

/* ---------------- CTA PAS ---------------- */
.cta_band {
	width: 100%;
	float: left;
	margin: 70px 0 0 0;
	padding: 0 20px;
}

.cta_in {
	background: linear-gradient(120deg, var(--vc-navy-d) 0%, var(--vc-navy) 60%, #24406d 100%);
	border-radius: 14px;
	padding: 44px 46px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 22px;
}

.cta_txt h2 {
	color: #fff;
	font-size: 30px;
	line-height: 1.2;
	margin-bottom: 6px;
}

.cta_txt p {
	color: rgba(255, 255, 255, .8);
	font-size: 16px;
}

.cta_btns {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

/* ---------------- POPRAVKI OBSTOJEČIH GRIDOV ---------------- */
.grid_item.with_img {
	border: none;
	padding: 0;
	min-height: 230px;
}

.grid_item.with_img a {
	display: block;
	position: relative;
	height: 100%;
	min-height: 230px;
	border-radius: 8px;
	border-bottom-right-radius: 25px;
	overflow: hidden;
	background: var(--vc-navy);
}

.grid_item.with_img img {
	width: 100%;
	height: 100%;
	min-height: 230px;
	object-fit: cover;
	display: block;
	transition: .5s transform;
}

.grid_item.with_img a:hover img {
	transform: scale(1.06);
}

.grid_item.with_img h3 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	margin: 0;
	padding: 18px 20px;
	color: #fff !important;
	font-size: 21px;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .5);
	background: linear-gradient(0deg, rgba(15, 30, 58, .85) 0%, rgba(15, 30, 58, 0) 100%);
}

/* ---------------- ODZIVNOST ---------------- */
@media (max-width: 1100px) {
	.qb_grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.usp_grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.home_news .news_grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.hero_title {
		font-size: 42px;
	}
}

@media (max-width: 850px) {
	.hero {
		height: auto;
		min-height: 0;
		max-height: none;
	}

	.hero_track {
		position: relative;
		inset: auto;
	}

	.hero_slide {
		position: absolute;
		inset: 0;
	}

	.hero_slide.is-active {
		position: relative;
		inset: auto;
	}

	.hero_slide {
		min-height: 440px;
		padding: 60px 0;
	}

	.hero_arrow {
		display: none;
	}

	.cta_in {
		padding: 32px 26px;
	}

	.cta_txt h2 {
		font-size: 24px;
	}
}

@media (max-width: 580px) {
	.hero_title {
		font-size: 32px;
	}

	.hero_text {
		font-size: 16px;
	}

	.hero_cta .pb_btn {
		width: 100%;
		justify-content: center;
	}

	.qb_grid {
		grid-template-columns: 1fr;
	}

	.usp_grid {
		grid-template-columns: 1fr;
	}

	.home_news .news_grid {
		grid-template-columns: 1fr;
	}

	.quickbar {
		margin-top: -30px;
	}

	.cta_btns {
		width: 100%;
	}

	.cta_btns .pb_btn {
		width: 100%;
		justify-content: center;
	}
}

/* Gridi ponudbe/storitev naj zapolnijo širino tudi, ko je zapisov manj kot 4. */
.split .intro_grid {
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

/* ==================================================================
   ALU PLATIŠČA (plugins/ff_car) - prenova prikaza, 2026-09-22
   ================================================================== */

.rims {
	width: 100%;
	float: left;
	margin: 30px 0 60px 0;
}

.rims_intro {
	background: linear-gradient(120deg, var(--vc-navy-d) 0%, var(--vc-navy) 60%, #24406d 100%);
	border-radius: 14px;
	padding: 42px 46px;
	margin-bottom: 30px;
	color: #fff;
}

.rims .rims_intro h1,
.rims .rims_intro h2 {
	color: #fff;
	font-size: 36px;
	line-height: 1.15;
	margin: 0 0 12px 0;
}

.rims_intro p {
	color: rgba(255, 255, 255, .85);
	font-size: 16px;
	line-height: 1.6;
	max-width: 760px;
	margin-bottom: 24px;
}

.rims_intro_btns {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.pb_btn_dark {
	background: rgba(255, 255, 255, .1);
	color: #fff !important;
	border-color: rgba(255, 255, 255, .5);
}

.pb_btn_dark:hover {
	background: #fff;
	color: var(--vc-navy) !important;
}

/* Koraki izbire */
.rims_steps {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 26px;
}

.rims_step {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 18px;
	border: 1px solid var(--vc-line);
	border-radius: 30px;
	font-size: 14px;
	font-weight: 600;
	color: #8a95a8;
	background: #fff;
}

.rims_step span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #eef1f7;
	color: #8a95a8;
	font-size: 13px;
}

.rims_step.is-now {
	border-color: var(--vc-navy);
	color: var(--vc-navy);
	box-shadow: 0 6px 18px rgba(27, 45, 79, .12);
}

.rims_step.is-now span {
	background: var(--vc-yellow);
	color: var(--vc-dark);
}

.rims_step.is-done {
	color: var(--vc-navy);
	border-color: #c9d3e4;
}

.rims_step.is-done span {
	background: var(--vc-navy);
	color: #fff;
}

/* Pot izbire */
.rims .navLinks {
	font-size: 14px;
	color: #8a95a8;
	margin-bottom: 18px;
}

.rims .navLinks a {
	color: var(--vc-navy);
	font-weight: 600;
	text-decoration: none;
}

.rims .navLinks a:hover {
	text-decoration: underline;
}

/* Naslovi korakov in izbirniki. Podedovani slog `.row h2` je temna vrstica
   z belim besedilom - tu jo nadomestimo z navadnim naslovom z rumeno črtico. */
.rims .row h2 {
	background: none !important;
	background-color: transparent !important;
	border-radius: 0 !important;
	color: var(--vc-navy) !important;
	font-size: 24px;
	padding: 0 0 0 12px !important;
	border-left: 4px solid var(--vc-yellow);
	margin: 6px 0 14px 0 !important;
}

.rims .inputIskalnik,
.rims .car .inputIskalnik {
	border-radius: 8px !important;
	border: 2px solid var(--vc-line) !important;
	padding: 14px 16px !important;
	min-width: 280px;
	font-size: 16px;
	background: #fff;
	transition: .2s all;
}

.rims .inputIskalnik:focus {
	border-color: var(--vc-navy) !important;
}

/* Tipi vozila */
.rims .tipV {
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	color: var(--vc-navy);
	margin: 22px 0 10px 0;
	padding-left: 12px;
	border-left: 4px solid var(--vc-yellow);
}

.rims .typBtn {
	border-radius: 6px;
	padding: 9px 14px;
	margin: 0 6px 8px 0;
	font-weight: 600;
	transition: .2s all;
}

.rims .typBtn:hover {
	background-color: var(--vc-yellow);
	color: var(--vc-dark);
}

/* Kartice platišč */
.rims .plat {
	padding: 0;
	margin-bottom: 24px;
}

.rims .plat .bord {
	border: 1px solid var(--vc-line);
	border-radius: 10px;
	padding: 18px;
	height: 100%;
	transition: .25s all;
	background: #fff;
}

.rims .plat .bord:hover {
	box-shadow: 0 14px 34px rgba(15, 30, 58, .12);
	transform: translateY(-3px);
}

.rims .platImg {
	height: 170px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--vc-light);
	border-radius: 8px;
	margin-bottom: 12px;
}

.rims .platImg img {
	max-height: 150px;
	max-width: 46%;
	object-fit: contain;
}

.rims .platIcons {
	height: auto;
	margin: 0 0 10px 0;
	display: flex;
	align-items: center;
	gap: 6px;
	min-height: 34px;
}

.rims .platBrand {
	float: none;
	max-height: 26px;
	max-width: 110px;
	margin-right: auto;
}

.rims .platIcon {
	max-height: 22px;
}

.rims .platInfoPrice {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	font-size: 14px;
	color: #647589;
}

.rims .platInfoPrice .new {
	font-size: 22px;
	color: var(--vc-navy);
}

.rims .platInfo h4 {
	font-size: 15px;
	line-height: 1.35;
	color: var(--vc-navy);
}

.rims .popustFln {
	border-radius: 50%;
	font-size: 13px;
	font-weight: 700;
}

@media (max-width:850px) {
	.rims_intro {
		padding: 28px 24px;
	}

	.rims .rims_intro h1,
.rims .rims_intro h2 {
		font-size: 26px;
	}

	.rims .inputIskalnik,
	.rims .car .inputIskalnik {
		min-width: 100%;
		width: 100% !important;
	}
}

@media (max-width:580px) {
	.rims_intro {
		padding: 22px 18px;
	}

	.rims .rims_intro h1,
.rims .rims_intro h2 {
		font-size: 22px;
		overflow-wrap: anywhere;
	}

	.rims_intro_btns .pb_btn {
		width: 100%;
		justify-content: center;
	}

	.rims_steps {
		gap: 8px;
	}

	.rims_step {
		padding: 8px 14px;
		font-size: 13px;
	}
}

/* Nalaganje koraka prek AJAX-a: vsebina se zatemni in dobi vrtavko. */
#rimsBody {
	position: relative;
	min-height: 160px;
	transition: opacity .2s ease;
}

#rimsBody.is-loading {
	opacity: .35;
	pointer-events: none;
}

#rimsBody.is-loading::after {
	content: "";
	position: absolute;
	top: 60px;
	left: 50%;
	width: 34px;
	height: 34px;
	margin-left: -17px;
	border: 3px solid var(--vc-line);
	border-top-color: var(--vc-navy);
	border-radius: 50%;
	animation: rimsSpin .8s linear infinite;
}

@keyframes rimsSpin {
	to {
		transform: rotate(360deg);
	}
}

/* ==================================================================
   GLAVA STRANI (prenova 2026-09-22)
   ================================================================== */

.vc_head {
	display: block !important;
	padding: 0 !important;
	background: var(--vc-navy) !important;
	border-bottom: none !important;
	box-shadow: 0 2px 18px rgba(9, 18, 36, .18);
}

.vc_topbar {
	background: #16263f;
	font-size: 13px;
	padding: 0 20px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.vc_topbar .marg {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 38px;
	flex-wrap: wrap;
}

.vc_top_l,
.vc_top_r {
	display: flex;
	align-items: center;
	gap: 22px;
	flex-wrap: wrap;
}

.vc_topbar a,
.vc_topbar span {
	color: rgba(255, 255, 255, .72) !important;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.vc_topbar a:hover {
	color: #fff !important;
}

.vc_topbar i {
	color: var(--vc-yellow);
	font-size: 12px;
}

.vc_odprto i {
	color: #35c46a !important;
	font-size: 8px !important;
}

.vc_zaprto i {
	color: #e0803a !important;
	font-size: 8px !important;
}

.vc_mainbar {
	padding: 0 20px;
}

.vc_mainbar .marg {
	display: flex;
	align-items: center;
	gap: 26px;
	min-height: 84px;
	flex-wrap: nowrap;
}

.vc_head .logo {
	flex: 0 0 auto;
	padding: 10px 0;
}

.vc_head .logo img {
	height: 56px;
	width: auto;
	display: block;
}

/* Navigacija */
.vc_nav {
	flex: 1 1 auto;
}

.vc_nav>ul {
	display: flex;
	align-items: center;
	gap: 4px;
}

.vc_nav>ul>li {
	position: relative;
}

.vc_nav>ul>li>a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 12px 15px;
	border-radius: 7px;
	color: rgba(255, 255, 255, .88) !important;
	font-size: 15px;
	font-weight: 600;
	white-space: nowrap;
	transition: .18s all;
}

.vc_nav>ul>li>a i {
	font-size: 11px;
	opacity: .65;
	transition: .18s transform;
}

.vc_nav>ul>li>a:hover,
.vc_nav>ul>li>a.is-act {
	background: rgba(255, 255, 255, .09);
	color: #fff !important;
}

.vc_nav>ul>li>a.is-act {
	box-shadow: inset 0 -3px 0 var(--vc-yellow);
}

.vc_nav>ul>li:hover>a i {
	transform: rotate(180deg);
}

/* Spustni meni */
.vc_meni {
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	min-width: 330px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 22px 48px rgba(9, 18, 36, .25);
	padding: 10px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: .2s all;
	z-index: 1200;
}

.vc_meni_ozek {
	min-width: 240px;
}

.vc_ima_meni:hover .vc_meni,
.vc_ima_meni:focus-within .vc_meni {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Nevidni most, da se meni ne zapre med premikom miške. */
.vc_ima_meni::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 12px;
}

.vc_meni a {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 11px 12px;
	border-radius: 8px;
	color: var(--vc-dark) !important;
	transition: .16s all;
}

.vc_meni a:hover {
	background: var(--vc-light);
}

.vc_meni a>i {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: var(--vc-navy);
	color: var(--vc-yellow);
	font-size: 14px;
}

.vc_meni a strong {
	display: block;
	font-size: 14.5px;
	color: var(--vc-navy);
	line-height: 1.3;
}

.vc_meni a small {
	display: block;
	font-size: 12.5px;
	line-height: 1.4;
	color: #6a7688;
	margin-top: 2px;
}

/* Desni del glave */
.vc_head_desno {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 14px;
}

.vc_head_tel {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #fff !important;
	white-space: nowrap;
}

.vc_head_tel i {
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(255, 255, 255, .1);
	color: var(--vc-yellow);
	font-size: 14px;
}

.vc_head_tel span {
	display: flex;
	flex-direction: column;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
}

.vc_head_tel small {
	font-size: 11.5px;
	font-weight: 500;
	color: rgba(255, 255, 255, .6);
}

.vc_head_cta {
	padding: 12px 20px !important;
	font-size: 14.5px !important;
	white-space: nowrap;
}

.vc_burger {
	display: none !important;
}

.vc_burger a {
	color: #fff;
	font-size: 26px;
	cursor: pointer;
	display: inline-flex;
}

/* Vsebina se začne pod glavo (glava je fiksna).
   Zapis z "body" je nujen, ker media.css (naložen kasneje) nastavlja svoj odmik. */
body main {
	margin-top: var(--vc-head-h, 122px);
}

/* ==================================================================
   HERO - deljen prikaz (besedilo levo, slika desno), 2026-09-22
   ================================================================== */

.hero {
	height: auto;
	min-height: 0;
	max-height: none;
	background: linear-gradient(115deg, #0f1e3a 0%, #1b2d4f 58%, #24406d 100%);
	padding: 0 20px;
	position: relative;
	overflow: hidden;
}

/* Rahel vzorec v ozadju, da pas ni "gola" ploskev. */
.hero::before {
	content: "";
	position: absolute;
	top: -180px;
	right: -140px;
	width: 620px;
	height: 620px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(252, 203, 6, .16) 0%, rgba(252, 203, 6, 0) 68%);
	pointer-events: none;
}

.hero_track {
	position: relative;
	inset: auto;
	width: 100%;
}

.hero_slide {
	position: absolute;
	inset: 0;
	display: block;
	background: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity .55s ease, visibility 0s linear .55s;
}

.hero_slide.is-active {
	position: relative;
	inset: auto;
	opacity: 1;
	visibility: visible;
	transition: opacity .55s ease, visibility 0s;
	z-index: 2;
}

.hero_grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 56px;
	align-items: center;
	padding: 62px 0 74px 0;
}

.hero_caption {
	max-width: none;
}

.hero_title {
	font-size: 46px;
	line-height: 1.1;
}

.hero_text {
	/* 2026-09-30: 4 -> 6 vrstic, da akcijsko besedilo (3 odstavki) ni odrezano s "...". */
	-webkit-line-clamp: 6;
	font-size: 17px;
}

/* Okvir slike - vedno isto razmerje, zato je vseeno, kako visoka je naložena slika. */
.hero_media {
	position: relative;
	inset: auto;
	width: 100%;
	aspect-ratio: 4 / 3;
	max-height: 420px;
	border-radius: 16px;
	overflow: hidden;
	background: rgba(255, 255, 255, .06);
	box-shadow: 0 30px 60px rgba(4, 10, 22, .45);
}

.hero_media_prazno {
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, .18);
	font-size: 120px;
}

.hero_slide.is-active .hero_media.is-loaded .hero_img {
	transform: none;
}

.hero_img {
	transition: opacity .6s ease;
}

.hero_dots {
	position: relative;
	bottom: auto;
	justify-content: flex-start;
	padding: 0 0 26px 0;
	max-width: 1450px;
	margin: 0 auto;
}

.hero_arrow {
	top: auto;
	bottom: 18px;
	transform: none;
	width: 38px;
	height: 38px;
	font-size: 13px;
}

.hero_prev {
	left: auto;
	right: 74px;
}

.hero_next {
	right: 20px;
}

/* ==================================================================
   NASLOVI SEKCIJ
   ================================================================== */

.sec_head {
	align-items: flex-end;
	margin-bottom: 28px;
}

.sec_kicker {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #8a95a8;
	margin-bottom: 6px;
}

.sec_naslov {
	font-size: 32px;
	line-height: 1.2;
	color: var(--vc-navy);
	position: relative;
	padding-left: 16px;
}

.sec_naslov::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	bottom: 4px;
	width: 5px;
	border-radius: 3px;
	background: var(--vc-yellow);
}

/* ==================================================================
   PLOŠČICE PONUDBE
   ================================================================== */

.kart_grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
	gap: 26px;
	width: 100%;
}

.kart {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--vc-line);
	border-radius: 14px;
	overflow: hidden;
	text-decoration: none !important;
	color: var(--vc-dark) !important;
	transition: .25s all;
}

.kart:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 44px rgba(15, 30, 58, .16);
	border-color: #cfd8e8;
}

.kart_slika {
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: linear-gradient(135deg, #1b2d4f 0%, #24406d 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.kart_slika img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: .5s transform;
}

.kart:hover .kart_slika img {
	transform: scale(1.06);
}

.kart_ikona {
	align-items: center;
	justify-content: center;
	color: var(--vc-yellow);
	font-size: 54px;
	opacity: .9;
}

.kart_vsebina {
	padding: 22px 24px 26px 24px;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.kart_vsebina h3 {
	font-size: 20px;
	color: var(--vc-navy);
	margin-bottom: 8px;
	line-height: 1.25;
}

.kart_vsebina p {
	font-size: 14.5px;
	line-height: 1.6;
	color: #4a5a70;
	flex: 1 1 auto;
}

.kart_vec {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
	font-size: 14px;
	font-weight: 700;
	color: var(--vc-navy);
	transition: .2s gap;
}

.kart:hover .kart_vec {
	gap: 13px;
	color: #24406d;
}

/* ==================================================================
   KARTICE STORITEV
   ================================================================== */

.stor_grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 22px;
	width: 100%;
}

.stor {
	display: flex;
	flex-direction: column;
	padding: 28px 26px 26px 26px;
	background: #fff;
	border: 1px solid var(--vc-line);
	border-radius: 14px;
	text-decoration: none !important;
	color: var(--vc-dark) !important;
	transition: .25s all;
	position: relative;
	overflow: hidden;
}

.stor::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: var(--vc-yellow);
	transform: scaleX(0);
	transform-origin: left;
	transition: .3s transform;
}

.stor:hover {
	transform: translateY(-5px);
	box-shadow: 0 18px 40px rgba(15, 30, 58, .14);
}

.stor:hover::after {
	transform: scaleX(1);
}

.stor_ikona {
	width: 52px;
	height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: var(--vc-light);
	color: var(--vc-navy);
	font-size: 20px;
	margin-bottom: 16px;
	transition: .25s all;
}

.stor:hover .stor_ikona {
	background: var(--vc-navy);
	color: var(--vc-yellow);
}

.stor h3 {
	font-size: 19px;
	line-height: 1.25;
	color: var(--vc-navy);
	margin-bottom: 8px;
}

.stor p {
	font-size: 14px;
	line-height: 1.6;
	color: #4a5a70;
	flex: 1 1 auto;
}

.stor_vec {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--vc-navy);
	transition: .2s gap;
}

.stor:hover .stor_vec {
	gap: 13px;
}

/* ==================================================================
   NOGA (prenova 2026-09-22)
   ================================================================== */

.vc_foot {
	background: linear-gradient(180deg, #16263f 0%, #0f1e3a 100%);
	padding: 66px 20px 0 20px;
	color: rgba(255, 255, 255, .72);
	font-size: 14.5px;
	line-height: 1.65;
	float: left;
	width: 100%;
}

.vc_foot_grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.25fr;
	gap: 44px;
	padding-bottom: 52px;
}

.vc_foot_col h3 {
	font-size: 17px;
	color: #fff;
	margin-bottom: 18px;
	position: relative;
	padding-bottom: 12px;
}

.vc_foot_col h3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 34px;
	height: 3px;
	border-radius: 2px;
	background: var(--vc-yellow);
}

.vc_foot_h2 {
	margin-top: 28px;
}

.vc_foot_o img {
	height: 62px;
	width: auto;
	margin-bottom: 18px;
}

.vc_foot_moto {
	color: rgba(255, 255, 255, .62);
	margin-bottom: 18px;
	max-width: 360px;
}

.vc_foot_naslov {
	color: rgba(255, 255, 255, .8);
	margin-bottom: 20px;
}

.vc_foot_naslov strong {
	color: #fff;
}

.vc_foot_soc {
	display: flex;
	gap: 10px;
}

.vc_foot_soc a {
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: rgba(255, 255, 255, .08);
	color: #fff !important;
	transition: .2s all;
}

.vc_foot_soc a:hover {
	background: var(--vc-yellow);
	color: var(--vc-dark) !important;
	transform: translateY(-3px);
}

.vc_foot_sez li {
	margin-bottom: 9px;
}

.vc_foot_sez a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: rgba(255, 255, 255, .72) !important;
	text-decoration: none !important;
	transition: .18s all;
}

.vc_foot_sez a:hover {
	color: var(--vc-yellow) !important;
	transform: translateX(3px);
}

.vc_foot_sez i {
	width: 16px;
	font-size: 13px;
	color: var(--vc-yellow);
	opacity: .8;
}

.vc_foot_sez_min a {
	font-size: 14px;
	color: rgba(255, 255, 255, .6) !important;
}

/* Kontaktni stolpec */
.vc_foot_tel {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
	color: #fff !important;
	text-decoration: none !important;
}

.vc_foot_tel i {
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: rgba(252, 203, 6, .14);
	color: var(--vc-yellow);
	font-size: 15px;
}

.vc_foot_tel span {
	display: flex;
	flex-direction: column;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.25;
}

.vc_foot_tel small {
	font-size: 12px;
	font-weight: 500;
	color: rgba(255, 255, 255, .55);
}

.vc_foot_cas {
	margin: 22px 0;
	padding: 18px 20px;
	border-radius: 12px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .08);
}

.vc_foot_cas h4 {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: rgba(255, 255, 255, .6);
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.vc_foot_cas .card_icon {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 10px;
	font-size: 13.5px;
	line-height: 1.45;
}

.vc_foot_cas .card_icon:last-child {
	margin-bottom: 0;
}

.vc_foot_cas .card_icon b {
	color: #fff;
	font-weight: 600;
}

.vc_foot_cas .green i {
	color: #35c46a;
}

.vc_foot_cas .orange i {
	color: #e0803a;
}

.vc_foot_caslink {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 14px;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--vc-yellow) !important;
	text-decoration: none !important;
}

.vc_foot_caslink:hover {
	gap: 12px;
}

.vc_foot_btn {
	width: 100%;
	justify-content: center;
}

/* Spodnja vrstica */
.vc_foot .pg_end {
	border-top: 1px solid rgba(255, 255, 255, .1);
	padding: 22px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	font-size: 13px;
	color: rgba(255, 255, 255, .45);
}

.vc_foot_pravno {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.vc_foot .pg_end a {
	color: rgba(255, 255, 255, .45) !important;
	text-decoration: none !important;
}

.vc_foot .pg_end a:hover {
	color: #fff !important;
}

/* ==================================================================
   ODZIVNOST ZA NOVE SKLOPE
   ================================================================== */

@media (max-width:1200px) {
	.vc_head_tel {
		display: none;
	}

	.vc_nav>ul>li>a {
		padding: 12px 11px;
		font-size: 14.5px;
	}
}

@media (max-width:1024px) {
	.vc_nav {
		display: none;
	}

	.vc_burger {
		display: inline-flex !important;
	}

	.vc_mainbar .marg {
		justify-content: space-between;
		min-height: 74px;
	}

	.vc_foot_grid {
		grid-template-columns: 1fr 1fr;
		gap: 36px;
	}

	body main {
		margin-top: var(--vc-head-h, 118px);
	}

	.hero_grid {
		grid-template-columns: 1fr;
		gap: 34px;
		padding: 44px 0 56px 0;
	}

	.hero_media {
		order: -1;
		max-height: 320px;
	}

	.hero_title {
		font-size: 34px;
	}
}

@media (max-width:850px) {
	.vc_topbar .vc_top_l a {
		display: none;
	}

	.vc_topbar .marg {
		justify-content: center;
		gap: 14px;
	}

	.vc_top_r a span {
		display: none;
	}

	.sec_naslov {
		font-size: 25px;
	}

	.hero_arrow {
		display: inline-flex;
	}
}

@media (max-width:580px) {
	.vc_head_cta span {
		display: none;
	}

	.vc_head .logo img {
		height: 44px;
	}

	.vc_mainbar .marg {
		min-height: 66px;
		gap: 10px;
	}

	body main {
		margin-top: var(--vc-head-h, 116px);
	}

	.vc_head_cta {
		padding: 10px 14px !important;
		font-size: 13px !important;
	}

	.vc_foot_grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.vc_foot {
		padding-top: 44px;
	}

	.hero_title {
		font-size: 27px;
	}

	.hero_media {
		max-height: 230px;
	}

	.hero_dots {
		justify-content: center;
	}

	.hero_arrow {
		display: none;
	}
}

/* Navigacija in seznami v nogi ne smejo podedovati pik iz splošnega sloga. */
.vc_nav ul,
.vc_foot_sez {
	margin: 0;
	padding: 0;
}

.vc_nav ul li,
.vc_foot_sez li {
	margin: 0;
	list-style: none;
}

.vc_foot_sez li {
	margin-bottom: 9px;
}

/* Pike pasice naj ne skrije prekrivajoča vrstica hitrega dostopa. */
.hero_dots {
	z-index: 7;
	padding-bottom: 60px;
}

/* Pike pasice poravnamo z besedilom hero sekcije. */
.hero_dots {
	padding-left: 20px;
	padding-right: 20px;
	gap: 9px;
}

/* Mobilni meni se odpre pod glavo, da ostaneta logotip in gumb za zapiranje vidna. */
body .panel {
	top: var(--vc-head-h, 116px);
	min-height: calc(100vh - var(--vc-head-h, 116px));
	height: calc(100vh - var(--vc-head-h, 116px));
	padding-bottom: 40px;
}

/* ==================================================================
   DELOVNI ČAS (2026-09-22)
   ================================================================== */

.dc_grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	gap: 26px;
	margin: 30px 0 40px 0;
}

.dc_kart {
	border: 1px solid var(--vc-line);
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
}

.dc_glava {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 13px;
	padding: 20px 24px;
	background: var(--vc-light);
	border-bottom: 1px solid var(--vc-line);
}

.dc_naslov {
	display: flex;
	align-items: center;
	gap: 12px;
}

.dc_naslov h3 {
	font-size: 19px;
	color: var(--vc-navy);
	margin: 0;
	line-height: 1.25;
}

.dc_ikona {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	background: var(--vc-navy);
	color: var(--vc-yellow);
	font-size: 16px;
}

.dc_znak {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 14px;
	border-radius: 20px;
	font-size: 13.5px;
	font-weight: 700;
	white-space: nowrap;
}

.dc_odprto {
	background: #e6f6ec;
	color: #1a7f3c;
}

.dc_kmalu {
	background: #fff3e2;
	color: #a6631a;
}

.dc_zaprto {
	background: #f3f4f7;
	color: #6a7688;
}

.dc_dnevi {
	padding: 8px 24px 20px 24px;
}

.dc_vrstica {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 13px 0;
	border-bottom: 1px solid #eef1f7;
	font-size: 15px;
}

.dc_vrstica:last-child {
	border-bottom: none;
}

.dc_dan {
	color: #4a5a70;
}

.dc_dan small {
	display: inline-block;
	margin-left: 8px;
	padding: 2px 8px;
	border-radius: 10px;
	background: var(--vc-yellow);
	color: var(--vc-dark);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.dc_vrstica.is-danes {
	border-radius: 8px;
	background: #fffaeb;
	padding-left: 12px;
	padding-right: 12px;
	margin: 0 -12px;
	border-bottom-color: transparent;
}

.dc_vrstica.is-danes .dc_dan,
.dc_vrstica.is-danes .dc_ura {
	color: var(--vc-navy);
	font-weight: 700;
}

.dc_ura {
	font-weight: 600;
	color: var(--vc-navy);
	white-space: nowrap;
}

.dc_ura_zaprto {
	color: #9aa4b5;
	font-weight: 500;
}

.dc_cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	flex-wrap: wrap;
	padding: 34px 38px;
	border-radius: 14px;
	background: linear-gradient(120deg, var(--vc-navy-d) 0%, var(--vc-navy) 60%, #24406d 100%);
	margin-bottom: 20px;
}

.dc_cta h3 {
	color: #fff;
	font-size: 22px;
	margin-bottom: 4px;
}

.dc_cta p {
	color: rgba(255, 255, 255, .78);
	font-size: 15px;
}

.dc_cta_btns {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

@media (max-width:580px) {
	.dc_cta {
		padding: 26px 22px;
	}

	.dc_cta_btns {
		width: 100%;
	}

	.dc_cta_btns .pb_btn {
		width: 100%;
		justify-content: center;
	}

	.dc_glava {
		padding: 16px 18px;
	}

	.dc_dnevi {
		padding: 6px 18px 16px 18px;
	}
}

/* ==================================================================
   AKTUALNO - seznam objav (2026-09-22)
   ================================================================== */

.zap_grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 28px;
	width: 100%;
	margin: 26px 0 40px 0;
}

.zap_kart {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--vc-line);
	border-radius: 14px;
	overflow: hidden;
	text-decoration: none !important;
	color: var(--vc-dark) !important;
	transition: .25s all;
}

.zap_kart:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 44px rgba(15, 30, 58, .15);
	border-color: #cfd8e8;
}

.zap_slika {
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--vc-light);
}

.zap_slika img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: .5s transform;
}

.zap_kart:hover .zap_slika img {
	transform: scale(1.05);
}

/* Objava brez slike dobi barvno podlago z znakom. */
.zap_slika.zap_brez {
	background: linear-gradient(135deg, #1b2d4f 0%, #24406d 100%);
}

.zap_slika.zap_brez::after {
	content: "\f1ea";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 46px;
	color: rgba(252, 203, 6, .85);
}

.zap_znak {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 6px 12px;
	border-radius: 20px;
	background: var(--vc-yellow);
	color: var(--vc-dark);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.zap_vsebina {
	padding: 22px 24px 26px 24px;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.zap_datum {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 600;
	color: #7c8aa0;
	margin-bottom: 10px;
}

.zap_vsebina h3 {
	font-size: 20px !important;
	line-height: 1.3 !important;
	color: var(--vc-navy) !important;
	margin: 0 0 10px 0 !important;
}

.zap_vsebina p {
	font-size: 14.5px;
	line-height: 1.6;
	color: #4a5a70;
	flex: 1 1 auto;
}

.zap_vec {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 18px;
	font-size: 14px;
	font-weight: 700;
	color: var(--vc-navy);
	transition: .2s gap;
}

.zap_kart:hover .zap_vec {
	gap: 13px;
}

/* Lepša označba aktivne postavke v navigaciji: rumena črtica pod napisom. */
.vc_nav>ul>li>a {
	position: relative;
}

.vc_nav>ul>li>a.is-act {
	background: transparent;
	color: #fff !important;
	box-shadow: none;
}

.vc_nav>ul>li>a.is-act::after {
	content: "";
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 2px;
	height: 3px;
	border-radius: 2px;
	background: var(--vc-yellow);
}

.vc_nav>ul>li>a:hover {
	background: rgba(255, 255, 255, .08);
}

/* Slika objave: cela slika na zabrisani podlagi (plakati se ne obrežejo). */
.zap_slika {
	background: var(--vc-navy);
}

.zap_slika .zap_blur {
	position: absolute;
	inset: -6%;
	width: 112%;
	height: 112%;
	object-fit: cover;
	filter: blur(24px) saturate(1.1);
	opacity: .55;
}

.zap_slika .zap_img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: .5s transform;
}

.zap_kart:hover .zap_slika .zap_img {
	transform: scale(1.03);
}

.zap_slika.zap_brez .zap_blur,
.zap_slika.zap_brez .zap_img {
	display: none;
}

/* Oznaka izpostavljene objave gre v spodnji levi kot, da ne prekriva naslova na sliki. */
.zap_znak {
	top: auto;
	bottom: 14px;
	left: 14px;
}

/* ==================================================================
   POSAMEZNA OBJAVA (2026-09-22)
   ================================================================== */

.clanek_slika {
	width: 100%;
	margin: 0 0 30px 0;
	border-radius: 14px;
	overflow: hidden;
	background: var(--vc-navy);
	line-height: 0;
}

.clanek_slika img {
	width: 100%;
	height: auto;
	max-height: 520px;
	object-fit: contain;
	display: block;
}

.clanek_cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	margin: 40px 0 26px 0;
	padding: 28px 32px;
	border-radius: 14px;
	background: linear-gradient(120deg, var(--vc-navy-d) 0%, var(--vc-navy) 60%, #24406d 100%);
}

.clanek_cta h3 {
	color: #fff !important;
	font-size: 20px !important;
	margin: 0 0 4px 0 !important;
}

.clanek_cta p {
	color: rgba(255, 255, 255, .78);
	font-size: 15px;
	margin: 0;
}

.clanek_cta_btns {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

@media (max-width:580px) {
	.clanek_cta {
		padding: 22px 20px;
	}

	.clanek_cta_btns {
		width: 100%;
	}

	.clanek_cta_btns .pb_btn {
		width: 100%;
		justify-content: center;
	}
}

/* Novice na uvodni strani uporabljajo isti prikaz slike kot rubrika Aktualno. */
.news_img.zap_slika {
	position: relative;
	height: auto;
	aspect-ratio: 16 / 10;
	background: var(--vc-navy);
}

.news_item:hover .zap_img {
	transform: scale(1.03);
}

/* ==================================================================
   OBOGATENE VSEBINSKE STRANI (2026-09-22)
   ================================================================== */

.str_okvir {
	width: 100%;
	float: left;
	max-width: 940px;
	margin: 0 auto;
	padding: 0 20px;
}

.str_sekcija {
	width: 100%;
	float: left;
	margin: 50px 0 0 0;
}

.str_sekcija .sec_head {
	margin-bottom: 22px;
}

.str_uvod {
	font-size: 18px !important;
	line-height: 1.65 !important;
	color: #4a5a70 !important;
	margin-bottom: 26px !important;
	padding-left: 16px;
	border-left: 4px solid var(--vc-yellow);
}

/* Koraki obiska */
.korak_grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 20px;
}

.korak {
	position: relative;
	padding: 26px 22px 22px 22px;
	border: 1px solid var(--vc-line);
	border-radius: 14px;
	background: #fff;
}

.korak_st {
	position: absolute;
	top: -14px;
	left: 22px;
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--vc-yellow);
	color: var(--vc-dark);
	font-size: 14px;
	font-weight: 700;
}

.korak i {
	font-size: 20px;
	color: var(--vc-navy);
	margin: 6px 0 12px 0;
	display: block;
}

.korak h3 {
	font-size: 17px !important;
	color: var(--vc-navy) !important;
	margin: 0 0 6px 0 !important;
	line-height: 1.3 !important;
}

.korak p {
	font-size: 14px;
	line-height: 1.55;
	color: #4a5a70;
	margin: 0;
}

/* Pogosta vprašanja */
.faq_sez {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.faq_el {
	border: 1px solid var(--vc-line);
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
	transition: .2s all;
}

.faq_el[open] {
	border-color: #cfd8e8;
	box-shadow: 0 10px 28px rgba(15, 30, 58, .08);
}

.faq_el summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 22px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	color: var(--vc-navy);
	list-style: none;
}

.faq_el summary::-webkit-details-marker {
	display: none;
}

.faq_el summary:hover {
	background: var(--vc-light);
}

.faq_el summary i {
	font-size: 13px;
	color: #8a95a8;
	transition: .25s transform;
}

.faq_el[open] summary i {
	transform: rotate(180deg);
}

.faq_odg {
	padding: 0 22px 20px 22px;
}

.faq_odg p {
	font-size: 15px !important;
	line-height: 1.65 !important;
	color: #4a5a70 !important;
	margin: 0 !important;
}

/* Povezane storitve */
.pov_sez {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 14px;
}

.pov_el {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 18px;
	border: 1px solid var(--vc-line);
	border-radius: 12px;
	background: #fff;
	text-decoration: none !important;
	color: var(--vc-dark) !important;
	transition: .2s all;
}

.pov_el:hover {
	border-color: #cfd8e8;
	transform: translateX(3px);
	box-shadow: 0 10px 26px rgba(15, 30, 58, .1);
}

.pov_ikona {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	background: var(--vc-light);
	color: var(--vc-navy);
	font-size: 16px;
}

.pov_txt {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}

.pov_txt strong {
	font-size: 15.5px;
	color: var(--vc-navy);
	line-height: 1.3;
}

.pov_txt small {
	font-size: 13px;
	color: #6a7688;
	line-height: 1.4;
	margin-top: 2px;
}

.pov_el>i:last-child {
	color: #b6c0d1;
	font-size: 13px;
}

/* Kontaktni pas */
.kont_grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 20px;
}

.kont_el {
	padding: 26px 24px;
	border-radius: 14px;
	background: var(--vc-light);
}

.kont_ikona {
	width: 46px;
	height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: var(--vc-navy);
	color: var(--vc-yellow);
	font-size: 17px;
	margin-bottom: 14px;
}

.kont_el h3 {
	font-size: 17px !important;
	color: var(--vc-navy) !important;
	margin: 0 0 8px 0 !important;
}

.kont_el p {
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: #4a5a70 !important;
	margin: 0 0 12px 0 !important;
}

.kont_el a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 700;
	color: var(--vc-navy) !important;
	text-decoration: none !important;
}

.kont_el a:hover {
	gap: 12px;
}

.kont_cas {
	margin-bottom: 12px;
}

.kont_cas .vc_odprto,
.kont_cas .vc_zaprto {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 13.5px;
	font-weight: 700;
	background: #e6f6ec;
	color: #1a7f3c !important;
}

.kont_cas .vc_zaprto {
	background: #fdeaea;
	color: #b32020 !important;
}

.kont_cas i {
	font-size: 8px !important;
}

/* Kartice povezanih storitev: besedilo naj se lomi, puščica ostane desno. */
.pov_txt {
	min-width: 0;
}

.pov_txt strong {
	display: block;
	margin-bottom: 2px;
}

.pov_txt small {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.pov_el > i:last-child {
	flex: 0 0 auto;
}

/* ==================================================================
   DODELAVA POSTAVITVE IN BARV (2026-09-22)
   ================================================================== */

/* Bloki pod vsebino morajo biti poravnani z besedilom strani.
   Prej so bili zaradi float:left poravnani na levi rob strani. */
.str_okvir {
	float: none;
	clear: both;
	max-width: 940px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Poziv k dejanju: svetla kartica z rumenim poudarkom namesto temnega pasu. */
.clanek_cta,
.dc_cta {
	background: var(--vc-light);
	border: 1px solid var(--vc-line);
	border-left: 5px solid var(--vc-yellow);
	box-shadow: none;
}

.clanek_cta h3,
.dc_cta h3 {
	color: var(--vc-navy) !important;
}

.clanek_cta p,
.dc_cta p {
	color: #4a5a70 !important;
}

/* Obrisan gumb za svetlo podlago (prej bel tekst na svetlem). */
.clanek_cta .pb_btn_ghost_light,
.dc_cta .pb_btn_ghost_light,
.pb_btn_outline {
	background: #fff;
	color: var(--vc-navy) !important;
	border-color: #c9d3e4;
}

.clanek_cta .pb_btn_ghost_light:hover,
.dc_cta .pb_btn_ghost_light:hover,
.pb_btn_outline:hover {
	background: var(--vc-navy);
	color: #fff !important;
	border-color: var(--vc-navy);
}

/* Pas na uvodni strani: rumen namesto modrega - barva znamke, manj modrine. */
.cta_band .cta_in {
	background: linear-gradient(120deg, #fcd227 0%, var(--vc-yellow) 55%, #f0bd00 100%);
	box-shadow: 0 18px 40px rgba(252, 203, 6, .25);
}

.cta_txt h2 {
	color: var(--vc-dark);
}

.cta_txt p {
	color: rgba(13, 13, 51, .72);
}

.cta_band .pb_btn_main {
	background: var(--vc-navy);
	border-color: var(--vc-navy);
	color: #fff !important;
}

.cta_band .pb_btn_main:hover {
	background: var(--vc-navy-d);
	border-color: var(--vc-navy-d);
}

.cta_band .pb_btn_ghost_light {
	background: rgba(255, 255, 255, .55);
	color: var(--vc-navy) !important;
	border-color: rgba(13, 13, 51, .25);
}

.cta_band .pb_btn_ghost_light:hover {
	background: #fff;
	border-color: var(--vc-navy);
}

/* Ploščice in objave brez slike: svetla podlaga namesto temno modre. */
.kart_slika,
.zap_slika.zap_brez,
.news_img.zap_slika.zap_brez {
	background: linear-gradient(135deg, #eef1f7 0%, #e1e7f2 100%);
}

.kart_ikona {
	color: var(--vc-navy);
	opacity: .55;
}

.zap_slika.zap_brez::after {
	color: rgba(27, 45, 79, .35);
}

/* Vodilna fotografija vsebinske strani */
.stran_slika {
	width: 100%;
	margin: 0 0 28px 0;
	border-radius: 14px;
	overflow: hidden;
	line-height: 0;
	background: var(--vc-light);
}

.stran_slika img {
	width: 100%;
	height: auto;
	max-height: 460px;
	object-fit: cover;
	display: block;
}

/* Besedilo vsebinskih strani - malo več zraka in mehkejše oznake seznamov. */
.content_read h2 {
	margin-top: 34px !important;
	margin-bottom: 12px !important;
}

.content_read p {
	line-height: 1.7 !important;
}

/* Barvo in velikost oznake spremenimo, navpičnega položaja pa ne - ta se
   postavlja samodejno glede na vrstico. */
.user_style li::before {
	color: var(--vc-yellow);
	font-size: 13px;
}

.user_style li {
	line-height: 1.65;
	margin-bottom: 6px !important;
}

/* Izmenična podlaga sekcij, da stran diha in ni samo bela ali modra. */
.sec_svetlo {
	background: #f7f9fc;
	padding: 56px 20px 60px 20px;
	margin-top: 60px;
	border-top: 1px solid #eef1f7;
	border-bottom: 1px solid #eef1f7;
}

.sec_svetlo .sec_head {
	margin-top: 0;
}

.sec_svetlo .stor {
	background: #fff;
}

/* ==================================================================
   HERO - svetla različica in krmilni pas (2026-09-22)
   Glava je temno modra; če je temno modra tudi pasica, je na vrhu
   strani skoraj 800 px enobarvne ploskve. Zato gre hero na svetlo
   podlago, modra pa ostane za glavo, nogo in poudarke.
   ================================================================== */

.hero {
	background: linear-gradient(160deg, #e8eef9 0%, #f4f7fd 52%, #edf2fb 100%);
}

/* Mehak rumen odsev namesto modre ploskve. */
.hero::before {
	top: -240px;
	right: -200px;
	width: 700px;
	height: 700px;
	background: radial-gradient(circle, rgba(252, 203, 6, .32) 0%, rgba(252, 203, 6, 0) 70%);
}

/* Drugi, komaj viden moder odsev spodaj levo, da podlaga ni prazna. */
.hero::after {
	content: "";
	position: absolute;
	left: -280px;
	bottom: -340px;
	width: 720px;
	height: 720px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(27, 45, 79, .10) 0%, rgba(27, 45, 79, 0) 70%);
	pointer-events: none;
}

.hero_slide,
.hero_fallback {
	background: none;
}

.hero_grid {
	padding: 52px 0 26px 0;
	gap: 60px;
}

.hero_caption {
	color: var(--vc-dark);
}

.hero_title {
	color: var(--vc-navy);
}

.hero_text,
.hero_text p {
	color: #5a6478;
}

/* 2026-09-30: krepko besedilo iz CMS poudarimo z barvo naslova, odstavki z enakim razmikom. */
.hero_text strong,
.hero_text b {
	color: var(--vc-navy);
	font-weight: 700;
}

.hero_text p {
	margin: 0 0 10px 0;
}

.hero_text p:last-child {
	margin-bottom: 0;
}

/* Okvir slike deluje kot bela kartica z mehko senco. */
.hero_media {
	background: #fff;
	border: 1px solid #dde4f0;
	box-shadow: 0 24px 50px rgba(17, 32, 60, .14);
}

.hero_media_prazno {
	color: #c7d0e0;
}

/* Pri oglasnem plakatu ne potrebujemo zabrisane kopije - rob naj bo bel. */
.hero_media.is-plakat {
	background: #fff;
}

.hero_media.is-plakat .hero_blur {
	display: none;
}

/* Drugi gumb je na svetli podlagi bel z modrim robom. */
.hero .pb_btn_ghost {
	background: #fff;
	color: var(--vc-navy) !important;
	border-color: #ccd6e8;
}

.hero .pb_btn_ghost:hover {
	background: var(--vc-navy);
	color: #fff !important;
	border-color: var(--vc-navy);
}

/* ---- Krmilni pas pasice -------------------------------------------
   Puščici levo/desno sta odstranjeni: bili sta v desnem spodnjem kotu,
   daleč od pik, ki počnejo isto. Ostanejo pike pod besedilom pasice. */

.hero_ctrl {
	position: relative;
	z-index: 7;
	padding-bottom: 72px;
}

.hero_ctrl_in {
	display: flex;
	align-items: center;
	gap: 14px;
}

.hero_dots {
	position: static;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 9px;
	padding: 0;
	margin: 0;
	max-width: none;
	bottom: auto;
}

/* Gumbi imajo iz osnovnega sloga notranji odmik 10/20 px - zaradi njega
   se je pika izrisala kot debel blok 40 x 20 px namesto tanke črtice. */
.hero_dot {
	position: relative;
	background: #c3cddf;
	height: 6px;
	width: 34px;
	min-width: 0;
	padding: 0;
	border: 0;
	border-radius: 3px;
	appearance: none;
	-webkit-appearance: none;
}

/* Nevidno večje polje za klik - sama črtica je pretanka za prst. */
.hero_dot::after {
	content: "";
	position: absolute;
	left: -5px;
	right: -5px;
	top: -16px;
	bottom: -16px;
}

/* Vse pike so enako velike - aktivna se loči samo po barvi. Prej se je
   aktivna razširila, zato so pike ob kliku poskakovale vstran. */
.hero_dot.is-active {
	width: 34px;
	background: var(--vc-yellow);
}

/* Lebdeči gumb za rezervacijo skrijemo: gumb "Rezerviraj termin" je v
   pritrjeni glavi viden na vseh širinah, lebdeči pa je molel čez rob pasice. */
.narocilo_fix {
	display: none;
}

.narocilo_fix .fa-beat {
	animation: none;
}

@media (max-width:1024px) {
	.hero_grid {
		gap: 34px;
		padding: 40px 0 22px 0;
	}
}

@media (max-width:580px) {
	.hero_grid {
		padding: 28px 0 18px 0;
		gap: 24px;
	}

	.hero_ctrl {
		padding-bottom: 56px;
	}

	.hero_dots {
		justify-content: flex-start;
	}
}

/* Plakat: okvir ima razmerje slike (nastavi ga JS ob nalaganju), višina
   pa ostane enaka kot pri fotografijah, da pasica med menjavo ne poskakuje. */
.hero_media.is-plakat {
	aspect-ratio: 1.4 / 1;
	height: 420px;
	max-height: 420px;
	width: auto;
	max-width: 100%;
	justify-self: end;
}

@media (max-width:1024px) {
	.hero_media.is-plakat {
		height: 320px;
		max-height: 320px;
		justify-self: center;
	}
}

@media (max-width:580px) {
	.hero_media.is-plakat {
		height: auto;
		max-height: none;
		width: 100%;
	}
}

/* Vsebina pasice mora biti poravnana s karticami hitrega dostopa:
   .hero že ima 20 px odmika, zato ga .marg znotraj njega ne sme dodajati še enkrat. */
.hero .marg {
	padding-left: 0;
	padding-right: 0;
}

/* ==================================================================
   KARTICE PODSTRANI (.intro_grid .grid_item), 2026-09-22
   Prej: 2 px moder rob, velik zaobljen kot spodaj desno in poln moder
   preliv ob prehodu - izstopalo je iz videza ostale strani.
   Zdaj enak videz kot kartice storitev na uvodni strani: bela kartica,
   tanek rob, rumena črta in dvig ob prehodu.
   Kartice s sliko (.with_img) in objave (.objava) ostanejo nespremenjene.
   ================================================================== */

.intro_grid .grid_item:not(.with_img):not(.objava) {
	display: flex;
	background: #fff;
	border: 1px solid var(--vc-line);
	border-radius: 14px;
	padding: 0;
	box-shadow: 0 4px 14px rgba(15, 30, 58, .05);
	overflow: hidden;
}

.intro_grid .grid_item:not(.with_img):not(.objava)::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: var(--vc-yellow);
	transform: scaleX(0);
	transform-origin: left;
	transition: .3s transform;
}

.intro_grid .grid_item:not(.with_img):not(.objava):hover {
	background: #fff;
	transform: translateY(-5px);
	box-shadow: 0 18px 40px rgba(15, 30, 58, .14);
	border-color: #ccd6e8;
}

.intro_grid .grid_item:not(.with_img):not(.objava):hover::after {
	transform: scaleX(1);
}

/* Povezava zapolni celo kartico, da je klikabilen cel kvadrat, ne le besedilo. */
.intro_grid .grid_item:not(.with_img):not(.objava)>a,
.intro_grid .grid_item:not(.with_img):not(.objava):hover>a {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-width: 0;
	padding: 26px 26px 24px 26px;
	color: var(--vc-dark) !important;
}

.intro_grid .grid_item:not(.with_img):not(.objava) h3,
.intro_grid .grid_item:not(.with_img):not(.objava):hover h3 {
	font-size: 20px !important;
	font-weight: 700;
	color: var(--vc-navy) !important;
	margin: 0 0 8px 0 !important;
}

.intro_grid .grid_item:not(.with_img):not(.objava) p {
	font-size: 15px;
	line-height: 1.55;
	color: #5f6b80;
	margin: 0;
}

/* Prazen opis naj ne pušča praznega prostora. */
.intro_grid .grid_item p:empty {
	display: none;
}

/* Puščica pove, da je kartica povezava. */
.intro_grid .grid_item:not(.with_img):not(.objava)>a::after {
	content: "\f061";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	display: block;
	margin-top: auto;
	padding-top: 18px;
	font-size: 13px;
	color: var(--vc-navy);
	transition: .25s transform;
}

.intro_grid .grid_item:not(.with_img):not(.objava):hover>a::after {
	transform: translateX(5px);
}

/* Kartice podstrani so poravnane z besedilom strani in se prilagodijo širini. */
.str_okvir .intro_grid {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 20px;
	margin-top: 10px;
}

/* ==================================================================
   KLIKABILNA CELA KARTICA, 2026-09-22
   Na več mestih je bila klikabilna samo besedilna povezava, prazen
   prostor v kartici pa ne. Povezavo raztegnemo čez celo kartico
   (nevidna plast prek ::after), kar ne zahteva sprememb v HTML.
   ================================================================== */

/* Kartice s kontaktnimi podatki (Kje smo, Pokličite nas, Delovni čas). */
.kont_el {
	position: relative;
}

.kont_el>a::after {
	content: "";
	position: absolute;
	inset: 0;
}

/* Izdelki v seznamu: prej sta bila klikabilna le slika in naslov, cena
   in prazen prostor pa ne. Kartice z gumbom za v košarico (.ci_add)
   izvzamemo, da nevidna plast ne prekrije gumba. */
.catalog_item:not(:has(.ci_add))>h2>a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
}

/* Slika izdelka naj zapolni svoj del kartice, ne le širine same slike. */
.cat_item_img a {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
}

/* Krmilni pas pasice je čez celo širino in leži nad karticami hitrega
   dostopa (z-index 7), zato je prestrezal klike na njihov zgornji del.
   Klike prepušča naprej, lovijo jih samo pike. */
.hero_ctrl {
	pointer-events: none;
}

.hero_ctrl .hero_dots,
.hero_ctrl .hero_dot {
	pointer-events: auto;
}

/* Kartice na strani 404 (.other_item): glavna povezava se raztegne čez
   celo kartico, povezave na podstrani ostanejo nad njo in delujejo svoje.
   Odmiki so zdaj na ovoju .oi, zato .shorts ne potrebuje več negativnega
   odmika, s katerim je prej lovil zlomljeno gnezdenje povezav. */
.other_item .oi {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.other_item .oi_glavna::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.other_item .shorts {
	margin: auto 0 0 0;
	padding: 14px 0 0 0;
	position: relative;
	z-index: 2;
}

.other_item .shorts a {
	position: relative;
	z-index: 2;
}

/* Stran 404: vsebina se je dotikala robov zaslona, kartice pa so bile
   v starih barvah (turkizni naslov, zelo svetel opis). Poravnamo jo z
   ostalimi stranmi in uskladimo barve. */
.p4 {
	padding: 0 20px;
	margin-bottom: 60px;
}

.other-list {
	margin-top: 40px;
}

.other_item {
	border: 1px solid var(--vc-line);
	box-shadow: 0 4px 14px rgba(15, 30, 58, .05);
	border-radius: 14px;
	transition: .25s all;
}

.other_item:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 34px rgba(17, 32, 60, .12);
	border-color: #ccd6e8;
}

.other_item .oi {
	padding: 28px 26px 26px 26px;
}

.other_item h2 {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 22px !important;
	margin: 0 0 10px 0 !important;
}

.other_item h2 .oi_glavna,
.other_item h2 .oi_glavna:hover {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	padding: 0;
	color: var(--vc-navy) !important;
}

.other_item i {
	width: auto;
	margin: 0;
	color: var(--vc-yellow);
}

.other_item .oSum {
	color: #5f6b80;
	margin: 0;
	font-size: 15px;
}

.other_item .shorts a {
	float: none;
	display: block;
	width: auto;
	color: var(--vc-navy);
	text-decoration: none;
	font-weight: 500;
	padding: 6px 0;
	border-bottom: 1px solid #eef1f7;
}

.other_item .shorts a:last-child {
	border-bottom: none;
}

.other_item .shorts a:hover {
	color: var(--vc-dark);
	text-decoration: underline;
}

/* Prelomi <br> med podpovezavami niso več potrebni, ker so bloki. */
.other_item .shorts br {
	display: none;
}

/* ==================================================================
   OKNO S PONUDBO PNEVMATIK (2026-09-22)
   Trgovina s pnevmatikami je na poddomeni; namesto novega zavihka jo
   odpremo v oknu na strani: 80 % zaslona na namizju, 95 % na mobilnem.
   ================================================================== */

.gm_ovoj {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(10, 18, 34, .62);
	backdrop-filter: blur(3px);
}

.gm_ovoj.je-odprto {
	display: flex;
	animation: gmVstop .22s ease;
}

@keyframes gmVstop {
	from { opacity: 0; }
	to   { opacity: 1; }
}

.gm_polje {
	width: 80vw;
	height: 80vh;
	max-width: 1500px;
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 30px 70px rgba(4, 10, 22, .45);
}

.gm_glava {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 13px 16px 13px 20px;
	background: var(--vc-navy);
	color: #fff;
}

.gm_naslov {
	font-size: 16px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.gm_naslov i {
	color: var(--vc-yellow);
}

.gm_orodja {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.gm_zunanja {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 600;
	color: rgba(255, 255, 255, .88) !important;
	text-decoration: none !important;
	padding: 8px 14px;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 6px;
	transition: .2s all;
}

.gm_zunanja:hover {
	background: rgba(255, 255, 255, .12);
	border-color: rgba(255, 255, 255, .6);
	color: #fff !important;
}

.gm_zapri {
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 50%;
	background: var(--vc-yellow);
	color: var(--vc-dark);
	font-size: 16px;
	cursor: pointer;
	transition: .2s all;
}

.gm_zapri:hover {
	background: #ffd83a;
	transform: rotate(90deg);
}

.gm_telo {
	position: relative;
	flex: 1 1 auto;
	min-height: 0;
	background: #f4f7fd;
}

.gm_ram {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
	opacity: 0;
	transition: opacity .3s ease;
}

.gm_ovoj.je-nalozeno .gm_ram {
	opacity: 1;
}

.gm_nalaganje,
.gm_napaka {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	text-align: center;
	color: #5a6478;
	font-size: 16px;
	font-weight: 600;
	padding: 24px;
}

.gm_nalaganje i {
	color: var(--vc-navy);
	margin-right: 8px;
}

.gm_ovoj.je-nalozeno .gm_nalaganje,
.gm_napaka {
	display: none;
}

.gm_ovoj.je-napaka .gm_napaka {
	display: flex;
}

.gm_ovoj.je-napaka .gm_nalaganje {
	display: none;
}

/* Stran pod oknom se ne premika. Zaklep je na <html>, ne na <body>,
   ker <body> z majhno dejansko visino reze vsebino. */
html.gm_zaklep {
	overflow: hidden;
}

@media (max-width:850px) {
	.gm_ovoj {
		padding: 0;
	}

	.gm_polje {
		width: 95vw;
		height: 95vh;
		border-radius: 12px;
	}

	.gm_zunanja span,
	.gm_zunanja {
		font-size: 12px;
		padding: 7px 10px;
	}

	.gm_glava {
		padding: 10px 10px 10px 14px;
	}

	.gm_naslov {
		font-size: 14px;
	}
}

@media (max-width:580px) {
	.gm_zunanja {
		width: 38px;
		height: 38px;
		padding: 0;
		justify-content: center;
		border-radius: 50%;
		font-size: 0;
	}

	.gm_zunanja i {
		font-size: 14px;
	}
}

/* ==================================================================
   MOBILNI MENI - svetla različica s stalno vidnim gumbom za zapiranje
   (2026-09-22)
   Meni je polno okno z lastno glavo. Prej se je odprl pod glavo strani
   in če je bila ta izmerjena prenizko, je prekril gumb za zapiranje.
   ================================================================== */

body .panel.vc_panel {
	top: 0;
	align-items: stretch;
	justify-content: flex-start;
	right: -100%;
	width: 100%;
	max-width: 460px;
	height: 100%;
	min-height: 0;
	padding-bottom: 0;
	background: #fff;
	border-left: 0;
	color: var(--vc-navy);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-shadow: -18px 0 46px rgba(15, 30, 58, .18);
}

body .panel.vc_panel.panelVis {
	right: 0;
	overflow: hidden;
}

/* Glava menija ostane na mestu, seznam pod njo se pomika. */
.vc_panel_glava {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 12px 18px;
	background: var(--vc-navy);
}

.vc_panel_logo {
	display: flex;
	align-items: center;
	line-height: 0;
}

.vc_panel_logo img {
	height: 40px;
	width: auto;
	display: block;
}

.vc_panel_zapri {
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	min-width: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--vc-yellow);
	color: var(--vc-navy);
	font-size: 20px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition: transform .2s ease;
}

.vc_panel_zapri:hover {
	transform: rotate(90deg);
}

.vc_panel .flex-nav {
	flex: 1 1 auto;
	width: 100%;
	margin: 0;
	padding: 6px 18px 40px 18px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	align-items: stretch;
	justify-content: flex-start;
	color: var(--vc-navy);
	/* Brez preloma: daljši meni se pomika navzdol, ne prelomi v drug stolpec (2026-10-01). */
	flex-wrap: nowrap;
}

.vc_panel .m-navi,
.vc_panel .mid-navi,
.vc_panel .mid-navi .fElement {
	width: 100%;
}

.vc_panel .mid-navi {
	margin: 18px 0 0 0;
}

.vc_panel .panel .lan,
.vc_panel .lan {
	margin-bottom: 0;
}

/* Glavna navigacija */
.vc_panel .rNav li {
	border-bottom: 1px solid var(--vc-line);
	font-size: 1em;
}

.vc_panel .rNav li a {
	color: var(--vc-navy);
	font-size: 17px;
	font-weight: 700;
	padding: 15px 0;
}

.vc_panel .rNav li a:hover,
.vc_panel .rNav li :hover a {
	color: var(--vc-navy) !important;
}

.vc_panel .rwdMore {
	color: var(--vc-navy);
	font-size: 20px;
}

.vc_panel .subRole li {
	width: 100%;
	float: none;
	border-bottom: 0;
	padding-left: 14px;
}

.vc_panel .subRole li a {
	color: #5a6478 !important;
	font-size: 15px !important;
	font-weight: 500;
	width: 100%;
	padding: 10px 0;
}

/* Hitre povezave pod navigacijo */
.vc_panel .foot_btn {
	margin: 0;
	padding: 13px 0;
	font-size: 16px;
	font-weight: 600 !important;
	color: var(--vc-navy) !important;
	border-bottom: 1px solid var(--vc-line);
}

.vc_panel .foot_btn:hover {
	color: var(--vc-navy) !important;
}

.vc_panel .foot_btn span {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	background: var(--vc-light);
	color: var(--vc-navy);
	font-size: 14px;
	margin-right: 14px;
}

/* Rezervacija je glavno dejanje - poln rumen gumb brez črte pod njim. */
.vc_panel .foot_btn_glavni {
	justify-content: center;
	background: var(--vc-yellow);
	border: 0;
	border-radius: 12px;
	padding: 15px 18px;
	margin: 4px 0 16px 0;
	font-weight: 700 !important;
	box-shadow: 0 10px 22px rgba(252, 203, 6, .32);
}

.vc_panel .foot_btn_glavni span {
	background: transparent;
	width: auto;
	height: auto;
	flex: 0 0 auto;
	margin-right: 10px;
	font-size: 16px;
}

.vc_panel .foot_btn:last-child {
	border-bottom: 0;
}

/* Ko je meni odprt, se stran pod njim ne pomika. */
html.vc_panel_odprt {
	overflow: hidden;
}

/* ==================================================================
   ENA SAMA PASICA (2026-09-23)
   Pri več pasicah nosi spodnji odmik krmilni pas s pikami (.hero_ctrl).
   Ko je pasica ena sama, tega pasu ni, zato kartice hitrega dostopa
   (te se dvignejo za 52 px) zarežejo v sliko. Odmik dodamo pasici.
   ================================================================== */

.hero_ena {
	padding-bottom: 72px;
}

/* ==================================================================
   MOBILNA GLAVA IN SPODNJI TRAK (2026-10-01)
   Do 850 px vrhnje vrstice ni (kontakt je v spodnjem traku in nogi).
   Spodnji trak .fix_1 (samo telefon/tablica): levo stanje odprtosti,
   desno ikoni za klic in e-pošto. Gumb "Rezerviraj termin" je na
   ozkem zaslonu brez ikone, v dveh vrsticah in v navadni debelini.
   ================================================================== */

.vc_cta_txt {
	font-style: normal;
}

.vc_cta_br {
	display: none;
}

@media (max-width:1100px) {
	.fix_1 {
		height: auto;
		min-height: 54px;
		padding: 8px 14px calc(8px + env(safe-area-inset-bottom)) 16px;
		justify-content: space-between !important;
		gap: 12px;
		background: var(--vc-navy);
		border-top: 1px solid rgba(255, 255, 255, .08);
		box-shadow: 0 -6px 22px rgba(9, 18, 36, .22);
	}

	body:has(.fix_1) {
		padding-bottom: 54px;
	}

	.fix_1 a.fix_stanje {
		margin: 0;
		width: auto;
		height: auto;
		background: none;
		display: inline-flex;
		align-items: center;
		line-height: 1.2;
		text-decoration: none;
	}

	.fix_stanje span {
		display: inline-flex;
		align-items: center;
		gap: 9px;
		color: #fff;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: .01em;
	}

	/* Utripajoča pika ob stanju (zelena = odprto, oranžna = zaprto). */
	.fix_stanje i {
		font-size: 9px;
		border-radius: 50%;
		animation: vcPika 2.2s ease-in-out infinite;
	}

	.fix_stanje .vc_odprto i {
		color: #35c46a;
		box-shadow: 0 0 0 0 rgba(53, 196, 106, .55);
	}

	.fix_stanje .vc_zaprto i {
		color: #e0803a;
		box-shadow: 0 0 0 0 rgba(224, 128, 58, .55);
	}

	.fix_ikone {
		display: flex;
		align-items: center;
		gap: 10px;
		margin-left: auto;
	}

	.fix_1 .fix_ikone a {
		margin: 0;
		width: 38px;
		height: 38px;
		border-radius: 50%;
		background: var(--vc-yellow);
		color: var(--vc-navy);
		font-size: 15px;
	}
}

@keyframes vcPika {
	0%   { box-shadow: 0 0 0 0 currentColor; opacity: 1; }
	70%  { box-shadow: 0 0 0 7px transparent; opacity: .85; }
	100% { box-shadow: 0 0 0 0 transparent; opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	.fix_stanje i {
		animation: none;
	}
}

@media (max-width:850px) {
	.vc_topbar {
		display: none;
	}
}

@media (max-width:580px) {
	.vc_head_cta {
		display: inline-flex !important;
		align-items: center;
		padding: 9px 18px !important;
		font-weight: 500 !important;
		line-height: 1.2 !important;
		text-align: center;
		white-space: normal;
	}

	.vc_head_cta i {
		display: none;
	}

	.vc_cta_br {
		display: inline;
	}
}

/* Drsnik na mobilnem: manj praznega prostora med glavo in sliko (2026-10-01).
   Prej 60 px (drsnik) + 28 px (mreža) = 88 px nad sliko. */
@media (max-width:850px) {
	.hero_slide {
		padding-top: 0;
	}

	.hero_grid {
		padding-top: 18px;
	}
}

/* ==================================================================
   OKNO REZERVACIJE (fancybox, wrapCSS "vc_rez_okno"), 2026-10-01
   Višina sledi vsebini (functionsJS.js.php), tu je samo videz:
   zaobljen bel list s senco, temno modro zamegljeno ozadje.
   ================================================================== */

.fancybox-overlay:has(.vc_rez_okno) {
	background: rgba(15, 30, 58, .55);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.vc_rez_okno .fancybox-skin {
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 24px 60px rgba(9, 18, 36, .35);
}

.vc_rez_okno .fancybox-outer,
.vc_rez_okno .fancybox-inner {
	border-radius: 18px;
	overflow: hidden;
}

.vc_rez_okno .fancybox-inner {
	transition: height .25s ease;
}

.vc_rez_okno .fancybox-iframe {
	border-radius: 0;
}

.vc_rez_okno .fancybox-close {
	top: 12px;
	right: 12px;
	width: 34px;
	height: 34px;
	background-color: var(--vc-navy);
	background-size: 16px;
	box-shadow: 0 4px 12px rgba(9, 18, 36, .25);
}

/* jquery.fancybox.css vsiljuje "top: 20px !important" - to okno naj bo na sredini. */
.fancybox-wrap.vc_rez_okno {
	top: 50% !important;
	transform: translateY(-50%);
	background: transparent;
}