/* V3.2: zaštita ikona čak i pre specifičnih pravila */
.sig-sstore-shell svg { display:block; width:24px; height:24px; max-width:100%; max-height:100%; }

/* Sigurica S-Izlog Storefront V2 — cilj: raspored mockupa 1:1 */

body.sigurica-sstore-page {
	margin: 0 !important;
	background: #ffffff !important;
}

body.sigurica-sstore-page .site-header,
body.sigurica-sstore-page #masthead,
body.sigurica-sstore-page .site-footer,
body.sigurica-sstore-page .entry-header {
	display: none !important;
}

body.sigurica-sstore-page .site-content,
body.sigurica-sstore-page #content,
body.sigurica-sstore-page .ast-container,
body.sigurica-sstore-page .content-area,
body.sigurica-sstore-page .site-main,
body.sigurica-sstore-page article,
body.sigurica-sstore-page .entry-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.sig-sstore-shell,
.sig-sstore-shell * {
	box-sizing: border-box;
}

.sig-sstore-shell {
	--navy: #0f3150;
	--navy-dark: #082640;
	--gold: #c69b4a;
	--gold-soft: #e7d2a7;
	--sand: #d9c3a5;
	--cream: #fbf8f2;
	--line: #e7e2da;
	--muted: #6f8092;
	--shadow: 0 10px 26px rgba(23, 50, 77, .07);
	width: 100%;
	margin: 0;
	color: var(--navy);
	background: #fff;
	font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important;
}

.sig-sstore-sitebar {
	position: relative;
	z-index: 20;
	width: 100%;
	height: 96px;
	background: #0f3150;
	box-shadow: 0 3px 14px rgba(0, 0, 0, .14);
}

.sig-sstore-sitebar__inner {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr) auto;
	align-items: center;
	width: min(1450px, calc(100% - 80px));
	height: 96px;
	margin: 0 auto;
}

.sig-sstore-brand {
	display: inline-flex;
	align-items: center;
	gap: 13px;
	width: max-content;
	max-width: 260px;
	color: #ffffff !important;
	font-size: 28px;
	font-weight: 800;
	text-decoration: none !important;
}

.sig-sstore-brand__image {
	display: block;
	width: auto;
	max-width: 245px;
	height: auto;
	max-height: 66px;
	object-fit: contain;
}

.sig-sstore-brand__mark {
	display: block;
	width: 44px;
	height: 52px;
	color: #f5d898;
}

.sig-sstore-brand__mark svg {
	display: block;
	width: 100%;
	height: 100%;
}

.sig-sstore-brand__text {
	color: #ffffff;
}

.sig-sstore-navlinks {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 40px;
	height: 96px;
}

.sig-sstore-navlinks a {
	display: inline-flex;
	align-items: center;
	position: relative;
	color: rgba(255, 255, 255, .96) !important;
	font-size: 15px;
	font-weight: 650;
	text-decoration: none !important;
}

.sig-sstore-navlinks a:hover,
.sig-sstore-navlinks a.is-active {
	color: #f1c96f !important;
}

.sig-sstore-navlinks a.is-active::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 23px;
	height: 2px;
	background: #e0b756;
}

.sig-sstore-sitebar__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 24px;
}

.sig-sstore-account {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-width: 0;
	color: #ffffff !important;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none !important;
	white-space: nowrap;
}

.sig-sstore-account:hover {
	color: #f1c96f !important;
}

.sig-sstore-account__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	color: currentColor;
}

.sig-sstore-account__icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: currentColor;
}

.sig-sstore-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	padding: 0 27px;
	border-radius: 999px;
	background: #dfc39a;
	color: #ffffff !important;
	font-size: 15px;
	font-weight: 800;
	text-decoration: none !important;
	box-shadow: none;
	transition: background .2s ease, transform .2s ease;
}

.sig-sstore-submit:hover {
	background: #cfae7d;
	color: #ffffff !important;
	transform: translateY(-1px);
}

.sig-sstore {
	width: 100%;
	margin: 0;
	background: #fff;
}

.sig-sstore-hero {
	position: relative;
	overflow: hidden;
	min-height: 228px;
	background-image:
		linear-gradient(90deg, #fff 0%, rgba(255,255,255,.98) 43%, rgba(255,255,255,.16) 71%, rgba(255,255,255,.02) 100%),
		var(--sig-sstore-banner);
	background-repeat: no-repeat;
	background-size: auto 100%, 52% 100%;
	background-position: left top, right center;
}

.sig-sstore-hero__inner {
	display: grid;
	grid-template-columns: 190px minmax(0, 800px);
	gap: 34px;
	align-items: center;
	width: min(1450px, calc(100% - 40px));
	min-height: 228px;
	margin: 0 auto;
	padding: 28px 0 18px;
}

.sig-sstore-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 190px;
	height: 176px;
	overflow: hidden;
	border: 5px solid #fff;
	border-radius: 14px;
	background: linear-gradient(145deg, #244865, #17324d);
	color: #f0d7ab;
	font-size: 64px;
	font-weight: 900;
	box-shadow: 0 10px 26px rgba(23, 50, 77, .17);
}

.sig-sstore-logo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sig-sstore-heading {
	align-self: start;
	min-width: 0;
	padding-top: 2px;
}

.sig-sstore-heading__top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 13px;
}

.sig-sstore-heading h1 {
	margin: 0 !important;
	padding: 0 !important;
	color: #102f4b !important;
	font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important;
	font-size: 39px !important;
	font-weight: 800 !important;
	line-height: 1.08 !important;
	letter-spacing: -.03em !important;
}

.sig-sstore-premium {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 10px;
	border: 1px solid rgba(183, 139, 53, .40);
	border-radius: 8px;
	background: rgba(255, 255, 255, .76);
	color: #a77521;
	font-size: 11px;
	font-weight: 800;
	white-space: nowrap;
}

.sig-sstore-kicker {
	margin-top: 7px;
	color: #102f4b;
	font-size: 17px;
	font-weight: 800;
}

.sig-sstore-kicker span {
	color: #c89d45;
	font-size: 12px;
}

.sig-sstore-heading > p {
	max-width: 650px;
	margin: 6px 0 14px !important;
	color: #344d63;
	font-size: 13px;
	line-height: 1.48;
}

.sig-sstore-facts {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	width: 100%;
	overflow: hidden;
	border: 1px solid rgba(23, 50, 77, .12);
	border-radius: 7px;
	background: rgba(255, 255, 255, .93);
	box-shadow: 0 8px 20px rgba(23, 50, 77, .08);
}

.sig-sstore-facts > div {
	display: flex;
	align-items: center;
	gap: 9px;
	min-width: 0;
	padding: 10px 12px;
	border-right: 1px solid rgba(23, 50, 77, .12);
}

.sig-sstore-facts > div:last-child {
	border-right: 0;
}

.sig-sstore-facts svg {
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	fill: none;
	stroke: #17324d;
	stroke-width: 1.55;
}

.sig-sstore-facts span {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.sig-sstore-facts strong,
.sig-sstore-facts small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sig-sstore-facts strong {
	color: #17324d;
	font-size: 10px;
	line-height: 1.2;
}

.sig-sstore-facts small {
	margin-top: 1px;
	color: #6f8092;
	font-size: 8.5px;
}

.sig-sstore-content {
	border-top: 1px solid #e7e2da;
	background: #fff;
}

.sig-sstore-layout {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	gap: 32px;
	width: min(1450px, calc(100% - 40px));
	margin: 0 auto;
	padding: 20px 0 24px;
}

.sig-sstore-sidebar {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.sig-sstore-panel {
	overflow: hidden;
	border: 1px solid #e3e5e8;
	border-radius: 9px;
	background: #fff;
}

.sig-sstore-panel h2 {
	margin: 0 !important;
	padding: 14px 13px 8px !important;
	color: #17324d !important;
	font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 800 !important;
}

.sig-sstore-panel nav {
	padding: 0 9px 10px;
}

.sig-sstore-panel nav a {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 9px 10px;
	border-radius: 6px;
	color: #17324d !important;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none !important;
}

.sig-sstore-panel nav a.is-active,
.sig-sstore-panel nav a:hover {
	background: #f7f1e8;
}

.sig-sstore-panel nav a span {
	color: #7b8fa1;
}

.sig-sstore-about {
	padding-bottom: 12px;
}

.sig-sstore-about p {
	margin: 0 !important;
	padding: 0 13px 10px !important;
	color: #344d63;
	font-size: 11px;
	line-height: 1.45;
}

.sig-sstore-about ul {
	display: grid;
	gap: 6px;
	margin: 0 !important;
	padding: 0 13px !important;
	list-style: none !important;
	color: #536b80;
	font-size: 10px;
}

.sig-sstore-about li::before {
	content: "◉";
	margin-right: 7px;
	color: #7b8fa1;
}

.sig-sstore-main {
	min-width: 0;
}

.sig-sstore-toolbar {
	margin-bottom: 14px;
}

.sig-sstore-search {
	display: grid;
	grid-template-columns: minmax(260px, 1.35fr) minmax(170px, .72fr) minmax(170px, .72fr) 160px;
	gap: 12px;
	padding: 8px 10px;
	border: 1px solid #e3e5e8;
	border-radius: 8px;
	background: #fff;
}

.sig-sstore-searchfield {
	position: relative;
}

.sig-sstore-searchfield span {
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	color: #8b99a5;
	font-size: 18px;
	pointer-events: none;
}

.sig-sstore-search input,
.sig-sstore-search select,
.sig-sstore-search button {
	width: 100%;
	height: 36px;
	margin: 0 !important;
	border-radius: 5px !important;
	font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important;
	font-size: 11px !important;
}

.sig-sstore-search input,
.sig-sstore-search select {
	border: 1px solid #dfe3e7 !important;
	background: #fff !important;
	color: #17324d !important;
	padding: 0 12px !important;
}

.sig-sstore-search button {
	border: 0 !important;
	background: #113552 !important;
	color: #fff !important;
	font-weight: 800 !important;
	cursor: pointer;
}

.sig-sstore-sort {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 7px;
	padding: 6px 10px;
	border: 1px solid #e3e5e8;
	border-radius: 8px;
	background: #fff;
}

.sig-sstore-sort > div:first-child {
	display: flex;
	align-items: center;
	gap: 4px;
}

.sig-sstore-sort span {
	margin-right: 5px;
	color: #536b80;
	font-size: 10px;
}

.sig-sstore-sort button {
	padding: 5px 7px !important;
	border: 0 !important;
	border-bottom: 2px solid transparent !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #17324d !important;
	font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	cursor: pointer;
}

.sig-sstore-sort button.is-active {
	border-bottom-color: #d2a747 !important;
	color: #b17d20 !important;
}

.sig-sstore-viewtoggle {
	display: flex;
	gap: 5px;
}

.sig-sstore-viewtoggle button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 27px;
	padding: 5px !important;
	border: 1px solid #e0e1dd !important;
	border-radius: 4px !important;
	background: #f9f8f5 !important;
}

.sig-sstore-viewtoggle button.is-active {
	background: #f2eadc !important;
}

.sig-sstore-viewtoggle svg {
	width: 100%;
	height: 100%;
	fill: #17324d;
}

.sig-sstore-section {
	margin-top: 12px;
}

.sig-sstore-section > h2 {
	margin: 0 0 8px !important;
	padding: 0 !important;
	color: #17324d !important;
	font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important;
	font-size: 16px !important;
	font-weight: 800 !important;
}

.sig-sstore-featured {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.sig-sstore-grid {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 9px;
}

.sig-sstore-card {
	position: relative;
	overflow: hidden;
	min-width: 0;
	border: 1px solid #e1e3e6;
	border-radius: 7px;
	background: #fff;
	transition: transform .18s ease, box-shadow .18s ease;
}

.sig-sstore-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 18px rgba(23, 50, 77, .09);
}

.sig-sstore-card__image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #fafafa;
}

.sig-sstore-card--featured .sig-sstore-card__image {
	aspect-ratio: 16 / 9;
}

.sig-sstore-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.sig-sstore-card__placeholder {
	color: #9cadbb;
	font-size: 14px;
	font-weight: 800;
}

.sig-sstore-card__heart {
	position: absolute;
	top: 7px;
	right: 8px;
	color: #82909c;
	font-size: 17px;
	line-height: 1;
}

.sig-sstore-card__body {
	padding: 7px 8px 8px;
}

.sig-sstore-card__title {
	display: -webkit-box;
	overflow: hidden;
	color: #17324d !important;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.28;
	text-decoration: none !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.sig-sstore-card--featured .sig-sstore-card__title {
	min-height: 34px;
	font-size: 11px;
}

.sig-sstore-card__meta {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 5px;
	margin-top: 5px;
}

.sig-sstore-card__views {
	color: #7c8994;
	font-size: 8px;
	white-space: nowrap;
}

.sig-sstore-card__meta strong {
	color: #c18422;
	font-size: 11px;
	white-space: nowrap;
}

.sig-sstore-section--all .sig-sstore-card__meta {
	align-items: flex-start;
	flex-direction: column;
}

.sig-sstore-section--all .sig-sstore-card__meta strong {
	font-size: 10px;
}

.sig-sstore-grid.is-list {
	grid-template-columns: 1fr;
}

.sig-sstore-grid.is-list .sig-sstore-card {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
}

.sig-sstore-grid.is-list .sig-sstore-card__image {
	aspect-ratio: 1 / 1;
}

.sig-sstore-grid.is-list .sig-sstore-card__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.sig-sstore-more {
	display: flex;
	justify-content: center;
	margin-top: 12px;
}

.sig-sstore-more a,
.sig-sstore-more button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 0 18px;
	border: 1px solid #d2aa61;
	border-radius: 6px;
	color: #a97722 !important;
	font-size: 11px;
	font-weight: 750;
	text-decoration: none !important;
	background: #fff;
	cursor: pointer;
}

.sig-sstore-more button:hover {
	background: #fff8ed;
	border-color: #b78b35;
}

.sig-sstore-empty {
	margin: 20px 0 !important;
	color: #6f8092;
	text-align: center;
}

@media (max-width: 1200px) {
	.sig-sstore-sitebar__inner,
	.sig-sstore-hero__inner,
	.sig-sstore-layout {
		width: min(1100px, calc(100% - 30px));
	}

	.sig-sstore-sitebar__inner {
		grid-template-columns: 250px minmax(0, 1fr) auto;
		width: min(1100px, calc(100% - 40px));
	}

	.sig-sstore-navlinks {
		gap: 25px;
	}

	.sig-sstore-sitebar__actions {
		gap: 16px;
	}

	.sig-sstore-submit {
		padding: 0 20px;
	}

	.sig-sstore-hero {
		background-size: auto 100%, 58% 100%;
	}

	.sig-sstore-facts {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.sig-sstore-facts > div:nth-child(3) {
		border-right: 0;
	}

	.sig-sstore-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.sig-sstore-sitebar__inner {
		grid-template-columns: 1fr auto;
	}

	.sig-sstore-navlinks {
		display: none;
	}

	.sig-sstore-account__name {
		display: none;
	}

	.sig-sstore-hero {
		background-size: auto 100%, cover;
	}

	.sig-sstore-hero__inner {
		grid-template-columns: 150px minmax(0, 1fr);
		gap: 22px;
	}

	.sig-sstore-logo {
		width: 150px;
		height: 150px;
	}

	.sig-sstore-layout {
		grid-template-columns: 210px minmax(0, 1fr);
		gap: 20px;
	}

	.sig-sstore-search {
		grid-template-columns: 1fr 1fr;
	}

	.sig-sstore-featured,
	.sig-sstore-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.sig-sstore-sitebar {
		height: 74px;
	}

	.sig-sstore-sitebar__inner {
		display: flex;
		gap: 12px;
		width: calc(100% - 24px);
		height: 74px;
	}

	.sig-sstore-brand {
		max-width: 170px;
		font-size: 22px;
	}

	.sig-sstore-brand__image {
		max-width: 165px;
		max-height: 52px;
	}

	.sig-sstore-sitebar__actions {
		gap: 10px;
		margin-left: auto;
	}

	.sig-sstore-account {
		display: none;
	}

	.sig-sstore-submit {
		height: 40px;
		padding: 0 15px;
		font-size: 13px;
	}

	.sig-sstore-hero {
		background-image:
			linear-gradient(rgba(255,255,255,.88), rgba(255,255,255,.94)),
			var(--sig-sstore-banner);
		background-size: cover;
	}

	.sig-sstore-hero__inner {
		grid-template-columns: 1fr;
		justify-items: center;
		padding: 24px 0;
		text-align: center;
	}

	.sig-sstore-logo {
		width: 125px;
		height: 125px;
	}

	.sig-sstore-heading__top {
		justify-content: center;
	}

	.sig-sstore-heading h1 {
		font-size: 32px !important;
	}

	.sig-sstore-facts {
		grid-template-columns: 1fr;
	}

	.sig-sstore-facts > div {
		border-right: 0;
		border-bottom: 1px solid rgba(23, 50, 77, .12);
	}

	.sig-sstore-layout {
		grid-template-columns: 1fr;
		width: calc(100% - 24px);
		padding-top: 14px;
	}

	.sig-sstore-sidebar {
		order: 2;
	}

	.sig-sstore-main {
		order: 1;
	}

	.sig-sstore-search {
		grid-template-columns: 1fr;
	}

	.sig-sstore-sort {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}

	.sig-sstore-sort > div:first-child {
		flex-wrap: wrap;
	}

	.sig-sstore-featured,
	.sig-sstore-grid {
		grid-template-columns: 1fr;
	}
}


/* =========================================================
   V3 – funkcionalne kontrole
   ========================================================= */

.sig-sstore [hidden] { display: none !important; }

.sig-sstore-results-status {
	min-height: 18px;
	margin: 8px 0 0 !important;
	color: #6f8092;
	font-size: 10px;
	text-align: right;
}

.sig-sstore-card__heart {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: 0 !important;
	border-radius: 50%;
	background: rgba(255,255,255,.92);
	color: #82909c !important;
	font-size: 16px;
	text-decoration: none !important;
	box-shadow: 0 4px 12px rgba(23,50,77,.10);
	cursor: pointer;
	z-index: 4;
}

.sig-sstore-card__heart:hover,
.sig-sstore-card__heart:focus,
.sig-sstore-card__heart[data-state="active"] {
	background: #fff;
	color: #7a1f3d !important;
}

.sig-sstore-card__heart > span {
	display: block !important;
	font-size: 18px !important;
	line-height: 1 !important;
}

.sig-sstore-card__heart.is-active {
	color: #7a1f3d !important;
}

.sig-sstore-featured.is-list,
.sig-sstore-grid.is-list { grid-template-columns: 1fr !important; }

.sig-sstore-featured.is-list .sig-sstore-card,
.sig-sstore-grid.is-list .sig-sstore-card {
	display: grid;
	grid-template-columns: 150px minmax(0,1fr);
}

.sig-sstore-featured.is-list .sig-sstore-card__image,
.sig-sstore-grid.is-list .sig-sstore-card__image,
.sig-sstore-featured.is-list .sig-sstore-card--featured .sig-sstore-card__image { aspect-ratio: 1 / 1; }

.sig-sstore-featured.is-list .sig-sstore-card__body,
.sig-sstore-grid.is-list .sig-sstore-card__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 14px;
}

.sig-sstore-featured.is-list .sig-sstore-card__title,
.sig-sstore-grid.is-list .sig-sstore-card__title { min-height: 0; font-size: 14px; }

.sig-sstore-featured.is-list .sig-sstore-card__meta,
.sig-sstore-grid.is-list .sig-sstore-card__meta { align-items: center; flex-direction: row; }

@media (max-width: 700px) {
	.sig-sstore-featured.is-list .sig-sstore-card,
	.sig-sstore-grid.is-list .sig-sstore-card { grid-template-columns: 105px minmax(0,1fr); }
}

/* V3.1 bezbednosna zaštita za sve SVG ikone unutar izloga */
.sig-sstore-shell svg {
	max-width: 100% !important;
	max-height: 100% !important;
}

/* =========================================================
   V4 – Uredi moj S-Izlog
   ========================================================= */

.sig-sstore-hero {
	position: relative;
}

.sig-sstore-edit {
	position: absolute;
	top: 22px;
	right: max(24px, calc((100% - 1420px) / 2));
	z-index: 8;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 42px;
	padding: 0 16px !important;
	border: 1px solid rgba(183,139,53,.38) !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,.92) !important;
	color: #17324d !important;
	font: 800 13px/1 Manrope, Inter, sans-serif !important;
	box-shadow: 0 10px 26px rgba(23,50,77,.12);
	backdrop-filter: blur(8px);
	cursor: pointer;
}

.sig-sstore-edit:hover,
.sig-sstore-edit:focus {
	border-color: #b78b35 !important;
	background: #fff !important;
	transform: translateY(-1px);
}

body.sig-sstore-editor-open {
	overflow: hidden;
}

.sig-sstore-editor[hidden] {
	display: none !important;
}

.sig-sstore-editor {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
}

.sig-sstore-editor__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(8,24,39,.72);
	backdrop-filter: blur(5px);
}

.sig-sstore-editor__dialog {
	position: relative;
	z-index: 1;
	width: min(980px, 100%);
	max-height: calc(100vh - 48px);
	overflow: auto;
	border: 1px solid rgba(217,195,165,.7);
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 28px 80px rgba(0,0,0,.28);
}

.sig-sstore-editor__header {
	position: sticky;
	top: 0;
	z-index: 3;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	padding: 22px 24px;
	border-bottom: 1px solid rgba(23,50,77,.10);
	background: rgba(255,255,255,.96);
	backdrop-filter: blur(10px);
}

.sig-sstore-editor__header h2 {
	margin: 0 !important;
	color: #17324d !important;
	font-size: 25px !important;
}

.sig-sstore-editor__header p {
	margin: 4px 0 0 !important;
	color: #6f8092;
	font-size: 13px;
}

.sig-sstore-editor__close {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: #f4f1ec !important;
	color: #17324d !important;
	font-size: 26px !important;
	line-height: 1 !important;
	cursor: pointer;
}

.sig-sstore-editor__form {
	padding: 24px;
}

.sig-sstore-banner-field {
	display: grid;
	grid-template-columns: 260px minmax(0,1fr);
	gap: 18px;
	align-items: center;
	margin-bottom: 24px;
	padding: 16px;
	border: 1px solid rgba(23,50,77,.11);
	border-radius: 16px;
	background: #fbfaf8;
}

.sig-sstore-banner-field__preview {
	grid-row: 1 / 4;
	width: 100%;
	aspect-ratio: 16 / 5;
	border: 1px solid rgba(23,50,77,.14);
	border-radius: 13px;
	background-color: #f1ece4;
	background-position: center;
	background-size: cover;
}

.sig-sstore-banner-field__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.sig-sstore-banner-field small {
	color: #6f8092;
}

.sig-sstore-editor__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 14px;
}

.sig-sstore-editor__card {
	min-width: 0;
	margin: 0;
	padding: 14px;
	border: 1px solid rgba(23,50,77,.11);
	border-radius: 14px;
	background: #fff;
}

.sig-sstore-editor__card legend {
	padding: 0 7px;
	color: #17324d;
	font-size: 14px;
	font-weight: 850;
}

.sig-sstore-editor__card label {
	display: block;
	margin-top: 10px;
	color: #536a7d;
	font-size: 12px;
	font-weight: 700;
}

.sig-sstore-editor__card input[type="text"] {
	display: block;
	width: 100%;
	height: 43px;
	margin-top: 5px;
	padding: 0 11px;
	border: 1px solid rgba(23,50,77,.16);
	border-radius: 10px;
	background: #fff;
	color: #17324d;
	font: 600 14px/1 Manrope, Inter, sans-serif;
}

.sig-sstore-editor__card input[type="text"]:focus {
	border-color: #b78b35;
	outline: none;
	box-shadow: 0 0 0 3px rgba(183,139,53,.13);
}

.sig-sstore-editor__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid rgba(23,50,77,.10);
}

.sig-sstore-editor__footer p {
	margin: 0 !important;
	color: #278b48;
	font-size: 13px;
	font-weight: 750;
}

.sig-sstore-editor__footer > div {
	display: flex;
	gap: 10px;
}

.sig-sstore-editor .button,
.sig-sstore-editor .button-primary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 16px !important;
	border-radius: 10px !important;
	font-weight: 800 !important;
	cursor: pointer;
}

.sig-sstore-editor .button-primary {
	border-color: #17324d !important;
	background: #17324d !important;
	color: #fff !important;
}

@media (max-width: 700px) {
	.sig-sstore-edit {
		top: 14px;
		right: 14px;
		min-height: 38px;
		padding: 0 12px !important;
	}

	.sig-sstore-editor {
		padding: 10px;
	}

	.sig-sstore-editor__dialog {
		max-height: calc(100vh - 20px);
		border-radius: 18px;
	}

	.sig-sstore-editor__form,
	.sig-sstore-editor__header {
		padding: 17px;
	}

	.sig-sstore-banner-field {
		grid-template-columns: 1fr;
	}

	.sig-sstore-banner-field__preview {
		grid-row: auto;
	}

	.sig-sstore-editor__grid {
		grid-template-columns: 1fr;
	}

	.sig-sstore-editor__footer {
		align-items: stretch;
		flex-direction: column;
	}

	.sig-sstore-editor__footer > div,
	.sig-sstore-editor__footer button {
		width: 100%;
	}
}

/* =========================================================
   V6 – izdvojeni oglasi: izbor do 8 + karusel sa strelicama
   ========================================================= */

.sig-sstore-section__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 8px;
}

.sig-sstore-section__heading h2 {
	margin: 0 !important;
	padding: 0 !important;
	color: #17324d !important;
	font-size: 16px !important;
	font-weight: 800 !important;
}

.sig-sstore-section__heading span {
	color: #7c8994;
	font-size: 11px;
}

.sig-sstore-featured-carousel {
	position: relative;
	min-width: 0;
}

.sig-sstore-featured-viewport {
	overflow: hidden;
	width: 100%;
	scroll-behavior: smooth;
}

.sig-sstore-featured {
	display: flex !important;
	grid-template-columns: none !important;
	gap: 12px;
	width: 100%;
	min-width: 100%;
}

.sig-sstore-featured > .sig-sstore-card {
	flex: 0 0 calc((100vw - 36px) / 4);
	width: calc((100vw - 36px) / 4);
	max-width: calc((100% - 36px) / 4);
}

/* Precizna širina unutar realnog viewport-a. */
.sig-sstore-featured-viewport .sig-sstore-card {
	flex-basis: calc((100% - 36px) / 4);
	width: calc((100% - 36px) / 4);
	max-width: none;
}

.sig-sstore-carousel-arrow {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0 !important;
	border: 1px solid rgba(23,50,77,.15) !important;
	border-radius: 50% !important;
	background: rgba(255,255,255,.96) !important;
	color: #17324d !important;
	box-shadow: 0 8px 22px rgba(23,50,77,.18);
	font: 500 34px/1 Arial, sans-serif !important;
	transform: translateY(-50%);
	cursor: pointer;
}

.sig-sstore-carousel-arrow[hidden] {
	display: none !important;
}

.sig-sstore-carousel-arrow:disabled {
	opacity: .35;
	cursor: default;
}

.sig-sstore-carousel-arrow--prev { left: -18px; }
.sig-sstore-carousel-arrow--next { right: -18px; }

.sig-sstore-featured-editor {
	margin-top: 22px;
	padding: 18px;
	border: 1px solid rgba(23,50,77,.11);
	border-radius: 16px;
	background: #fbfaf8;
}

.sig-sstore-featured-editor__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 13px;
}

.sig-sstore-featured-editor__head h3 {
	margin: 0 !important;
	color: #17324d !important;
	font-size: 18px !important;
}

.sig-sstore-featured-editor__head p {
	margin: 3px 0 0 !important;
	color: #6f8092;
	font-size: 12px;
}

.sig-sstore-featured-editor__head > strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	height: 34px;
	border-radius: 999px;
	background: #17324d;
	color: #fff;
	font-size: 12px;
}

.sig-sstore-featured-editor__error {
	margin: 0 0 12px !important;
	padding: 10px 12px;
	border: 1px solid rgba(176,35,58,.25);
	border-radius: 10px;
	background: rgba(176,35,58,.07);
	color: #991f38;
	font-size: 13px;
	font-weight: 800;
}

.sig-sstore-featured-editor__error[hidden] { display: none !important; }

.sig-sstore-featured-editor__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 10px;
	max-height: 430px;
	overflow: auto;
	padding-right: 3px;
}

.sig-sstore-featured-choice {
	position: relative;
	display: grid;
	grid-template-columns: 64px minmax(0,1fr) auto;
	gap: 11px;
	align-items: center;
	min-width: 0;
	padding: 9px;
	border: 1px solid rgba(23,50,77,.12);
	border-radius: 12px;
	background: #fff;
	cursor: pointer;
	transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.sig-sstore-featured-choice:hover {
	border-color: rgba(183,139,53,.55);
	box-shadow: 0 6px 16px rgba(23,50,77,.07);
}

.sig-sstore-featured-choice.is-selected {
	border-color: #b78b35;
	background: rgba(217,195,165,.15);
}

.sig-sstore-featured-choice input {
	position: absolute;
	op: 8px;
	left: 8px;
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: #17324d;
}

.sig-sstore-featured-choice__image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 58px;
	overflow: hidden;
	border-radius: 8px;
	background: #f2f2f0;
}

.sig-sstore-featured-choice__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sig-sstore-featured-choice__text {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.sig-sstore-featured-choice__text strong {
	overflow: hidden;
	color: #17324d;
	font-size: 12px;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sig-sstore-featured-choice__text small {
	margin-top: 4px;
	color: #b27417;
	font-size: 11px;
	font-weight: 750;
}

.sig-sstore-featured-choice__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 92px;
	min-height: 34px;
	padding: 0 10px;
	border: 1px solid rgba(23,50,77,.15);
	border-radius: 9px;
	background: #fff;
	color: #17324d;
	font-size: 11px;
	font-weight: 800;
}

.sig-sstore-featured-choice.is-selected .sig-sstore-featured-choice__action {
	border-color: #17324d;
	background: #17324d;
	color: #fff;
}

@media (max-width: 1100px) {
	.sig-sstore-featured-viewport .sig-sstore-card {
		flex-basis: calc((100% - 12px) / 2);
		width: calc((100% - 12px) / 2);
	}
}

@media (max-width: 700px) {
	.sig-sstore-featured-viewport .sig-sstore-card {
		flex-basis: 100%;
		width: 100%;
	}

	.sig-sstore-carousel-arrow--prev { left: 7px; }
	.sig-sstore-carousel-arrow--next { right: 7px; }

	.sig-sstore-featured-editor__list {
		grid-template-columns: 1fr;
	}

	.sig-sstore-featured-choice {
		grid-template-columns: 54px minmax(0,1fr);
	}

	.sig-sstore-featured-choice__action {
		grid-column: 1 / -1;
		width: 100%;
	}
}


/* V7: aktivni Vendor profil je isključivo S-Izlog storefront. */
body.sigurica-sstore-vendor-replacement .hp-vendor,
body.sigurica-sstore-vendor-replacement .hp-vendor__content,
body.sigurica-sstore-vendor-replacement .hp-vendor__header,
body.sigurica-sstore-vendor-replacement .hp-vendor__footer {
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* V7.1: samostalni Vendor storefront template bez starog HivePress profila. */
body.sigurica-sstore-vendor-replacement .sigurica-sstore-vendor-template {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

body.sigurica-sstore-vendor-replacement .sigurica-sstore-vendor-template > .sig-sstore {
	margin-top: 0;
	margin-bottom: 0;
}


/* V7.2: glavni kontejner kada storefront potpuno menja Vendor profil. */
.sigurica-sstore-replacement-main {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.sigurica-sstore-vendor-replacement .site-content,
body.sigurica-sstore-vendor-replacement .ast-container,
body.sigurica-sstore-vendor-replacement #primary {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* =========================================================
   SIGURICA S-IZLOG
   MOBILNI "SVI OGLASI" – KOMPAKTNE KARTICE
   Izdvojeni oglasi ostaju nepromenjeni
   ========================================================= */

@media (max-width: 700px) {

	/* Samo sekcija SVI OGLASI */
	.sig-sstore-section--all .sig-sstore-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 12px !important;
	}


	/* Cela obična kartica */
	.sig-sstore-section--all .sig-sstore-card {
		display: grid !important;
		grid-template-columns: 125px minmax(0, 1fr) !important;
		align-items: stretch !important;

		width: 94% !important;
		max-width: 94% !important;
		min-height: 125px !important;

		margin-left: auto !important;
		margin-right: auto !important;

		border-radius: 12px !important;
		overflow: hidden !important;
	}


	/* Mala slika levo */
	.sig-sstore-section--all .sig-sstore-card__image {
		width: 125px !important;
		height: 125px !important;
		min-height: 125px !important;

		aspect-ratio: auto !important;

		margin: 0 !important;
		padding: 0 !important;

		overflow: hidden !important;
	}


	.sig-sstore-section--all .sig-sstore-card__image img {
		width: 100% !important;
		height: 100% !important;

		object-fit: cover !important;
		object-position: center !important;
	}


	/* Desni deo */
	.sig-sstore-section--all .sig-sstore-card__body {
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;

		min-width: 0 !important;

		padding: 14px 12px 11px 14px !important;
	}


	/* Veći naziv oglasa */
	.sig-sstore-section--all .sig-sstore-card__title {
		display: -webkit-box !important;

		margin: 0 !important;
		padding: 0 34px 0 0 !important;

		overflow: hidden !important;

		color: #17324d !important;

		font-size: 18px !important;
		font-weight: 800 !important;
		line-height: 1.25 !important;

		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}


	/* Cena i pregledi */
	.sig-sstore-section--all .sig-sstore-card__meta {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;

		gap: 5px !important;

		margin-top: 8px !important;
	}


	/* Cena */
	.sig-sstore-section--all .sig-sstore-card__meta strong {
		order: 1 !important;

		color: #c18422 !important;

		font-size: 16px !important;
		font-weight: 800 !important;
		line-height: 1.2 !important;

		white-space: normal !important;
	}


	/* Pregledi */
	.sig-sstore-section--all .sig-sstore-card__views {
		order: 2 !important;

		color: #7c8994 !important;

		font-size: 11px !important;
		line-height: 1.2 !important;
	}


	/* Srce */
	.sig-sstore-section--all .sig-sstore-card__heart {
		top: 8px !important;
		right: 8px !important;

		width: 34px !important;
		height: 34px !important;

		font-size: 17px !important;
	}

}
