/* ANCHORA dodaci: sve vrijednosti dolaze iz Elementor globalnih varijabli */

.anc-sr { position: relative; display: block; width: 100%; font-size: 0; }
.anc-sr input { font-size: var(--fs-body); }
label.anc-sr[for] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* Putanja */
.anc-crumbs { font-family: var(--font-main); font-size: var(--fs-small); color: var(--muted); }
.anc-crumbs a { color: var(--muted); text-decoration: none; }
.anc-crumbs a:hover { color: var(--navy); }
.anc-crumbs .anc-sep { margin-inline: var(--sp-8); color: var(--placeholder-icon); }
.anc-crumbs .anc-current { color: var(--ink); }

/* Tražilica */
.anc-search { position: relative; width: 100%; max-width: var(--search-max-width); margin: 0; }
.anc-search input[type="search"] { width: 100%; height: var(--control-lg); padding-block: 0; padding-inline: var(--sp-20) var(--sp-56); border: var(--border-w) solid var(--mist); border-radius: var(--radius-pill); background-color: var(--mist); font-family: var(--font-main); font-size: var(--fs-body); color: var(--ink); outline: none; -webkit-appearance: none; appearance: none; }
.anc-search input[type="search"]:focus { background-color: var(--white); border-color: var(--navy); }
.anc-search input[type="search"]::placeholder { color: var(--muted); }
.anc-search button { position: absolute; top: var(--sp-4); right: var(--sp-4); bottom: var(--sp-4); width: var(--control-md); display: grid; place-items: center; padding: 0; border: 0; border-radius: var(--radius-pill); background-color: var(--navy); color: var(--white); cursor: pointer; }
.anc-search button:hover { background-color: var(--navy-3); }
.anc-search button svg { width: var(--icon-arrow); height: var(--icon-arrow); }
.elementor .anc-search-host { display: block; width: 100%; max-width: var(--search-max-width); }

/* Brojač i iznos košarice */
.anc-count { position: absolute; top: 0; right: var(--sp-6); min-width: var(--counter-size); height: var(--counter-size); padding-inline: var(--sp-4); display: grid; place-items: center; border-radius: var(--radius-pill); background-color: var(--gold); color: var(--white); font-family: var(--font-main); font-size: var(--fs-counter); font-weight: 600; line-height: 1; }
.anc-count[data-count="0"] { display: none; }
.anc-cart-total .woocommerce-Price-amount { font: inherit; color: inherit; }

/* Broj proizvoda i sortiranje */
.anc-result-count { margin: 0; font-family: var(--font-main); font-size: var(--fs-nav); color: var(--muted); }
.anc-ordering { margin: 0; }
.anc-ordering select { height: var(--control-md); padding-block: 0; padding-inline: var(--sp-14) var(--sp-36); border: var(--border-w) solid var(--line); border-radius: var(--radius-s); background-color: var(--white); font-family: var(--font-main); font-size: var(--fs-nav); color: var(--ink); cursor: pointer; }
.anc-ordering select:focus { border-color: var(--navy); outline: none; }

/* Podkategorije */
.anc-chips { display: flex; flex-wrap: wrap; gap: var(--sp-10); }
.anc-chip { display: inline-flex; align-items: center; gap: var(--sp-10); padding-block: var(--sp-6); padding-inline: var(--sp-6) var(--sp-14); border-radius: var(--radius-pill); background-color: var(--mist); color: var(--navy); font-family: var(--font-main); font-size: var(--fs-nav); font-weight: 600; text-decoration: none; white-space: nowrap; }
.anc-chip:hover { background-color: var(--steel); color: var(--navy); }
.anc-chip img { width: var(--chip-thumb); height: var(--chip-thumb); border-radius: var(--radius-pill); object-fit: cover; background-color: var(--white); }
@media (max-width: 640px) {
	.anc-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-block-end: var(--sp-4); }
	.anc-chips::-webkit-scrollbar { display: none; }
}

/* Sličice galerije */
.anc-thumbs { display: flex; flex-wrap: wrap; gap: var(--sp-10); }
.anc-thumb { width: var(--thumb-size); height: var(--thumb-size); padding: 0; border: 0; border-radius: var(--radius-s); overflow: hidden; background-color: var(--white); box-shadow: inset 0 0 0 var(--stroke-1) var(--line); cursor: pointer; }
.anc-thumb[aria-current="true"] { box-shadow: inset 0 0 0 var(--stroke-2) var(--navy); }
.anc-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 640px) { .anc-thumb { width: var(--thumb-size-mobile); height: var(--thumb-size-mobile); } }

/* Količina i dodavanje u košaricu */
.anc-atc { display: flex; gap: var(--sp-10); width: 100%; margin: 0; }
.anc-qty { display: inline-flex; align-items: center; flex: none; border-radius: var(--radius-s); background-color: var(--white); box-shadow: inset 0 0 0 var(--border-w) var(--line); }
.anc-qty-btn { width: var(--control-md); height: var(--control-buy); display: grid; place-items: center; padding: 0; border: 0; background: none; color: var(--navy); cursor: pointer; }
.anc-qty-btn svg { width: var(--sp-16); height: var(--sp-16); }
.anc-qty input { width: var(--sp-40); height: var(--control-buy); padding: 0; border: 0; background: none; text-align: center; font-family: var(--font-main); font-size: var(--fs-body); color: var(--ink); -moz-appearance: textfield; }
.anc-qty input::-webkit-outer-spin-button, .anc-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.anc-btn-buy { flex: 1; min-height: var(--control-buy); padding-block: var(--btn-pad-y); padding-inline: var(--btn-pad-x); border: 0; border-radius: var(--radius-s); background-color: var(--gold); color: var(--white); font-family: var(--font-main); font-size: var(--fs-body); font-weight: 600; line-height: 1; cursor: pointer; }
.anc-btn-buy:hover { background-color: var(--gold-dark); color: var(--white); }
.anc-unavailable { margin: 0; color: var(--muted); }
.elementor .anc-atc-host { display: block; flex: 1; min-width: 0; }
@media (max-width: 640px) { .anc-qty { flex: 1; justify-content: space-between; } .anc-atc { flex-wrap: wrap; } .anc-btn-buy { flex-basis: 100%; } }

/* Specifikacije */
.anc-specs table { width: 100%; max-width: var(--spec-max-width); border-collapse: collapse; font-family: var(--font-main); font-size: var(--fs-nav); }
.anc-specs th, .anc-specs td { padding-block: var(--sp-10); padding-inline: var(--sp-14); border-block-end: var(--stroke-1) solid var(--line-2); text-align: left; vertical-align: top; }
.anc-specs th { width: var(--spec-label-width); font-weight: 400; color: var(--muted); }
.anc-specs td { font-weight: 500; color: var(--ink); }
.anc-specs td p { margin: 0; }
@media (max-width: 640px) { .anc-specs th, .anc-specs td { padding-inline: var(--sp-8); } }
.anc-empty { margin: 0; color: var(--muted); }

/* PDF */
.anc-link { color: var(--navy); font-weight: 500; text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: var(--border-w); text-underline-offset: var(--underline-offset); }
.anc-link:hover { color: var(--gold-dark); }
.anc-dl { display: flex; align-items: center; gap: var(--sp-16); max-width: var(--dl-card-max-width); padding-block: var(--sp-18); padding-inline: var(--sp-20); border-radius: var(--radius-m); background-color: var(--mist); text-decoration: none; }
.anc-dl:hover { background-color: var(--steel); }
.anc-dl svg { width: var(--icon-pdf); height: var(--icon-pdf); flex: none; color: var(--gold-dark); }
.anc-dl b { display: block; color: var(--navy); font-weight: 600; }
.anc-dl small { color: var(--muted); font-size: var(--fs-small); }

/* Aktivna stavka izbornika */
.elementor .anc-active { box-shadow: inset 0 calc(var(--stroke-2) * -1) 0 var(--gold); }

/* Mega izbornik */
.anc-mega { position: fixed; left: 0; right: 0; z-index: 45; background-color: var(--white); border-block-start: var(--stroke-3) solid var(--gold); box-shadow: var(--shadow-mega); }
.anc-mega[hidden] { display: none; }
.anc-mega-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--sp-28); max-width: var(--content-width); margin-inline: auto; padding-block: var(--sp-28) var(--sp-32); padding-inline: var(--gutter); }
.anc-mega-title { font-family: var(--font-main); font-size: var(--fs-body); font-weight: 700; color: var(--navy); text-decoration: none; }
.anc-mega-title:hover { color: var(--gold-dark); }
.anc-mega ul { list-style: none; margin: var(--sp-8) 0 0; padding: 0; display: grid; gap: var(--sp-4); }
.anc-mega li a { font-family: var(--font-main); font-size: var(--fs-nav); color: var(--text-soft); text-decoration: none; }
.anc-mega li a:hover { color: var(--navy); text-decoration: underline; }
.elementor .js-mega-toggle[aria-expanded="true"] { color: var(--gold-dark); }
@media (max-width: 1000px) { .anc-mega { display: none; } }

/* Mobilni izbornik */
.anc-scrim { position: fixed; inset: 0; z-index: 90; background-color: var(--overlay); }
.anc-scrim[hidden] { display: none; }
.anc-drawer { position: fixed; top: 0; bottom: 0; left: 0; z-index: 95; width: var(--drawer-width); display: flex; flex-direction: column; background-color: var(--white); transform: translateX(-100%); transition: transform 0.25s ease; visibility: hidden; }
.anc-drawer.is-open { transform: translateX(0); visibility: visible; }
.anc-drawer-head { display: flex; justify-content: space-between; align-items: center; padding-block: var(--sp-14); padding-inline: var(--sp-20); border-block-end: var(--stroke-1) solid var(--line); }
.anc-drawer-title { font-family: var(--font-main); font-size: var(--fs-body); font-weight: 700; color: var(--navy); }
.anc-drawer-close { width: var(--control-sm); height: var(--control-sm); display: grid; place-items: center; padding: 0; border: 0; border-radius: var(--radius-pill); background: none; color: var(--navy); cursor: pointer; }
.anc-drawer-close svg { width: var(--icon-md); height: var(--icon-md); }
.anc-drawer-body { flex: 1; overflow-y: auto; padding-block: var(--sp-10) var(--sp-28); padding-inline: var(--sp-20); }
.anc-m-link, .anc-m-acc summary { display: flex; justify-content: space-between; align-items: center; padding-block: var(--sp-12); border-block-end: var(--stroke-1) solid var(--line-2); font-family: var(--font-main); font-size: var(--fs-body); font-weight: 600; color: var(--navy); text-decoration: none; cursor: pointer; list-style: none; }
.anc-m-acc summary::-webkit-details-marker { display: none; }
.anc-m-acc summary svg { width: var(--icon-sm); height: var(--icon-sm); transition: transform 0.2s; }
.anc-m-acc[open] summary svg { transform: rotate(180deg); }
.anc-m-sale { color: var(--gold-dark); }
.anc-m-head { margin: var(--sp-20) 0 var(--sp-4); font-family: var(--font-main); font-size: var(--fs-small); font-weight: 600; color: var(--muted); }
.anc-m-sub { display: block; padding-block: var(--sp-8); padding-inline-start: var(--sp-14); font-family: var(--font-main); font-size: var(--fs-nav); color: var(--text-soft); text-decoration: none; }
.anc-m-all { font-weight: 600; color: var(--navy); }
body.anc-lock { overflow: hidden; }

/* Slider na početnoj */
.elementor .js-hero-slider { display: grid !important; gap: 0 !important; position: relative; }
.elementor .js-hero-slider > .anc-slide { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s; }
.elementor .js-hero-slider > .anc-slide.is-active { opacity: 1; visibility: visible; }
.anc-dots { position: absolute; left: var(--sp-64); bottom: var(--sp-24); z-index: 3; display: flex; gap: var(--sp-8); }
.anc-dot { width: var(--sp-10); height: var(--sp-10); padding: 0; border: 0; border-radius: var(--radius-pill); background-color: var(--dot-idle); box-shadow: inset 0 0 0 var(--stroke-1) var(--dot-ring); cursor: pointer; transition: width 0.25s; }
.anc-dot.is-active { width: var(--sp-26); background-color: var(--gold); box-shadow: none; }
.anc-slide-arrows { position: absolute; right: var(--sp-24); bottom: var(--sp-24); z-index: 3; display: flex; gap: var(--sp-8); }
.anc-slide-arrow { width: var(--slider-arrow); height: var(--slider-arrow); display: grid; place-items: center; padding: 0; border: 0; border-radius: var(--radius-pill); background-color: var(--white); color: var(--navy); cursor: pointer; }
.anc-slide-arrow svg { width: var(--icon-arrow); height: var(--icon-arrow); }
@media (max-width: 1000px) { .anc-dots { left: var(--sp-40); } }
@media (max-width: 640px) { .anc-dots { left: var(--sp-22); bottom: var(--sp-16); } .anc-slide-arrows { right: var(--sp-16); bottom: var(--sp-12); } .anc-slide-arrow { width: var(--control-md); height: var(--control-md); } }

/* Strelice redova proizvoda */
.anc-rail-hidden { visibility: hidden; }

/* Stranica proizvoda: razmak za fiksnu traku na mobitelu */
@media (max-width: 640px) { body.single-product .elementor-location-footer { padding-block-end: var(--sp-72); } }

/* WooCommerce blokovi košarice i blagajne */
.wc-block-cart .wc-block-components-sidebar, .wc-block-checkout .wc-block-components-sidebar { padding: var(--sp-20); border-radius: var(--radius-l); background-color: var(--mist); }
.wc-block-components-button:not(.is-link) { border: 0; border-radius: var(--radius-s); background-color: var(--gold); color: var(--white); font-family: var(--font-main); font-weight: 600; }
.wc-block-components-button:not(.is-link):hover { background-color: var(--gold-dark); color: var(--white); }
.wc-block-components-text-input input, .wc-block-components-textarea, .wc-blocks-components-select__select { border: var(--border-w) solid var(--line) !important; border-radius: var(--radius-s) !important; }
.wc-block-components-text-input input:focus, .wc-block-components-textarea:focus { border-color: var(--navy) !important; box-shadow: none !important; }
.woocommerce-checkout .anc-r1-field { display: none; }
.woocommerce-checkout .anc-r1-field.is-visible { display: block; }

/* Blog: hide "Proizvodi iz članka" when the article links no products */
.anc-no-post-products .js-post-products { display: none !important; }

/* Blog: prvi članak na popisu prikazuje se veće */
.elementor .posts-feature > :first-child { grid-column: 1 / -1; margin-block-end: var(--sp-12); }
.elementor .posts-feature > :first-child .post-card-title { font-size: var(--fs-post-big); margin-block-start: var(--sp-16); }
.elementor .posts-feature > :first-child .post-card-excerpt { -webkit-line-clamp: 3; font-size: var(--fs-body); }
@media (min-width: 1001px) {
	.elementor .posts-feature > :first-child .post-card { display: grid; grid-template-columns: 1.2fr 1fr; grid-template-rows: 1fr auto auto auto 1fr; column-gap: var(--sp-36); }
	.elementor .posts-feature > :first-child .post-card-img { grid-column: 1; grid-row: 1 / -1; }
	.elementor .posts-feature > :first-child .post-card-title { grid-column: 2; grid-row: 2; margin-block-start: 0; }
	.elementor .posts-feature > :first-child .post-card-excerpt { grid-column: 2; grid-row: 3; }
	.elementor .posts-feature > :first-child .post-card-meta { grid-column: 2; grid-row: 4; }
}
@media (max-width: 640px) { .elementor .posts-feature > :first-child .post-card-title { font-size: var(--fs-h2-mobile); } }