/* Prodajaklima Core – Moderni meni */

.pk-menu,
.pk-drawer {
	--pk-accent: #0A66E8;
	--pk-accent-d: #084FB5;
	--pk-dark: #0B1B2E;
	--pk-muted: #4A5B70;
	--pk-line: #DDE5EE;
	--pk-soft: #E3EEFD;
	--pk-ground: #F3F7FB;
	--pk-ease: cubic-bezier(.2, .8, .2, 1);
}

.pk-menu *,
.pk-drawer * { box-sizing: border-box; }

.pk-menu .pk-icon,
.pk-drawer .pk-icon { display: block; flex: none; }

.pk-menu a:focus-visible,
.pk-menu button:focus-visible,
.pk-drawer a:focus-visible,
.pk-drawer button:focus-visible {
	outline: 2px solid var(--pk-accent);
	outline-offset: 2px;
}

/* Zaštita od stilova teme na dugmićima */
.pk-menu button,
.pk-drawer button {
	font: inherit;
	letter-spacing: normal;
	text-transform: none;
	box-shadow: none;
	margin: 0;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

/* ------------------------------------------------------------------ */
/* Traka (desktop)                                                     */
/* ------------------------------------------------------------------ */

.pk-menu {
	position: relative;
	display: flex;
	align-items: center;
	color: var(--pk-dark);
	font-family: inherit;
	line-height: 1.4;
}

.pk-menu__bar {
	display: flex;
	align-items: center;
	gap: 8px;
}

.pk-menu__cats { position: static; }

.pk-menu .pk-menu__cats-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 46px;
	padding: 0 16px 0 18px;
	border: 0;
	border-radius: 999px;
	background: var(--pk-accent);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	transition: background-color .2s;
}
.pk-menu .pk-menu__cats-btn:hover { background: var(--pk-accent-d); color: #fff; }
.pk-menu .pk-menu__cats-btn .pk-icon { width: 18px; height: 18px; }
.pk-chevron { display: inline-flex; transition: transform .25s var(--pk-ease); }
.pk-chevron .pk-icon { width: 16px; height: 16px; }
.pk-menu__cats-btn[aria-expanded="true"] .pk-chevron { transform: rotate(180deg); }

.pk-menu__list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.pk-menu__list > li { position: relative; margin: 0; padding: 0; }
.pk-menu__list > li > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 44px;
	padding: 0 14px;
	border-radius: 999px;
	color: var(--pk-dark);
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .2s, color .2s;
}
.pk-menu__list > li > a:hover { background: var(--pk-ground); color: var(--pk-dark); }
.pk-menu__list > li.current-menu-item > a,
.pk-menu__list > li.current-menu-ancestor > a,
.pk-menu__list > li.current_page_item > a,
.pk-menu__list > li.current-menu-parent > a {
	background: var(--pk-soft);
	color: var(--pk-accent-d);
	font-weight: 600;
}
.pk-menu__list > li.menu-item-has-children > a::after {
	content: "";
	width: 7px;
	height: 7px;
	margin-top: -3px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	opacity: .6;
}

/* Podmeni (desktop) */
.pk-menu__list .sub-menu {
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	z-index: 1000;
	min-width: 230px;
	margin: 0;
	padding: 8px;
	list-style: none;
	background: #fff;
	border: 1px solid var(--pk-line);
	border-radius: 18px;
	box-shadow: 0 18px 40px rgba(11, 27, 46, .12);
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .18s, transform .18s var(--pk-ease), visibility .18s;
}
.pk-menu__list .sub-menu::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -12px;
	height: 12px;
}
.pk-menu__list li:hover > .sub-menu,
.pk-menu__list li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: none;
}
.pk-menu__list .sub-menu a {
	display: block;
	padding: 10px 14px;
	border-radius: 12px;
	color: var(--pk-dark);
	font-size: 15px;
	text-decoration: none;
}
.pk-menu__list .sub-menu a:hover,
.pk-menu__list .sub-menu .current-menu-item > a { background: var(--pk-ground); color: var(--pk-accent-d); }

/* ------------------------------------------------------------------ */
/* Mega panel kategorija                                               */
/* ------------------------------------------------------------------ */

.pk-mega {
	position: absolute;
	top: calc(100% + 14px);
	left: 0;
	z-index: 1000;
	width: min(1040px, calc(100vw - 48px));
	padding: 24px;
	background: #fff;
	border: 1px solid var(--pk-line);
	border-radius: 26px;
	box-shadow: 0 28px 64px rgba(11, 27, 46, .16);
	animation: pk-pop .2s var(--pk-ease);
}
.pk-mega[hidden] { display: none; }

@keyframes pk-pop {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: none; }
}

.pk-mega__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: 24px;
}
.pk-mega__inner--full { grid-template-columns: minmax(0, 1fr); }

.pk-mega__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 0 8px 12px;
}
.pk-mega__title {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--pk-muted);
}
.pk-menu .pk-mega__all {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--pk-accent);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
.pk-mega__all .pk-icon { width: 16px; height: 16px; }
.pk-mega__all:hover { color: var(--pk-accent-d); }

.pk-mega__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.pk-mega__cat {
	margin: 0;
	padding: 6px;
	border-radius: 18px;
	transition: background-color .2s;
}
.pk-mega__cat:hover { background: var(--pk-ground); }

/* Kartica kategorije (zajednička za mega i panel) */
.pk-menu .pk-cat,
.pk-drawer .pk-cat {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
	padding: 6px;
	color: var(--pk-dark);
	text-decoration: none;
}
.pk-thumb {
	display: grid;
	place-items: center;
	flex: none;
	width: 56px;
	height: 56px;
	overflow: hidden;
	border-radius: 16px;
	background: var(--pk-ground);
	color: var(--pk-accent);
}
.pk-mega__cat:hover .pk-thumb { background: #fff; }
.pk-thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 6px;
}
.pk-thumb .pk-icon { width: 24px; height: 24px; }
.pk-cat__text { display: flex; flex-direction: column; min-width: 0; }
.pk-cat__text strong { font-size: 16px; font-weight: 600; line-height: 1.3; }
.pk-count { font-size: 13px; color: var(--pk-muted); }
.pk-cat:hover strong { color: var(--pk-accent-d); }

.pk-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 4px 0 6px 76px;
	padding: 0;
	list-style: none;
}
.pk-chips[hidden] { display: none; }
.pk-chips li { margin: 0; }
.pk-menu .pk-chips a,
.pk-drawer .pk-chips a {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0 12px;
	border: 1px solid var(--pk-line);
	border-radius: 999px;
	background: #fff;
	color: var(--pk-dark);
	font-size: 13px;
	text-decoration: none;
}
.pk-chips a:hover { border-color: var(--pk-accent); color: var(--pk-accent-d); }

/* Promo kartica */
.pk-promo {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 24px;
	border-radius: 20px;
	background: var(--pk-dark);
	color: #fff;
}
.pk-promo__title { font-size: 22px; font-weight: 700; line-height: 1.2; }
.pk-promo__text { font-size: 14px; line-height: 1.55; color: rgba(255, 255, 255, .75); }
.pk-menu .pk-promo__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin-top: auto;
	padding: 0 20px;
	border-radius: 999px;
	background: #fff;
	color: var(--pk-dark);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}
.pk-menu .pk-promo__btn:hover { background: var(--pk-soft); color: var(--pk-dark); }
.pk-menu .pk-promo__phone {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 40px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}
.pk-promo__phone .pk-icon { width: 16px; height: 16px; }

/* ------------------------------------------------------------------ */
/* Dugme „Meni“ (mobilni)                                              */
/* ------------------------------------------------------------------ */

.pk-menu .pk-menu__burger {
	display: none;
	align-items: center;
	gap: 10px;
	min-height: 46px;
	padding: 0 18px 0 14px;
	border: 1px solid var(--pk-line);
	border-radius: 999px;
	background: #fff;
	color: var(--pk-dark);
	font-size: 15px;
	font-weight: 600;
	transition: border-color .2s, background-color .2s;
}
.pk-menu .pk-menu__burger:hover { border-color: var(--pk-accent); background: #fff; color: var(--pk-dark); }

.pk-burger {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	width: 28px;
	height: 28px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--pk-accent);
}
.pk-burger i {
	display: block;
	height: 2px;
	border-radius: 2px;
	background: #fff;
	transition: transform .25s var(--pk-ease), opacity .2s;
}
.pk-burger i:nth-child(2) { width: 70%; }
.pk-menu__burger[aria-expanded="true"] .pk-burger i:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.pk-menu__burger[aria-expanded="true"] .pk-burger i:nth-child(2) { opacity: 0; }
.pk-menu__burger[aria-expanded="true"] .pk-burger i:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* ------------------------------------------------------------------ */
/* Bočni panel                                                          */
/* ------------------------------------------------------------------ */

html.pk-lock,
html.pk-lock body { overflow: hidden; }

.pk-drawer {
	position: fixed;
	inset: 0;
	z-index: 99999;
	color: var(--pk-dark);
	font-family: inherit;
	line-height: 1.4;
}
.pk-drawer[hidden] { display: none; }

.pk-drawer__overlay {
	position: absolute;
	inset: 0;
	background: rgba(11, 27, 46, .5);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	opacity: 0;
	transition: opacity .25s;
}
.pk-drawer.is-open .pk-drawer__overlay { opacity: 1; }

.pk-drawer__panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	width: min(420px, 100%);
	background: #fff;
	box-shadow: -20px 0 60px rgba(11, 27, 46, .18);
	transform: translateX(100%);
	transition: transform .3s var(--pk-ease);
}
.pk-drawer.is-open .pk-drawer__panel { transform: none; }

.pk-drawer__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(14px + env(safe-area-inset-top, 0px)) 20px 14px;
}
.pk-drawer__title { font-size: 22px; font-weight: 700; letter-spacing: -.02em; }

.pk-drawer .pk-drawer__close {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid var(--pk-line);
	border-radius: 999px;
	background: #fff;
	color: var(--pk-dark);
}
.pk-drawer .pk-drawer__close:hover { background: var(--pk-ground); color: var(--pk-dark); }

/* Tabovi */
.pk-tabs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px;
	margin: 0 20px 8px;
	padding: 4px;
	border-radius: 999px;
	background: var(--pk-ground);
}
.pk-drawer .pk-tab {
	min-height: 42px;
	padding: 0 12px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--pk-muted);
	font-size: 15px;
	font-weight: 600;
	transition: background-color .2s, color .2s, box-shadow .2s;
}
.pk-drawer .pk-tab:hover { background: transparent; color: var(--pk-dark); }
.pk-drawer .pk-tab[aria-selected="true"] {
	background: #fff;
	color: var(--pk-dark);
	box-shadow: 0 2px 8px rgba(11, 27, 46, .08);
}

.pk-drawer__body {
	flex: 1;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 4px 20px 20px;
}
.pk-panel[hidden] { display: none; }
.pk-panel { animation: pk-fade .2s ease; }
@keyframes pk-fade { from { opacity: 0; } to { opacity: 1; } }

/* Lista stranica u panelu */
.pk-drawer__list,
.pk-drawer__list .sub-menu,
.pk-drawer__cats {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pk-drawer__list > li {
	position: relative;
	margin: 0;
	border-bottom: 1px solid var(--pk-line);
}
.pk-drawer__list > li > a {
	display: flex;
	align-items: center;
	min-height: 56px;
	padding-right: 48px;
	color: var(--pk-dark);
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
}
.pk-drawer__list > li.current-menu-item > a,
.pk-drawer__list > li.current-menu-ancestor > a,
.pk-drawer__list > li.current_page_item > a { color: var(--pk-accent); font-weight: 600; }
.pk-drawer__list > li > .pk-sub-toggle {
	position: absolute;
	top: 6px;
	right: 0;
}
.pk-drawer__list .sub-menu { padding: 0 0 12px 12px; }
.pk-drawer__list .sub-menu[hidden] { display: none; }
.pk-drawer__list .sub-menu a {
	display: flex;
	align-items: center;
	min-height: 44px;
	color: var(--pk-muted);
	font-size: 16px;
	text-decoration: none;
}
.pk-drawer__list .sub-menu .current-menu-item > a { color: var(--pk-accent); }

.pk-drawer .pk-sub-toggle {
	display: grid;
	place-items: center;
	flex: none;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: var(--pk-ground);
	color: var(--pk-dark);
}
.pk-drawer .pk-sub-toggle:hover { background: var(--pk-soft); color: var(--pk-dark); }
.pk-sub-toggle .pk-icon { width: 18px; height: 18px; transition: transform .25s var(--pk-ease); }
.pk-sub-toggle[aria-expanded="true"] .pk-icon { transform: rotate(180deg); }

/* Kategorije u panelu */
.pk-drawer__cats > li { margin: 0; border-bottom: 1px solid var(--pk-line); }
.pk-drawer__cat-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 6px 0;
}
.pk-drawer__cat-row .pk-cat { flex: 1; padding: 4px 0; }
.pk-drawer .pk-thumb { width: 52px; height: 52px; border-radius: 14px; }
.pk-drawer .pk-chips { margin: 0 0 12px 66px; }

.pk-drawer .pk-drawer__all {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 50px;
	margin-top: 16px;
	border-radius: 999px;
	background: var(--pk-soft);
	color: var(--pk-accent-d);
	font-weight: 600;
	text-decoration: none;
}
.pk-drawer__all .pk-icon { width: 18px; height: 18px; }
.pk-drawer .pk-drawer__all:hover { background: var(--pk-accent); color: #fff; }

/* Dno panela */
.pk-drawer__foot {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 16px 20px calc(16px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid var(--pk-line);
}
.pk-drawer .pk-drawer__phone {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	min-height: 54px;
	border-radius: 999px;
	background: var(--pk-accent);
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
}
.pk-drawer .pk-drawer__phone:hover { background: var(--pk-accent-d); color: #fff; }
.pk-drawer__note { font-size: 13px; color: var(--pk-muted); }

/* ------------------------------------------------------------------ */
/* Responsive i pristupačnost                                          */
/* ------------------------------------------------------------------ */

@media (max-width: 1180px) {
	.pk-mega__inner { grid-template-columns: minmax(0, 1fr); }
	.pk-promo { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	.pk-menu *,
	.pk-drawer *,
	.pk-mega,
	.pk-panel {
		animation: none !important;
		transition: none !important;
	}
}

/* ------------------------------------------------------------------ */
/* v1.0.1 – Zaštita od globalnih stilova dugmića (tema / Elementor Kit) */
/* Tema i Elementor Kit boje button:hover / button:focus (npr. roze     */
/* #c36 iz Hello teme), pa su ovde vrednosti zaključane.               */
/* ------------------------------------------------------------------ */

.pk-menu .pk-menu__burger,
.pk-menu .pk-menu__burger:hover,
.pk-menu .pk-menu__burger:focus,
.pk-menu .pk-menu__burger:active {
	gap: 10px !important;
	width: auto !important;
	min-height: 46px !important;
	padding: 0 18px 0 8px !important;
	border: 1px solid var(--pk-line) !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: var(--pk-dark) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
	flex-shrink: 0 !important;
}
.pk-menu .pk-menu__burger:hover,
.pk-menu .pk-menu__burger[aria-expanded="true"] { border-color: var(--pk-accent) !important; }
.pk-menu .pk-burger { width: 30px; height: 30px; padding: 0 7px; }

.pk-menu .pk-menu__cats-btn,
.pk-menu .pk-menu__cats-btn:focus,
.pk-menu .pk-menu__cats-btn:active {
	min-height: 46px !important;
	padding: 0 16px 0 18px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--pk-accent) !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	box-shadow: none !important;
}
.pk-menu .pk-menu__cats-btn:hover,
.pk-menu .pk-menu__cats-btn[aria-expanded="true"] { background: var(--pk-accent-d) !important; color: #fff !important; }

.pk-drawer .pk-drawer__close,
.pk-drawer .pk-drawer__close:focus,
.pk-drawer .pk-drawer__close:active {
	width: 44px !important;
	height: 44px !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--pk-line) !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: var(--pk-dark) !important;
	box-shadow: none !important;
}
.pk-drawer .pk-drawer__close:hover { background: var(--pk-ground) !important; color: var(--pk-dark) !important; }

.pk-drawer .pk-tab,
.pk-drawer .pk-tab:hover,
.pk-drawer .pk-tab:focus,
.pk-drawer .pk-tab:active {
	min-height: 42px !important;
	padding: 0 12px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: var(--pk-muted) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	box-shadow: none !important;
}
.pk-drawer .pk-tab[aria-selected="true"] {
	background: #fff !important;
	color: var(--pk-dark) !important;
	box-shadow: 0 2px 8px rgba(11, 27, 46, .08) !important;
}

.pk-drawer .pk-sub-toggle,
.pk-drawer .pk-sub-toggle:focus,
.pk-drawer .pk-sub-toggle:active {
	width: 44px !important;
	height: 44px !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--pk-ground) !important;
	color: var(--pk-dark) !important;
	box-shadow: none !important;
}
.pk-drawer .pk-sub-toggle:hover { background: var(--pk-soft) !important; }

/* Elementor: widget sa menijem ne sme da se skuplja i preklapa sa susedima */
.elementor-widget-shortcode:has(.pk-menu) {
	flex-shrink: 0;
	width: auto;
	max-width: 100%;
}
.pk-menu { flex-shrink: 0; }

/* Vrlo uski ekrani: samo ikonica, natpis ostaje za čitače ekrana */
@media (max-width: 359px) {
	.pk-menu .pk-menu__burger,
	.pk-menu .pk-menu__burger:hover,
	.pk-menu .pk-menu__burger:focus {
		width: 46px !important;
		padding: 0 !important;
		justify-content: center !important;
	}
	.pk-menu__burger-label {
		position: absolute !important;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}
}