/*
 * Value pages "Zahtevna CNC obdelava" and "Sestava komponent in sklopov" (items 10-12),
 * the stage band on /dejavnosti/ and the stage link on the two technical pages.
 * Loaded only on those pages from functions.php.
 */
.ak-ev {
	--ak-ev-navy: #1a2a53;
	--ak-ev-orange: #ef7d00;
	--ak-ev-grey: #f1f1f1;
	--ak-ev-line: #e3e5ea;
	--ak-ev-text: rgba(0, 0, 0, .7);
	font-size: 16px;
	line-height: 1.6;
}

.ak-ev:not(.ak-ev-hero) .bt_bb_headline { margin-bottom: 28px; }

/* Hero stage marker */
.ak-ev-stage {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 0 0 28px;
	padding: 6px;
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 50px;
	background: rgba(255, 255, 255, .08);
	font-size: 13px;
	line-height: 1.3;
}
.ak-ev-stage a,
.ak-ev-stage span {
	padding: 6px 14px;
	border-radius: 50px;
	color: rgba(255, 255, 255, .75);
	text-decoration: none;
}
.ak-ev-stage a:hover { color: #fff; }
.ak-ev-stage .ak-ev-stage-current {
	background: var(--ak-ev-orange);
	color: #fff;
	font-weight: 600;
}
.ak-ev-stage .ak-ev-stage-arrow { padding: 0 2px; color: rgba(255, 255, 255, .5); }

/* Chips: list of operations */
.ak-ev-chips {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ak-ev-chips li {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	margin: 0;
	padding: 16px 18px;
	border: 1px solid var(--ak-ev-line);
	border-radius: 6px;
	background: #fff;
	color: var(--ak-ev-navy);
	font-weight: 600;
	font-size: 15px;
	line-height: 1.4;
}
.ak-ev-chips li::before {
	content: "";
	flex: 0 0 8px;
	height: 8px;
	margin-top: 6px;
	border-radius: 50%;
	background: var(--ak-ev-orange);
}

.ak-ev-callout {
	padding: 22px 26px;
	border-left: 4px solid var(--ak-ev-orange);
	border-radius: 0 6px 6px 0;
	background: #fff;
	color: var(--ak-ev-text);
}

/* Four outcome pillars on the dark band */
.ak-ev-pillars {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
}
.ak-ev-pillars li {
	margin: 0;
	padding-top: 16px;
	border-top: 3px solid var(--ak-ev-orange);
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.3;
}

/* Process chain */
.ak-ev-chain {
	display: flex;
	margin: 8px 0 0;
	padding: 0 0 6px;
	overflow-x: auto;
	list-style: none;
	counter-reset: ak-ev-step;
}
.ak-ev-chain li {
	position: relative;
	flex: 1 1 0;
	min-width: 112px;
	margin: 0;
	padding: 58px 8px 0;
	color: var(--ak-ev-navy);
	font-weight: 600;
	font-size: 14px;
	line-height: 1.35;
	text-align: center;
}
.ak-ev-chain li::before {
	counter-increment: ak-ev-step;
	content: counter(ak-ev-step);
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 2px solid var(--ak-ev-navy);
	border-radius: 50%;
	background: #fff;
	font-weight: 700;
	transform: translateX(-50%);
}
.ak-ev-chain li::after {
	content: "";
	position: absolute;
	top: 21px;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--ak-ev-navy);
	opacity: .25;
}
.ak-ev-chain li:first-child::after { left: 50%; }
.ak-ev-chain li:last-child::after { right: 50%; }
.ak-ev-chain .ak-ev-here::before {
	border-color: var(--ak-ev-orange);
	background: var(--ak-ev-orange);
	color: #fff;
}
.ak-ev-chain .ak-ev-link::before {
	border-style: dashed;
	border-color: var(--ak-ev-orange);
	color: var(--ak-ev-orange);
}
.ak-ev-chain a { color: inherit; text-decoration: none; }
.ak-ev-chain a:hover { color: var(--ak-ev-orange); }
.ak-ev-chain small {
	display: block;
	margin-top: 4px;
	color: var(--ak-ev-orange);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
}

/* CMM / DMC facts */
.ak-ev-facts {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
.ak-ev-facts div {
	padding: 24px;
	border-radius: 6px;
	background: var(--ak-ev-grey);
	color: var(--ak-ev-text);
}
.ak-ev-facts b {
	display: block;
	margin-bottom: 8px;
	color: var(--ak-ev-orange);
	font-size: 30px;
	font-weight: 800;
	line-height: 1;
}

/* Dark automation band: the section skin colours headlines only */
.ak-ev-automation .bt_bb_text,
.ak-ev-automation .bt_bb_text p { color: rgba(255, 255, 255, .85); }
.ak-ev-automation .bt_bb_text strong { color: #fff; }

/* Orange slogan band (section class) */
.ak-ev-slogan { background: #ef7d00; text-align: center; }
.ak-ev-slogan .bt_bb_headline,
.ak-ev-slogan .bt_bb_text,
.ak-ev-slogan .bt_bb_raw_content { text-align: center; }
.ak-ev-slogan h2,
.ak-ev-slogan .bt_bb_headline_content,
.ak-ev-slogan .bt_bb_headline_content span,
.ak-ev-slogan .bt_bb_text,
.ak-ev-slogan .bt_bb_text p,
.ak-ev-slogan .bt_bb_text strong { color: #fff; }
.ak-ev-slogan .bt_bb_text { max-width: 780px; margin: 0 auto; font-size: 18px; }
.ak-ev-slogan .bt_bb_headline { margin: 0 auto; max-width: 1000px; }
.ak-ev-slogan .bt_bb_headline .bt_bb_headline_content { justify-content: center; }
.ak-ev-slogan .ak-ev-tagline {
	display: inline-block;
	margin-top: 10px;
	padding-top: 22px;
	border-top: 1px solid rgba(255, 255, 255, .45);
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
}

/* Related capability card */
.ak-ev-nextcard {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 28px;
	align-items: center;
	padding: 30px 34px;
	border: 2px solid var(--ak-ev-navy);
	border-radius: 10px;
	color: var(--ak-ev-text);
	text-decoration: none;
	transition: border-color .2s;
}
.ak-ev-nextcard:hover { border-color: var(--ak-ev-orange); }
.ak-ev-nextcard.ak-ev-nextcard-unnumbered { grid-template-columns: minmax(0, 1fr) auto; overflow-wrap: anywhere; }
.ak-ev-nextcard-num {
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--ak-ev-navy);
	color: #fff;
	font-size: 26px;
	font-weight: 800;
}
.ak-ev-nextcard-label {
	display: block;
	color: var(--ak-ev-orange);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.ak-ev-nextcard-title {
	display: block;
	margin: 4px 0 2px;
	color: var(--ak-ev-navy);
	font-size: 26px;
	font-weight: 800;
	line-height: 1.2;
}
.ak-ev-nextcard-go { color: var(--ak-ev-orange); font-size: 30px; font-weight: 700; }

/* Assembly elements tiles */
.ak-ev-tiles {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ak-ev-tiles li {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 96px;
	margin: 0;
	padding: 36px 18px 18px;
	border: 1px solid var(--ak-ev-line);
	border-radius: 6px;
	background: #fff;
	color: var(--ak-ev-navy);
	font-weight: 600;
	font-size: 15px;
	line-height: 1.35;
}
.ak-ev-tiles li::before {
	content: "";
	position: absolute;
	top: 18px;
	left: 18px;
	width: 22px;
	height: 4px;
	border-radius: 2px;
	background: var(--ak-ev-orange);
}

/* Many suppliers vs one partner */
.ak-ev-versus {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 30px;
	align-items: center;
}
.ak-ev-vbox {
	padding: 28px;
	border: 1px solid var(--ak-ev-line);
	border-radius: 10px;
	background: #fff;
}
.ak-ev-vbox-title {
	margin-bottom: 16px;
	color: var(--ak-ev-text);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.ak-ev-web {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	margin-bottom: 16px;
}
.ak-ev-web span {
	padding: 10px 4px;
	border-radius: 4px;
	background: var(--ak-ev-grey);
	color: var(--ak-ev-navy);
	font-size: 12px;
	font-weight: 600;
	text-align: center;
}
.ak-ev-one {
	margin-bottom: 16px;
	padding: 26px 12px;
	border-radius: 6px;
	background: var(--ak-ev-orange);
	color: #fff;
	font-weight: 700;
	text-align: center;
}
.ak-ev-one small { display: block; margin-top: 4px; font-size: 12px; font-weight: 400; }
.ak-ev-cust {
	padding: 12px;
	border-radius: 6px;
	background: var(--ak-ev-navy);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}
.ak-ev-varrow { color: var(--ak-ev-orange); font-size: 40px; font-weight: 800; }

/* "Less" list */
.ak-ev-less {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ak-ev-less li {
	display: flex;
	gap: 14px;
	align-items: center;
	margin: 0;
	padding: 16px 18px;
	border-radius: 6px;
	background: #fff;
	color: var(--ak-ev-navy);
	font-weight: 600;
	font-size: 15px;
	line-height: 1.35;
}
.ak-ev-less li::before {
	content: "\2212";
	display: grid;
	flex: 0 0 34px;
	place-items: center;
	height: 34px;
	border-radius: 50%;
	background: var(--ak-ev-navy);
	color: #fff;
	font-size: 20px;
	font-weight: 700;
}
.ak-ev-less li.ak-ev-one-point::before { content: "1"; background: var(--ak-ev-orange); }

/* Value ladder */
.ak-ev-ladder {
	display: flex;
	flex-direction: column-reverse;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ak-ev-ladder li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 16px 20px;
	border: 1px solid var(--ak-ev-line);
	border-radius: 6px;
	background: #fff;
	color: var(--ak-ev-navy);
	font-weight: 700;
	line-height: 1.3;
}
.ak-ev-ladder li:nth-child(1) { margin-right: 40%; }
.ak-ev-ladder li:nth-child(2) { margin-right: 30%; }
.ak-ev-ladder li:nth-child(3) { margin-right: 20%; }
.ak-ev-ladder li:nth-child(4) { margin-right: 10%; }
.ak-ev-ladder li:last-child { border-color: var(--ak-ev-orange); background: var(--ak-ev-orange); color: #fff; }
.ak-ev-ladder li span { font-size: 12px; font-weight: 600; opacity: .6; }

/* Stage band on /dejavnosti/ */
.ak-ev-duo {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 24px;
	align-items: stretch;
}
.ak-ev-scard {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--ak-ev-line);
	border-radius: 10px;
	background: #fff;
	color: var(--ak-ev-text);
	text-decoration: none;
	transition: border-color .2s;
}
.ak-ev-scard:hover { border-color: var(--ak-ev-orange); }
.ak-ev-scard img { display: block; width: 100%; aspect-ratio: 16 / 8; object-fit: cover; }
.ak-ev-scard-body { display: flex; flex: 1; flex-direction: column; padding: 26px 28px 30px; }
.ak-ev-scard-label {
	color: var(--ak-ev-orange);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.ak-ev-scard-title {
	margin: 6px 0 10px;
	color: var(--ak-ev-navy);
	font-size: 24px;
	font-weight: 800;
	line-height: 1.2;
}
.ak-ev-scard-more { margin-top: auto; padding-top: 12px; color: var(--ak-ev-navy); font-weight: 700; }
.ak-ev-duo-arrow { display: grid; place-items: center; color: var(--ak-ev-orange); font-size: 42px; font-weight: 800; }
.ak-ev-result { margin-top: 24px; color: var(--ak-ev-navy); font-size: 18px; font-weight: 700; text-align: center; }
.ak-ev-result span { color: var(--ak-ev-orange); }

/* Long German compounds in titles and buttons */
.ak-ev-scard-title,
.ak-ev-nextcard-title,
.ak-ev-tiles li,
.ak-ev-chain li,
.ak-emmi-related-processes .bt_bb_button_text {
	-webkit-hyphens: auto;
	hyphens: auto;
	overflow-wrap: break-word;
}

/* Image slots keep a steady crop until final photos replace them */
.ak-ev-photo img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 6px; }
.ak-ev-photo.ak-ev-photo-portrait img { aspect-ratio: 4 / 5; }

@media (max-width: 991px) {
	.ak-ev-pillars { grid-template-columns: 1fr 1fr; }
	.ak-ev-versus,
	.ak-ev-duo { grid-template-columns: 1fr; }
	.ak-ev-varrow,
	.ak-ev-duo-arrow { justify-self: center; transform: rotate(90deg); }
	.ak-ev-ladder li { margin-right: 0 !important; }
}
@media (max-width: 767px) {
	.ak-ev-hero .bt_bb_background_image_holder { background-position: 78% center !important; }
	.ak-ev-chips,
	.ak-ev-facts { grid-template-columns: 1fr; }
	.ak-ev-tiles { grid-template-columns: 1fr 1fr; }
	.ak-ev-nextcard { grid-template-columns: auto 1fr; gap: 18px; padding: 22px; }
	.ak-ev-nextcard.ak-ev-nextcard-unnumbered { grid-template-columns: minmax(0, 1fr); }
	.ak-ev-nextcard-go { display: none; }
	.ak-ev-nextcard-title { font-size: 21px; }
	.ak-ev-nextcard-num { width: 48px; height: 48px; font-size: 20px; }
	.ak-ev-chain { flex-direction: column; overflow: visible; }
	.ak-ev-chain li { min-width: 0; padding: 10px 0 10px 58px; text-align: left; min-height: 54px; display: flex; flex-direction: column; justify-content: center; }
	.ak-ev-chain li::before { top: 6px; left: 0; transform: none; }
	.ak-ev-chain li::after { top: 0; bottom: 0; left: 20px; right: auto; width: 2px; height: auto; }
	.ak-ev-chain li:first-child::after { top: 27px; left: 20px; }
	.ak-ev-chain li:last-child::after { bottom: auto; height: 27px; right: auto; }
	.ak-ev-slogan .ak-ev-tagline { font-size: 18px; }
}
@media (max-width: 480px) {
	/* Long words (Subassemblies, Wiederholgenauigkeit) must fit 320 px without clipping. */
	.ak-ev .bt_bb_headline .bt_bb_headline_content {
		display: block;
		max-width: 100%;
		-webkit-hyphens: auto;
		hyphens: auto;
		overflow-wrap: break-word;
	}
	.ak-ev h1 { font-size: 36px !important; line-height: 1.1; }
	.ak-ev h2 { font-size: 28px !important; line-height: 1.15; }
	.ak-ev-tiles,
	.ak-ev-pillars { grid-template-columns: 1fr; }
	.ak-ev-stage { border-radius: 14px; }
	.ak-ev-web { grid-template-columns: 1fr 1fr; }
}

/* Motiv »Vogal« iz teme (kot v ozadju razdelka): zmerno, po en siv in en bel razdelek na stran.
   !important, ker razdelek v vgrajenem slogu nosi background-size: cover. */
.bt_bb_section.ak-ev-geometry,
.bt_bb_section.ak-ev-parts {
  background-image: url("/wp-content/uploads/2025/07/Vogal-bel-1.png");
  background-repeat: no-repeat !important;
  background-position: right bottom !important;
  background-size: clamp(90px, 11vw, 170px) !important;
}

.bt_bb_section.ak-ev-geometry {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 480'%3E%3Cpath fill='%231a2a53' d='M500 0A500 480 0 0 1 0 480H500Z'/%3E%3C/svg%3E");
}

.bt_bb_section.ak-ev-precision,
.bt_bb_section.ak-ev-integration {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 480'%3E%3Cpath fill='%23ef7d00' d='M0 0A500 480 0 0 0 500 480H0Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat !important;
  background-position: left bottom !important;
  background-size: clamp(90px, 11vw, 170px) !important;
}