/* Anđeli (nova) — sav stil.
   Vrednosti su prepisane DOSLOVNO iz prototipa (materijali/dizajn-2026-10-17, V2 gde postoji, inače V1).
   ⚠ Kolor šema „prve naslovne" još nije stigla — boje idu SAMO kroz tokene ispod, da se zamena svede na :root.

   1. Tokeni        2. Osnova           3. Prodavnica (raspored, sidebar, fioka)
   4. Kartica proizvoda                 5. Strana proizvoda
   6. B2B elementi (kartica, količina, tab, povezani, pločica, kolegi, traka)          */

/* ───────────── 1. Tokeni ───────────── */
:root{
	--an-braon:#6D523A;          /* --brown */
	--an-braon-tamna:#593D3B;    /* --brown-dark */
	--an-tekst:#333333;          /* --ink */
	--an-tekst-2:#555555;        /* --ink-2 */
	--an-sivo:#777777;           /* --muted */
	--an-telo:#7A6654;           /* --body-copy */
	--an-cena:#D85C3C;           /* --price */
	--an-zlatna:#E0B252;         /* --gold */
	--an-linija:#E6E6E6;         /* --line */
	--an-krem:#F7F7F0;           /* --cream */
	--an-krem-2:#FBF8F1;         /* --cream-2 */
	--an-kraft:#C9A47B;
	--an-kraft-tamna:#B58E64;
	--an-crvena:#B4202A;
	/* B2B „premium" paleta iz V2 */
	--an-b2b-tekst:#34302c;
	--an-b2b-naslov:#4d372b;
	--an-b2b-opis:#63594d;
	--an-b2b-natpis:#91714a;
	--an-b2b-crta:#bd9455;
	--an-b2b-link:#614735;
	--an-b2b-pozadina:#faf8f3;
	--an-b2b-okvir:#e9e2d8;
	/* fontovi: Chaparral Pro (naslovi) i Mulish (tekst) — samohostovani, assets/css/fontovi.css */
	--an-font:"Chaparral Pro", Georgia, "Times New Roman", serif;
	--an-font-tekst:"Mulish", Arial, Helvetica, sans-serif;
	--an-krem-3:#f3ece0;            /* topla pesak podloga (kartice, pečat) */
	--an-zlatna-tamna:#a0782f;      /* natpisi na svetlom */
	--an-radijus:14px;
	--an-senka:0 22px 44px -28px rgba(58,33,20,.45);
	--an-sekcija:clamp(56px, 7vw, 104px);
	--an-sirina:1600px;                     /* bila 1328 — na širokim ekranima je ostajalo mnogo praznog levo/desno (Mijat 19.10.2026) */
	--an-razmak-strane:clamp(20px, 3vw, 48px);
}

/* ───────────── 2. Osnova ───────────── */
body{ color:var(--an-tekst); font-family:var(--an-font-tekst); font-size:15px;   /* tekst = Mulish (živi sajt: Muli), naslovi = Chaparral */ line-height:1.6; -webkit-font-smoothing:antialiased; background:#fff; }
a{ color:inherit; }
/* Hello drži .site-main na 1140 px pravilom `body:not([class*=elementor-page-]) .site-main` (0,2,1) — ista forma, kasnije učitano. */
.an-omot, body:not([class*=elementor-page-]) .site-main{ width:100%; max-width:var(--an-sirina); margin-inline:auto; padding-inline:var(--an-razmak-strane); }
.woocommerce .woocommerce-breadcrumb{ font:13px var(--an-font-tekst); color:var(--an-sivo); margin:0 0 4px; }
.woocommerce .woocommerce-breadcrumb a{ color:var(--an-sivo); text-decoration:none; }

/* dugmad (WooCommerce + naša) — .wbtn iz prototipa */
.woocommerce a.button, .woocommerce button.button, .woocommerce .button.an-dugme, .an-dugme{
	display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 20px;
	border:0; border-radius:4px; background:var(--an-braon); color:#fff;
	font:700 13px/1 var(--an-font-tekst); text-transform:uppercase; letter-spacing:.02em; text-decoration:none;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .an-dugme:hover{ background:var(--an-braon-tamna); color:#fff; }
.woocommerce .button.an-dugme--zlatno, .an-dugme--zlatno{ background:var(--an-zlatna); color:#2E1F12; }
.woocommerce .button.an-dugme--zlatno:hover, .an-dugme--zlatno:hover{ background:#D19F37; color:#2E1F12; }

/* dugme „Dodaj u korpu" na strani proizvoda je .alt (WooCommerce ga boji ljubičasto) */
.woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce div.product form.cart .button{ background:var(--an-braon); color:#fff; }
.woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover{ background:var(--an-braon-tamna); color:#fff; }

/* cena */
.woocommerce .price, .woocommerce div.product p.price, .woocommerce div.product span.price,
.woocommerce ul.products li.product .price{ font-family:var(--an-font-tekst); color:var(--an-cena); font-weight:700; }
.woocommerce .price del{ color:#BBBBBB; font-weight:400; margin-right:6px; opacity:1; }
.woocommerce .price ins{ text-decoration:none; }
.woocommerce .price small, .woocommerce-price-suffix{ color:var(--an-sivo); font-weight:400; font-size:.8em; }

/* ───────────── 3. Prodavnica ───────────── */
.an-prodavnica{ display:grid; grid-template-columns:270px minmax(0,1fr); gap:40px; align-items:start; padding-top:6px; }
.an-prodavnica__glavno{ min-width:0; }
/* zaglavlje kataloga: topla traka (naslov, opis kategorije, rečenica za firme, na telefonu red kategorija) */
.woocommerce-products-header{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,520px); column-gap:clamp(24px, 3vw, 48px); align-items:center; align-content:center; margin:8px 0 0; padding:clamp(22px, 3vw, 34px) clamp(20px, 3vw, 36px); border-radius:22px;
	background:radial-gradient(circle at 100% 0, transparent 0 139px, rgba(201,164,123,.38) 140px 141px, transparent 142px), linear-gradient(135deg, var(--an-krem-3), var(--an-krem-2) 70%); }
.woocommerce-products-header__title.page-title{ font:700 clamp(30px, 3.2vw, 42px)/1.1 var(--an-font); color:var(--an-braon-tamna); margin:0; }
.term-description, .an-b2b-recenica{ font:15.5px/1.6 var(--an-font-tekst); color:var(--an-telo); max-width:70ch; margin:10px 0 0; }
.term-description p{ margin:0; }
.an-kat-trake{ display:none; }
.woocommerce-products-header > *{ grid-column:1; }
.woocommerce-products-header{ grid-template-columns:minmax(0,1fr); }   /* B2B kartica više nije u zaglavlju (vlasnica 22.10.2026) */

/* B2B kartica na dnu prodavnice, iznad futera (vlasnica 22.10.2026) — vodoravni baner: crtež | tekst | dugme
   (tamni izgled je zajednički, §6 „ISTAKNUTO") */
.an-prodavnica-dno{ margin-top:clamp(36px, 4.5vw, 64px); }
.an-b2b-kartica--dno{ display:grid; grid-template-columns:220px minmax(0,1fr); overflow:hidden; }
.an-b2b-kartica--dno .an-b2b-kartica__crtez{ position:relative; overflow:hidden; border-radius:15px 0 0 15px; min-height:150px; }
.an-b2b-kartica--dno .an-b2b-limenka{ left:34px; top:50%; width:84px; height:84px; margin-top:-56px; border-radius:13px; border:5px solid #b1a8a0; background:#213467; transform:rotate(-12deg); }
.an-b2b-kartica--dno .an-b2b-limenka span{ width:56px; height:56px; font-size:11px; background:#f7ecdc; color:#233667; }
.an-b2b-kartica--dno .an-b2b-kutija{ left:112px; top:50%; width:58px; height:66px; margin-top:-14px; background:#b32e37; border:5px solid #c8a477; border-radius:0; transform:rotate(10deg); }
.an-b2b-kartica--dno .an-b2b-kutija span{ padding:5px 4px; font-size:9px; background:#fffcf5; color:#3b2825; }
.an-b2b-kartica--dno .an-b2b-kartica__telo{ display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:clamp(24px, 4vw, 64px); row-gap:8px; align-content:center; align-items:center; padding:26px clamp(24px, 3vw, 40px); }
.an-b2b-kartica--dno .an-b2b-kartica__telo > *{ grid-column:1; }
.an-b2b-kartica--dno .an-b2b-naslov{ font-size:26px; text-wrap:balance; }
.an-b2b-kartica--dno .an-b2b-opis{ font-size:15px; line-height:1.55; max-width:62ch; }
.an-b2b-kartica--dno .an-b2b-sitno{ display:none; }
.an-b2b-kartica--dno .an-b2b-akcije{ grid-column:2; grid-row:1 / span 3; min-width:250px; margin-top:0; }
.an-b2b-kartica--dno .an-b2b-link{ padding:14px 18px; gap:14px; }

/* sidebar: kartica gore, filteri ispod (V2) — lepljiv, filteri skroluju sami */
.an-sidebar{ display:flex; flex-direction:column; gap:12px; }
.an-sidebar__zatvori, .an-filteri-dugme, .an-fioka-pozadina{ display:none; }
@media (min-width:901px){
	.an-sidebar{ position:sticky; top:16px; max-height:calc(100vh - 32px); }
	.admin-bar .an-sidebar{ top:48px; max-height:calc(100vh - 64px); }
	.an-filteri{ min-height:0; flex:1 1 auto; overflow:auto; scrollbar-width:thin; padding-right:7px; display:flex; flex-direction:column; gap:22px; }
	.an-filteri::before{ content:"PRODAVNICA"; font:700 10px var(--an-font-tekst); letter-spacing:.12em; color:#988c7f; border-bottom:1px solid #eee5dc; padding:4px 0 10px; }
}
.an-filter h4{ font:700 19px/1.2 var(--an-font); color:var(--an-braon-tamna); padding-bottom:10px; margin:0 0 12px; border-bottom:1px solid #efe6d9; }
.an-filter ul{ list-style:none; margin:0; padding:0; }
.an-filter li{ font:14.5px/1 var(--an-font-tekst); color:var(--an-tekst-2); padding-block:7px; display:flex; justify-content:space-between; }
.an-filter li a{ color:inherit; text-decoration:none; }
.an-filter li a:hover{ color:var(--an-tekst); }
.an-filter li.je-izabrano{ color:var(--an-tekst); font-weight:700; }
/* cene kao „pilule" */
.an-filter--cena ul{ display:flex; flex-wrap:wrap; gap:8px; }
.an-filter--cena li{ padding:0; }
.an-filter--cena li a{ display:block; padding:8px 13px; border:1px solid #e6dccd; border-radius:999px; background:#fff; font:600 13px/1 var(--an-font-tekst); transition:border-color .2s, background .2s, color .2s; }
.an-filter--cena li a:hover{ border-color:var(--an-kraft); color:var(--an-braon-tamna); }
.an-filter--cena li.je-izabrano a{ background:var(--an-braon); border-color:var(--an-braon); color:#fff; }
/* kategorije: broj u oznaci desno, izabrana sa zlatnom crtom */
.an-filter--kategorije li{ align-items:center; gap:10px; padding:8px 10px; border-radius:10px; transition:background .2s; }
.an-filter--kategorije li a{ flex:1; }
.an-filter--kategorije li:hover{ background:var(--an-krem-2); }
.an-filter--kategorije li.je-izabrano{ background:var(--an-krem-3); box-shadow:inset 3px 0 0 var(--an-zlatna); color:var(--an-braon-tamna); }
.an-filter--kategorije li span{ min-width:26px; padding:4px 7px; border-radius:999px; background:#f3ede4; color:#8a7a68; font:700 11px/1 var(--an-font-tekst); text-align:center; }
.an-filter--kategorije li.je-izabrano span{ background:#fff; color:var(--an-braon); }

/* traka iznad mreže: broj rezultata + sortiranje (prototip .toolbar) */
.an-alatke{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; margin:22px 0 16px; }
.woocommerce .an-alatke .woocommerce-result-count, .woocommerce .an-alatke .woocommerce-ordering{ float:none; margin:0; }
.woocommerce .woocommerce-result-count{ font:13.5px var(--an-font-tekst); color:var(--an-sivo); }
.woocommerce .woocommerce-ordering select{ -webkit-appearance:none; appearance:none; border:1px solid #e3d8c8; border-radius:999px; padding:9px 38px 9px 16px; cursor:pointer;
	background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%236D523A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 15px center / 11px no-repeat;
	font:600 13.5px var(--an-font-tekst); color:var(--an-tekst); }
.woocommerce .woocommerce-ordering select:focus{ outline:0; border-color:var(--an-braon); box-shadow:0 0 0 3px rgba(109,82,58,.15); }

/* ───────────── 4. Kartica proizvoda (mreža 3 kolone) ───────────── */
.woocommerce ul.products{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px 24px; margin:0; clear:both; }
.woocommerce ul.products::before, .woocommerce ul.products::after{ display:none; }
/* kartica: okvir + podizanje na hover; dugme preko cele širine sa torbom (Mijat 18.10.2026: „bogatiji UI") */
.woocommerce ul.products[class*="columns-"] li.product{
	float:none; width:auto; margin:0; display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; position:relative;
	padding:14px 14px 18px; background:#fff; border:1px solid #efe7db; border-radius:18px;
	transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease, border-color .45s ease;
}
.woocommerce ul.products[class*="columns-"] li.product:hover{ transform:translateY(-4px); border-color:#e6d6bf; box-shadow:0 24px 40px -30px rgba(58,33,20,.55); }
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{ display:flex; flex-direction:column; align-items:center; gap:8px; width:100%; text-decoration:none; color:inherit; }
.woocommerce ul.products li.product a img{ width:100%; aspect-ratio:1; object-fit:contain; margin:0; border-radius:12px; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.woocommerce ul.products li.product:hover a img{ transform:scale(1.045); }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font:700 17px/1.3 var(--an-font); color:var(--an-braon-tamna); min-height:2.6em; padding:0 2px; margin:4px 0 0; }
.woocommerce ul.products li.product .price{ font-size:16px; margin:0; }
.woocommerce ul.products li.product .price .woocommerce-price-suffix{ display:block; margin-top:3px; font-size:11.5px; }   /* „sa PDVom" u svom redu */
.woocommerce ul.products li.product .button{ display:inline-flex; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:auto; min-height:42px; padding:0 12px;   /* WooCommerce tu drži inline-block (0,3,2) */
	border:1.5px solid var(--an-braon); border-radius:10px; background:transparent; color:var(--an-braon-tamna); font-size:12px; letter-spacing:.05em; transition:background .2s, color .2s; }
.woocommerce ul.products li.product .button::before{ content:""; width:16px; height:16px; flex:none; background:currentColor;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 11.1a2 2 0 0 1-2 1.9H8.2a2 2 0 0 1-2-1.9z'/%3E%3Cpath d='M9 10V7a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") center / contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 11.1a2 2 0 0 1-2 1.9H8.2a2 2 0 0 1-2-1.9z'/%3E%3Cpath d='M9 10V7a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") center / contain no-repeat; }
.woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .button.added{ background:var(--an-braon); color:#fff; }
.woocommerce ul.products li.product a.added_to_cart{ font:700 12.5px var(--an-font-tekst); color:var(--an-braon); text-decoration:underline; text-underline-offset:3px; padding:0; }
.woocommerce span.onsale{ background:var(--an-cena); min-width:44px; min-height:44px; line-height:44px; font:700 13px/44px var(--an-font-tekst); }
.woocommerce ul.products li.product .onsale{ top:12px; left:12px; right:auto; z-index:2; margin:0; min-width:0; min-height:0; padding:7px 11px; border-radius:999px; font:800 11px/1 var(--an-font-tekst); letter-spacing:.06em; text-transform:uppercase; }

@media (min-width:1500px){
	.an-prodavnica__glavno ul.products{ grid-template-columns:repeat(4,minmax(0,1fr)); }   /* 12 po strani = 3 reda po 4 */
}

/* pločice kategorija (prodavnica prikazuje kategorije — podešavanje živog sajta) */
.woocommerce ul.products[class*="columns-"] li.product-category{ background:var(--an-krem-2); border-color:#f0e6d6; padding:12px 12px 20px; }
.woocommerce ul.products li.product-category > a{ display:flex; flex-direction:column; gap:14px; width:100%; text-decoration:none; color:inherit; }
.woocommerce ul.products li.product-category a img{ background:#fff; padding:10px; border-radius:14px; }
.woocommerce ul.products li.product-category .woocommerce-loop-category__title{ display:flex; flex-direction:column; align-items:center; gap:7px; padding:0 6px; margin:0; font:700 21px/1.2 var(--an-font); color:var(--an-braon-tamna); }
.an-kat__broj{ display:inline-flex; align-items:center; gap:8px; font:800 11px/1 var(--an-font-tekst); letter-spacing:.12em; text-transform:uppercase; color:var(--an-zlatna-tamna); }
.an-kat__broj::after{ content:"→"; font-size:14px; letter-spacing:0; transition:transform .25s; }
.woocommerce ul.products li.product-category:hover .an-kat__broj::after{ transform:translateX(4px); }

/* stranice */
.woocommerce nav.woocommerce-pagination ul{ display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:32px; border:0; }
.woocommerce nav.woocommerce-pagination ul li{ border:0; overflow:visible; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ display:grid; place-items:center; min-width:42px; height:42px; padding:0 12px; border:1px solid #e6dccd; border-radius:999px; background:#fff; font:700 14px var(--an-font-tekst); color:var(--an-tekst-2); }
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus{ border-color:var(--an-kraft); background:var(--an-krem-2); color:var(--an-braon-tamna); }
.woocommerce nav.woocommerce-pagination ul li span.current{ background:var(--an-braon); border-color:var(--an-braon); color:#fff; }

/* ───────────── 5. Strana proizvoda (prototip V2 .pdp) ───────────── */
.woocommerce div.product{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; padding-top:8px; }
.woocommerce div.product div.images, .woocommerce div.product div.summary{ float:none; width:auto; margin:0; }
.woocommerce div.product .woocommerce-tabs, .woocommerce div.product .related, .woocommerce div.product .upsells{ grid-column:1 / -1; }
.woocommerce div.product div.images img{ aspect-ratio:1; object-fit:contain; }
.woocommerce div.product span.onsale{ top:14px; left:14px; width:54px; height:54px; min-width:54px; min-height:54px; line-height:54px; font-size:15px; margin:0; }
/* popust u procentima (inc/prodavnica.php) — broj je važniji od reči: krupnije, bez razmaka među slovima; „do −20%" ne staje u krug */
.woocommerce ul.products li.product .onsale.an-popust{ padding:7px 12px; font-size:13.5px; letter-spacing:.01em; }
.woocommerce div.product span.onsale.an-popust{ width:auto; padding:0 14px; border-radius:999px; font-size:16px; font-weight:800; }
.woocommerce div.product div.summary{ display:flex; flex-direction:column; gap:15px; }
.woocommerce div.product div.summary > *{ margin:0; }
.woocommerce div.product div.summary .woocommerce-breadcrumb{ margin:0; }
.woocommerce div.product .product_title{ font:400 35px/1.2 var(--an-font); color:var(--an-tekst); }
.woocommerce div.product p.price{ font-size:21px; }
.woocommerce div.product p.price small{ font-size:17px; }
.woocommerce div.product .woocommerce-product-details__short-description{ color:var(--an-telo); font:17px/1.7 var(--an-font-tekst); }
.woocommerce div.product .woocommerce-product-details__short-description p{ margin:0; }
.woocommerce div.product form.cart{ display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin:0; }
.woocommerce div.product form.cart::before, .woocommerce div.product form.cart::after{ display:none; }
.woocommerce div.product form.cart div.quantity{ float:none; margin:0; display:inline-flex; border:1px solid #D4D4D4; height:42px; }
.woocommerce div.product form.cart div.quantity .qty{ width:32px; height:100%; min-height:0; border:0; border-inline:1px solid #D4D4D4; text-align:center; font:14px var(--an-font-tekst); padding:0; -moz-appearance:textfield; appearance:textfield; }
.woocommerce div.product form.cart div.quantity .qty::-webkit-inner-spin-button, .woocommerce div.product form.cart div.quantity .qty::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0; }
.an-kolicina-dugme{ width:24px; padding:0; background:#fff; border:0; border-radius:0; font:14px var(--an-font-tekst); color:var(--an-tekst-2); cursor:pointer; }
.an-kolicina-dugme:hover, .an-kolicina-dugme:focus{ background:#fff; color:var(--an-tekst); }
.woocommerce div.product form.cart .button{ float:none; margin:0; }
.woocommerce div.product form.cart .variations{ margin:0; }
.woocommerce div.product .product_meta{ display:flex; flex-direction:column; gap:10px; font:14px var(--an-font-tekst); color:var(--an-sivo); }
.woocommerce div.product .product_meta > span{ display:block; }
.woocommerce div.product .product_meta a{ color:var(--an-sivo); text-decoration:none; }
.woocommerce div.product .product_meta a:hover{ color:var(--an-tekst); }
.woocommerce div.product .woocommerce-tabs ul.tabs{ display:flex; justify-content:center; flex-wrap:wrap; gap:6px 34px; padding:0; margin:56px 0 0; border-top:1px solid var(--an-linija); }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ display:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ border:0; background:none; border-radius:0; margin:0; padding:0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after{ display:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ display:block; border-top:2px solid transparent; margin-top:-1px; padding:16px 2px; font:700 15px var(--an-font-tekst); text-transform:uppercase; color:var(--an-sivo); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color:var(--an-tekst); border-top-color:var(--an-braon); }
.woocommerce div.product .woocommerce-tabs .panel{ max-width:1000px; margin:24px auto 0; color:var(--an-telo); font-size:16px; }
.woocommerce div.product .woocommerce-tabs .panel > h2:first-child{ font:700 16px var(--an-font-tekst); color:var(--an-cena); text-transform:uppercase; margin-bottom:12px; }
.an-tab-novo{ font-style:normal; background:var(--an-zlatna); color:#2E1F12; font-size:10px; padding:2px 5px; border-radius:3px; margin-left:6px; vertical-align:2px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.an_za_firme_tab a{ color:var(--an-braon); }
.woocommerce div.product .related{ margin-top:64px; }
.woocommerce .related > h2{ font:400 26px var(--an-font); text-align:center; color:var(--an-tekst); margin:0 0 18px; }
.woocommerce .related ul.products{ grid-template-columns:repeat(4,minmax(0,1fr)); }

/* ───────────── 6. B2B elementi ───────────── */

/* zajedničko: natpis sa crticom, naslov, opis, link sa strelicom */
.an-b2b-natpis{ display:inline-flex; align-items:center; gap:7px; text-transform:uppercase; letter-spacing:.13em; font:700 10.5px/1.2 var(--an-font-tekst); color:var(--an-b2b-natpis); }
.an-b2b-natpis::before{ content:""; display:inline-block; width:14px; height:1px; background:var(--an-b2b-crta); }
.an-b2b-naslov{ font-weight:600; color:var(--an-b2b-naslov); line-height:1.27; margin:0; }
.an-b2b-opis{ font:14px/1.54 var(--an-font-tekst); color:var(--an-b2b-opis); margin:0; }
.an-b2b-akcije{ position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:8px 20px; margin-top:5px; }
.an-b2b-link{ font:700 13.5px/1.4 var(--an-font-tekst); display:inline-flex; align-items:center; gap:8px; color:var(--an-b2b-link); text-decoration:none; }
.an-b2b-strelica{ font-size:20px; line-height:1; transition:transform .18s; }
.an-b2b-link:hover .an-b2b-strelica{ transform:translateX(3px); }
.an-b2b-link:focus-visible, .an-kolegi-otvori:focus-visible{ outline:2px solid #bf9b58; outline-offset:3px; }

/* crtež „VAŠ LOGO" — limenka + kutija */
.an-b2b-limenka, .an-b2b-kutija{ position:absolute; display:grid; place-items:center; }
.an-b2b-limenka{ background:#203466; border-radius:9px; box-shadow:inset 0 0 0 4px #9f9cb0, 0 7px 10px #ab9c8a66; transform:rotate(-10deg); }
.an-b2b-limenka span{ border-radius:50%; background:#fdf5e8; display:grid; place-items:center; text-align:center; font-weight:700; font-family:var(--an-font-tekst); line-height:1.05; color:#233467; }
.an-b2b-kutija{ background:#bb2630; border:4px solid #c4a27c; border-radius:3px; transform:rotate(9deg); box-shadow:0 4px 10px #2223; }
.an-b2b-kutija span{ background:#fdfaf2; border-radius:2px; padding:3px; text-align:center; font-weight:700; font-family:var(--an-font-tekst); line-height:1; color:#4c302b; }

/* kartica ispod „Dodaj u korpu" (V2 .pdp .b2b) */
.an-b2b-kartica--pdp{ background:#faf8f3; border:1px solid #e9e2d8; border-radius:9px; display:grid; grid-template-columns:84px minmax(0,1fr); gap:16px; align-items:center; padding:17px 17px 18px; margin:2px 0 20px; color:var(--an-b2b-tekst); }
.an-b2b-kartica--pdp .an-b2b-naslov{ font-size:19px; margin:7px 0 6px; line-height:1.25; }
.an-b2b-kartica--pdp .an-b2b-kartica__crtez{ position:relative; width:80px; height:88px; background:linear-gradient(150deg,#eee2d2,#f8f3e9); border-radius:8px; overflow:hidden; }
.an-b2b-kartica--pdp .an-b2b-limenka{ top:12px; left:10px; width:56px; height:56px; }
.an-b2b-kartica--pdp .an-b2b-limenka span{ width:34px; height:34px; font-size:8px; }
.an-b2b-kartica--pdp .an-b2b-kutija{ bottom:4px; right:2px; width:40px; height:46px; }
.an-b2b-kartica--pdp .an-b2b-kutija span{ font-size:7px; }

/* kartica u sidebaru (V2 .sidebar .scard) */
.an-b2b-kartica--sidebar{ border:1px solid #e5dccf; background:#faf8f3; border-radius:10px; box-shadow:0 6px 20px -15px #634b36ad; color:var(--an-b2b-tekst); }
.an-b2b-kartica--sidebar .an-b2b-kartica__crtez{ height:103px; position:relative; background:linear-gradient(155deg,#efe4d3,#f9f5ec); border-radius:9px 9px 0 0; overflow:hidden; }
.an-b2b-kartica--sidebar .an-b2b-limenka{ width:85px; height:85px; border-radius:14px; border:5px solid #b1a8a0; box-shadow:0 8px 10px #5552; left:70px; top:8px; transform:rotate(-12deg); background:#213467; }
.an-b2b-kartica--sidebar .an-b2b-limenka span{ width:58px; height:58px; font-size:12px; background:#f7ecdc; color:#233667; }
.an-b2b-kartica--sidebar .an-b2b-kutija{ left:151px; top:29px; width:57px; height:65px; background:#b32e37; border:5px solid #c8a477; border-radius:0; transform:rotate(10deg); box-shadow:0 6px 12px #5553; }
.an-b2b-kartica--sidebar .an-b2b-kutija span{ padding:6px 4px; font-size:10px; background:#fffcf5; color:#3b2825; }
.an-b2b-kartica--sidebar .an-b2b-kartica__telo{ padding:16px; display:flex; flex-direction:column; gap:8px; }
.an-b2b-kartica--sidebar .an-b2b-naslov{ font-size:19px; line-height:1.22; font-weight:700; color:#4d372b; }
.an-b2b-kartica--sidebar .an-b2b-opis{ font:13px/1.44 var(--an-font-tekst); color:#60584f; }
.an-b2b-sitno{ font:700 11.5px/1.5 var(--an-font-tekst); color:#766657; border-top:1px solid #e6dccf; padding-top:9px; margin:0; }
.an-b2b-kartica--sidebar .an-b2b-akcije{ gap:7px 14px; margin-top:6px; }

/* ISTAKNUTO (Mijat 18.10.2026: „malo više istakni") — tamna kartica sa zlatnim detaljima, dugme umesto linka;
   na hover se limenka i kutija pomere, a preko crteža pređe odsjaj */
.an-b2b-kartica--tamna{ position:relative; border:1px solid rgba(224,178,82,.45); border-radius:16px; background:linear-gradient(165deg, #6D523A, #593D3B 70%); color:#fbf8f1;
	box-shadow:0 26px 44px -26px rgba(58,33,20,.75); }
.an-b2b-kartica--tamna .an-b2b-kartica__crtez{ border-radius:15px 15px 0 0; background:radial-gradient(circle at 30% 20%, #fffaf0, #efe2cc 72%); }
.an-b2b-kartica--tamna .an-b2b-kartica__crtez::after{ content:""; position:absolute; inset:0; background:linear-gradient(105deg, transparent 35%, rgba(255,255,255,.7) 50%, transparent 65%); transform:translateX(-120%); pointer-events:none; }
.an-b2b-kartica--tamna:hover .an-b2b-kartica__crtez::after{ transform:translateX(120%); transition:transform 1s ease; }
.an-b2b-kartica--tamna .an-b2b-limenka, .an-b2b-kartica--tamna .an-b2b-kutija{ transition:transform .6s cubic-bezier(.34,1.56,.64,1); }
.an-b2b-kartica--tamna:hover .an-b2b-limenka{ transform:rotate(-18deg) translateY(-3px); }
.an-b2b-kartica--tamna:hover .an-b2b-kutija{ transform:rotate(16deg) translateY(-3px); }
.an-b2b-kartica--tamna .an-b2b-kartica__telo{ padding:18px 18px 16px; gap:9px; }
.an-b2b-kartica--tamna .an-b2b-natpis{ color:var(--an-zlatna); }
.an-b2b-kartica--tamna .an-b2b-natpis::before{ background:var(--an-zlatna); }
.an-b2b-kartica--tamna .an-b2b-naslov{ font:700 22px/1.15 var(--an-font); color:#fbf8f1; }
.an-b2b-kartica--tamna .an-b2b-opis{ color:rgba(251,248,241,.8); }
.an-b2b-kartica--tamna .an-b2b-sitno{ color:rgba(251,248,241,.9); border-top-color:rgba(251,248,241,.16); }
.an-b2b-kartica--tamna .an-b2b-akcije{ flex-direction:column; align-items:stretch; gap:10px; margin-top:8px; }
.an-b2b-kartica--tamna .an-b2b-link{ justify-content:space-between; padding:12px 16px; border-radius:10px; background:var(--an-zlatna); color:#2E1F12; transition:background .2s, transform .2s; }
.an-b2b-kartica--tamna .an-b2b-link:hover{ background:#ecc46e; transform:translateY(-1px); }
.an-b2b-kartica--tamna .an-kolegi-otvori{ align-self:center; color:rgba(251,248,241,.78); border-bottom-color:rgba(251,248,241,.35); }
.an-b2b-kartica--tamna .an-kolegi-otvori:hover, .an-b2b-kartica--tamna .an-kolegi-otvori:focus{ color:#fff; }
.an-b2b-kartica--tamna .an-b2b-link:focus-visible, .an-b2b-kartica--tamna .an-kolegi-otvori:focus-visible{ outline-color:var(--an-zlatna); }

/* rečenica ispod naslova kategorije */
.an-b2b-recenica a{ color:var(--an-braon-tamna); font-weight:700; border-bottom:2px solid var(--an-zlatna); text-decoration:none; }

/* poruka pri količini (V2 .pdp .qty-hint) */
.an-b2b-kolicina{ flex-basis:100%; display:grid; grid-template-columns:20px auto; gap:8px; align-items:start; padding:11px 13px; background:#f6f2eb; border-left:2px solid #ab8751; font:13px/1.45 var(--an-font-tekst); color:var(--an-tekst-2); animation:an-izroni .35s ease-out; }
.an-b2b-kolicina[hidden]{ display:none; }
.an-b2b-kolicina__znak{ color:#9b7747; }
.an-b2b-kolicina a{ color:#684a38; text-decoration:underline; font-weight:700; }
@keyframes an-izroni{ from{ opacity:0; transform:translateY(4px); } to{ opacity:1; transform:none; } }

/* tab „Za firme" (V1 .firm + .ptable) */
.an-za-firme{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:32px; color:var(--an-tekst-2); }
.woocommerce div.product .woocommerce-tabs .panel .an-za-firme h2{ font:400 26px/1.25 var(--an-font); color:var(--an-tekst); text-transform:none; margin:0 0 12px; }
.an-kvacice{ list-style:none; display:flex; flex-direction:column; gap:8px; margin:14px 0 20px; padding:0; font:15px/1.5 var(--an-font-tekst); }
.an-kvacice li{ display:grid; grid-template-columns:20px minmax(0,1fr); gap:8px; }
.an-kvacice li::before{ content:"✓"; color:var(--an-braon); font-weight:700; }
.an-tiraz{ width:100%; border-collapse:collapse; font:14px var(--an-font-tekst); font-variant-numeric:tabular-nums; background:var(--an-krem); border-radius:8px; overflow:hidden; }
.an-tiraz caption{ text-align:left; font-weight:700; color:var(--an-tekst); padding-bottom:8px; }
.an-tiraz th, .an-tiraz td{ border:0; background:none; padding:9px 12px;   /* border:0 — Hello crta okvir oko svake ćelije */
	 text-align:right; border-bottom:1px solid #EAE2D3; white-space:nowrap; }
.an-tiraz th:first-child, .an-tiraz td:first-child{ text-align:left; }
.an-tiraz thead th{ font-size:12px; color:var(--an-sivo); font-weight:700; }
.an-tiraz__napomena{ font:12.5px var(--an-font-tekst); color:var(--an-sivo); margin-top:8px; }

/* pločica na 4. mestu u povezanim (V1 .ptile) */
.woocommerce ul.products li.an-b2b-povezani{ padding:10px 10px 18px; }
.an-b2b-povezani__link{ display:flex; flex-direction:column; align-items:center; gap:8px; width:100%; text-decoration:none; color:inherit; position:relative; }
.an-b2b-povezani__oznaka{ position:absolute; top:8px; left:8px; z-index:2; background:var(--an-braon); color:#fff; font:700 11px/1 var(--an-font-tekst); letter-spacing:.08em; text-transform:uppercase; padding:6px 8px; border-radius:3px; }
.an-b2b-povezani__slika{ width:100%; aspect-ratio:1; background:var(--an-krem); border-radius:6px; display:grid; place-items:center; overflow:hidden; }
.an-b2b-povezani__crtez{ position:relative; width:70%; height:70%; }
.an-b2b-povezani__crtez .an-b2b-limenka{ left:4%; top:8%; width:56%; height:56%; }
.an-b2b-povezani__crtez .an-b2b-limenka span{ width:62%; height:62%; font-size:14px; }
.an-b2b-povezani__crtez .an-b2b-kutija{ right:2%; bottom:2%; width:44%; height:52%; }
.an-b2b-povezani__crtez .an-b2b-kutija span{ font-size:12px; padding:5px; }
.woocommerce ul.products li.an-b2b-povezani .price{ color:var(--an-braon-tamna); }

/* pločica u mreži kategorije — samo telefon (V2 .mobile-b2b) */
.woocommerce ul.products li.an-b2b-plocica{ display:none; }

/* prosledite kolegi (V2 .b2b-share-pop + Viber iz V1) */
.an-kolegi-otvori{ font:12.5px/1.35 var(--an-font-tekst); color:#70695f; border:0; border-bottom:1px solid #c4b8a6; background:transparent; padding:3px 0; cursor:pointer; border-radius:0; }
.an-kolegi-otvori:hover, .an-kolegi-otvori:focus{ color:#533826; background:transparent; }
.an-kolegi{ position:absolute; z-index:35; top:calc(100% + 10px); left:0; width:min(370px,calc(100vw - 48px)); border:1px solid #e2d6c7; border-radius:10px; background:#fff; box-shadow:0 18px 46px -22px rgba(42,26,15,.5); padding:16px; color:#45403a; text-align:left; }
.an-kolegi[hidden]{ display:none !important; }   /* [hidden] mora da pobedi display iz pravila iznad */
.an-sidebar .an-kolegi{ top:auto; bottom:calc(100% + 8px); left:-10px; }
.an-kolegi__glava{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; font:700 14px/1.3 var(--an-font-tekst); }
.an-kolegi__zatvori{ border:0; background:transparent; font-size:22px; line-height:18px; padding:0 2px; cursor:pointer; color:inherit; }
.an-kolegi p{ font:12px/1.4 var(--an-font-tekst); margin:6px 0 10px; color:#746b62; }
.an-kolegi textarea{ border:1px solid #ddd2c4; border-radius:6px; background:#fcfaf7; width:100%; padding:9px; resize:vertical; font:13px/1.45 var(--an-font-tekst); min-height:98px; }
.an-kolegi__dugmad{ display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.an-kolegi__dugmad > *{ border:1px solid #d7cbbc; background:#fff; padding:7px 10px; border-radius:5px; font:700 12px var(--an-font-tekst); text-decoration:none; cursor:pointer; color:#45403a; }
.an-kolegi__dugmad .an-kolegi__kopiraj{ background:#6d523a; color:#fff; border-color:#6d523a; }
.an-kolegi__status{ display:block; color:#276648; font:12px/1.5 var(--an-font-tekst); margin-top:5px; }

/* gornja traka — poruke se smenjuju (V1 .ticker) */
.an-traka{ position:relative; height:22px; overflow:hidden; text-align:center; min-width:360px; }
.an-traka > *{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:6px; transition:transform .5s, opacity .5s; white-space:nowrap; }
/* bez JS-a vidi se prva poruka; kad JS krene (.je-pokrenuta), vidi se SAMO .je-vidljiva — inače se prva, kad posle prvog kruga
   izgubi .je-izlazi, sama vrati i stoji preko druge (od 5. do 9. s svakog kruga; Mijat 20.10.2026) */
.an-traka > :not(:first-child), .an-traka.je-pokrenuta > :not(.je-vidljiva){ transform:translateY(60%); opacity:0; }
.an-traka > .je-vidljiva{ transform:none; opacity:1; transition-delay:.28s; }   /* nova ulazi tek kad stara izađe — bez preklapanja teksta */
.an-traka.je-pokrenuta > .je-izlazi{ transform:translateY(-60%); opacity:0; transition-duration:.3s; }
.an-traka a{ color:#fff; font-weight:700; text-decoration:underline; text-decoration-color:var(--an-zlatna); text-underline-offset:3px; }
@media (prefers-reduced-motion:reduce){ .an-traka > *{ transition:none; } }

/* ───────────── Telefon i tablet (≤ 900 px) ───────────── */
@media (max-width:900px){
	.an-prodavnica{ grid-template-columns:minmax(0,1fr); gap:0; }
	.woocommerce-products-header__title.page-title{ font-size:24px; }

	/* sidebar → fioka */
	/* zatvorena fioka: visibility:hidden — inače njena senka viri uz levu ivicu, a dugmad u njoj primaju fokus */
	.an-sidebar{ position:fixed; z-index:250; top:0; bottom:0; left:0; width:min(320px,86vw); background:#fff; padding:52px 18px 24px; gap:18px; overflow-y:auto; overscroll-behavior:contain; transform:translateX(-102%); visibility:hidden; transition:transform .3s, visibility 0s .3s; box-shadow:10px 0 30px rgba(0,0,0,.2); }
	.an-fioka-otvorena .an-sidebar{ transform:none; visibility:visible; transition:transform .3s; }
	.an-sidebar__zatvori{ display:block; position:absolute; top:12px; right:14px; border:0; background:none; font:700 13px var(--an-font-tekst); text-transform:uppercase; color:var(--an-tekst); cursor:pointer; }
	.an-filteri{ display:flex; flex-direction:column; gap:22px; }
	.an-fioka-otvorena .an-fioka-pozadina{ display:block; position:fixed; inset:0; z-index:240; background:rgba(0,0,0,.4); }
	.an-filteri-dugme{ display:inline-flex; align-items:center; gap:8px; border:1px solid #e3d8c8; border-radius:999px; background:#fff; font:700 13px var(--an-font-tekst); text-transform:uppercase; color:var(--an-tekst); padding:9px 16px; cursor:pointer; }
	.an-filteri-dugme:hover, .an-filteri-dugme:focus{ background:var(--an-krem-2); color:var(--an-tekst); border-color:var(--an-kraft); }
	.an-filteri-dugme::before{ content:""; width:16px; height:10px; border-top:2px solid var(--an-tekst); border-bottom:2px solid var(--an-tekst); }

	.woocommerce ul.products, .woocommerce .related ul.products{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
	.woocommerce ul.products[class*="columns-"] li.product{ padding:10px 10px 14px; border-radius:14px; }
	.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:15px; }
	.woocommerce ul.products li.product .price{ font-size:15px; }
	.woocommerce ul.products li.product .button{ min-height:40px; font-size:11.5px; padding:0 8px; gap:6px; }
	.woocommerce ul.products li.product-category .woocommerce-loop-category__title{ font-size:17px; }

	/* zaglavlje kataloga + red kategorija (prstom levo-desno) */
	.woocommerce-products-header{ grid-template-columns:minmax(0,1fr); border-radius:18px; padding:20px; }
	.an-b2b-kartica--dno{ grid-template-columns:minmax(0,1fr); }
	.an-b2b-kartica--dno .an-b2b-kartica__crtez{ min-height:120px; border-radius:15px 15px 0 0; }
	.an-b2b-kartica--dno .an-b2b-limenka{ left:calc(50% - 74px); }
	.an-b2b-kartica--dno .an-b2b-kutija{ left:calc(50% + 4px); }
	.an-b2b-kartica--dno .an-b2b-kartica__telo{ grid-template-columns:minmax(0,1fr); padding:22px 20px; }
	.an-b2b-kartica--dno .an-b2b-akcije{ grid-column:1; grid-row:auto; min-width:0; margin-top:8px; }
	.an-b2b-kartica--dno .an-b2b-naslov{ font-size:22px; }
	.an-kat-trake{ display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; margin:16px -20px 0; padding:2px 20px; scroll-snap-type:x proximity; }
	.an-kat-trake::-webkit-scrollbar{ display:none; }
	.an-kat-trake a{ flex:none; padding:9px 14px; border:1px solid #e3d6c3; border-radius:999px; background:#fff; font:700 13px/1 var(--an-font-tekst); color:var(--an-tekst-2); text-decoration:none; white-space:nowrap; scroll-snap-align:start; }
	.an-kat-trake a[aria-current]{ background:var(--an-braon); border-color:var(--an-braon); color:#fff; }

	/* pločica za firme u mreži — ista tamna kao kartica u sidebaru */
	.woocommerce ul.products li.an-b2b-plocica{ display:grid; grid-column:1/-1; grid-template-columns:40px minmax(0,1fr); gap:14px; padding:18px; margin:4px 0; text-align:left;
		border:1px solid rgba(224,178,82,.45); border-radius:16px; background:linear-gradient(165deg, #6D523A, #593D3B 70%); color:#fbf8f1; box-shadow:0 20px 34px -24px rgba(58,33,20,.7); }
	.an-b2b-plocica__znak{ display:grid; place-items:center; border-radius:10px; background:rgba(224,178,82,.18); color:var(--an-zlatna); font-size:23px; width:40px; height:44px; }
	.an-b2b-plocica .an-b2b-natpis{ color:var(--an-zlatna); }
	.an-b2b-plocica .an-b2b-natpis::before{ background:var(--an-zlatna); }
	.an-b2b-plocica .an-b2b-naslov{ font:700 20px/1.2 var(--an-font); color:#fbf8f1; margin:6px 0; }
	.an-b2b-plocica .an-b2b-opis{ font-size:13px; color:rgba(251,248,241,.8); margin-bottom:10px; }
	.an-b2b-plocica .an-b2b-link{ padding:10px 14px; border-radius:10px; background:var(--an-zlatna); color:#2E1F12; }

	.an-b2b-kartica--pdp{ grid-template-columns:65px minmax(0,1fr); gap:12px; padding:12px; }
	.an-b2b-kartica--pdp .an-b2b-kartica__crtez{ width:63px; height:72px; }
	.an-b2b-kartica--pdp .an-b2b-limenka{ width:47px; height:47px; }
	.an-b2b-kartica--pdp .an-b2b-limenka span{ width:28px; height:28px; font-size:6px; }
	.an-b2b-kartica--pdp .an-b2b-kutija{ width:30px; height:35px; }
	.an-b2b-kartica--pdp .an-b2b-naslov{ font-size:17px; }
	.an-b2b-kartica--pdp .an-b2b-opis{ font-size:13px; }

	.woocommerce div.product{ grid-template-columns:minmax(0,1fr); gap:18px; }
	.woocommerce div.product .product_title{ font-size:22px; }
	.woocommerce div.product p.price{ font-size:18px; }
	.woocommerce div.product .woocommerce-product-details__short-description{ font-size:16px; }
	.an-za-firme{ grid-template-columns:minmax(0,1fr); }
	.woocommerce table.cart td.actions .coupon{ float:none; width:100%; margin-bottom:10px; }
	.woocommerce table.cart td.actions .coupon .input-text{ flex:1 1 auto; width:auto; min-width:0; }
	.woocommerce table.cart td.actions .coupon .button{ padding:0 14px; font-size:12px; }
	.an-za-firme__tabela{ overflow-x:auto; }
	.woocommerce div.product .woocommerce-tabs ul.tabs{ justify-content:flex-start; gap:0 18px; }
	.woocommerce div.product .woocommerce-tabs ul.tabs li a{ font-size:13px; padding:12px 0; }
	.an-traka{ min-width:0; font-size:13px; }
}
@media (max-width:700px){
	.an-b2b-akcije .an-kolegi{ left:auto; right:-6px; }
	.an-b2b-akcije{ gap:8px 16px; }
}
@media (max-width:420px){
	.an-b2b-kartica--pdp .an-b2b-akcije{ gap:6px 14px; }
	.an-b2b-kartica--pdp .an-b2b-link{ font-size:13px; }
}

/* ───────────── 5b. Obične strane, korpa, naplata (prototip ih nema — isti tokeni i tipografija) ───────────── */
/* Hello drži naslov strane na 1140 px (`.page-header .entry-title`) — ista forma, kasnije učitano. */
.page-header .entry-title{ max-width:var(--an-sirina); padding-inline:0; margin-inline:auto;     /* .site-main već ima 20 px */ font:400 34px/1.25 var(--an-font); color:var(--an-tekst); margin-block:8px 18px; }
.page-content{ color:var(--an-telo); font:16px/1.7 var(--an-font-tekst); }

/* obaveštenja: WooCommerce plava/zelena → boje sajta */
.woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments{ border-top:3px solid var(--an-zlatna); background:var(--an-krem); color:var(--an-tekst-2); font:14px/1.5 var(--an-font-tekst); }
.woocommerce-info::before, .woocommerce-message::before{ color:var(--an-braon); }
.woocommerce-error{ border-top:3px solid var(--an-cena); background:#fdf3f0; font:14px/1.5 var(--an-font-tekst); }
.woocommerce-info a, .woocommerce-message a:not(.button){ color:var(--an-braon-tamna); font-weight:700; }

/* tabele korpe i porudžbine */
.woocommerce table.shop_table{ border:1px solid var(--an-linija); border-radius:8px; border-collapse:separate; font:14px var(--an-font-tekst); color:var(--an-tekst-2); }
.woocommerce table.shop_table th{ font-weight:700; color:var(--an-tekst); text-transform:uppercase; font-size:12px; letter-spacing:.04em; }
/* Hello-ov reset crta okvir oko SVAKE ćelije (`table td, table th{border:1px solid …}`) — ostaje samo linija između redova. */
.woocommerce table.shop_table td, .woocommerce table.shop_table th{ border:0; border-top:1px solid var(--an-linija); padding:12px 14px; background:none; }
.woocommerce table.shop_table thead th, .woocommerce table.shop_table tr:first-child > *{ border-top:0; }
.woocommerce table.shop_table tbody tr:nth-child(odd) > *{ background:none; }
.woocommerce table.shop_table .product-name a{ color:var(--an-tekst); text-decoration:none; }
.woocommerce table.shop_table img{ width:64px; aspect-ratio:1; object-fit:contain; }
.woocommerce a.remove{ color:var(--an-cena) !important; }    /* WooCommerce ga drži sa !important */
.woocommerce a.remove:hover{ background:var(--an-cena); color:#fff !important; }
/* WooCommerce: `.woocommerce table.cart td.actions .coupon .input-text{width:80px}` — ista forma, kasnije učitano */
.woocommerce table.cart td.actions .coupon{ display:flex; gap:8px; }
.woocommerce table.cart td.actions .coupon .input-text{ width:200px; min-height:42px; border:1px solid #D4D4D4; border-radius:4px; padding:0 12px; margin:0; }
.woocommerce table.cart td.actions .coupon .button{ flex:none; }
/* neaktivno dugme („Ažuriranje korpe" dok se ništa ne promeni): natpis mora da se vidi */
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{ background:var(--an-braon); color:#fff; opacity:.45; padding:0 20px; }
.woocommerce .cart-collaterals .cart_totals h2, .woocommerce-checkout h3, #order_review_heading{ font:400 26px/1.25 var(--an-font); color:var(--an-tekst); }
.woocommerce .cart-collaterals .cart_totals .order-total .amount, .woocommerce-checkout-review-order-table .order-total .amount{ color:var(--an-cena); font-size:16px; }
.woocommerce .wc-proceed-to-checkout a.checkout-button{ font-size:15px; min-height:52px; }

/* naplata */
.woocommerce form .form-row label{ font:14px var(--an-font-tekst); color:var(--an-tekst-2); }
.woocommerce form .form-row .input-text, .woocommerce form .form-row select, .woocommerce form .form-row textarea{ border:1px solid #D4D4D4; border-radius:4px; min-height:42px; padding:8px 12px; font:15px var(--an-font-tekst); }
.woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus{ border-color:var(--an-braon); outline:0; box-shadow:0 0 0 2px rgba(109,82,58,.15); }
/* kupon na naplati, iznad „Ukupno" (inc/naplata.php, vlasnica 22.10.2026) */
.woocommerce table.shop_table .an-kupon-red td{ padding:16px 14px; background:var(--an-krem-2); }
.an-kupon__natpis{ display:block; margin-bottom:8px; font:700 13.5px/1.3 var(--an-font-tekst); color:var(--an-tekst); text-transform:none; letter-spacing:0; }
.an-kupon__polje{ display:flex; gap:8px; }
.woocommerce .an-kupon__polje input.input-text{ flex:1 1 auto; min-width:0; min-height:46px; padding:10px 14px; border:1.5px solid #ddd2c4; border-radius:6px; background:#fff;
	font:600 15px/1.3 var(--an-font-tekst); letter-spacing:.04em; color:var(--an-tekst); }
.woocommerce .an-kupon__polje input.input-text::placeholder{ font-weight:400; letter-spacing:0; color:#a3968a; }
.woocommerce .an-kupon__polje input.input-text:focus{ outline:0; border-color:var(--an-braon); box-shadow:0 0 0 3px rgba(109,82,58,.15); }
.woocommerce button.button.an-kupon__dugme{ flex:0 0 auto; min-height:46px; padding:0 22px; }
.an-kupon.je-u-toku{ opacity:.6; pointer-events:none; }
.an-kupon__poruka:empty{ display:none; }
.an-kupon__poruka{ margin-top:10px; }
.an-kupon__poruka ul, .an-kupon__poruka .woocommerce-error, .an-kupon__poruka .woocommerce-message, .an-kupon__poruka .woocommerce-info{ margin:0; padding:10px 12px 10px 38px; font-size:13.5px; }
.an-kupon__poruka .woocommerce-error::before, .an-kupon__poruka .woocommerce-message::before, .an-kupon__poruka .woocommerce-info::before{ left:12px; top:10px; }
.woocommerce-checkout #payment{ background:var(--an-krem); border-radius:8px; }
.woocommerce-checkout #payment ul.payment_methods{ border-bottom-color:var(--an-linija); }
.woocommerce-checkout #payment div.payment_box{ background:#fff; color:var(--an-tekst-2); }
.woocommerce-checkout #payment div.payment_box::before{ border-bottom-color:#fff; }
.woocommerce #payment #place_order{ min-height:52px; font-size:14px; }

/* moj nalog — prijava normalne širine */
.woocommerce-account:not(.logged-in) .woocommerce{ max-width:520px; }
.woocommerce form.login, .woocommerce form.register{ border-color:var(--an-linija); border-radius:8px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul{ list-style:none; padding:0; margin:0; }
.woocommerce-account .woocommerce-MyAccount-navigation a{ display:block; padding:10px 0; border-bottom:1px solid var(--an-linija); color:var(--an-tekst); text-decoration:none; font:700 13px var(--an-font-tekst); text-transform:uppercase; }

/* ───────────── 7. Elementor bridž (playbooks/08) ───────────── */
/* Elementor za svaki kontejner piše 0,3,0 pravilo preko custom propertija — gasi se na izvoru, bez !important (§1). */
.elementor .elementor-element.e-con{
	--display:block; --width:auto; --content-width:100%; --min-height:auto;
	--padding-top:0px; --padding-right:0px; --padding-bottom:0px; --padding-left:0px;
	--margin-top:0px; --margin-right:0px; --margin-bottom:0px; --margin-left:0px;
	--gap:0px; --row-gap:0px; --column-gap:0px;
	--flex-direction:row; --flex-wrap:initial; --justify-content:initial; --align-items:initial; --align-content:initial;
}
.elementor .elementor-element.elementor-widget{ --kit-widget-spacing:0px; }           /* +20px po widgetu (§17) */
.elementor-background-overlay{ pointer-events:none; }                                 /* klik u uređivaču (§15) */
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor .elementor-widget-container > *,
.elementor-widget-text-editor > *{ font:inherit; color:inherit; letter-spacing:inherit; line-height:inherit; margin:0; }   /* §7 */
.elementor-widget-image a, .elementor-widget-image img{ display:block; }
.elementor-widget-image{ text-align:left; }                                            /* image je podrazumevano centriran (§27) */

/* ───────────── 8. Zaglavlje (prototip .topbar / .header / .nav / .mheader) ───────────── */
/* Doslovan display na svakom omotaču — uređivač inače raspadne raspored (§9). */
.an-zaglavlje, .an-zaglavlje__traka, .an-futer, .an-futer__kolona, .an-futer__dole{ display:block; }
.an-zaglavlje__traka{ background:var(--an-braon); color:#fff; font:14px var(--an-font-tekst); }
.an-zaglavlje__traka-omot{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:42px; gap:12px; }
.an-zaglavlje__kontakt p{ display:flex; gap:20px; }
.an-zaglavlje__kontakt a{ color:#fff; text-decoration:none; }
/* mreže u traci (desno) */
.an-zaglavlje__mreze{ justify-self:end; }
.an-zaglavlje__mreze .elementor-social-icons-wrapper{ display:flex; gap:6px; }
.an-zaglavlje__mreze .elementor-social-icon{ --icon-size:13px; --icon-padding:.55em; background:transparent; color:#fff; border:1px solid rgba(255,255,255,.28); transition:background .2s, border-color .2s; }
.an-zaglavlje__mreze .elementor-social-icon svg{ fill:#fff; }
.an-zaglavlje__mreze .elementor-social-icon:hover{ background:rgba(255,255,255,.12); border-color:#fff; }
.an-zaglavlje__glava{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding-block:16px 0; }
.an-zaglavlje__logo{ grid-column:2; justify-self:center; }
/* položeni logo (vlasnica 22.10.2026) — okrugli 135 px je gurao heroj ispod ekrana; raster 300×84 → najviše 72 px visine */
.an-zaglavlje__logo img{ width:auto; height:72px; }
.an-zaglavlje__logo-mob, .an-zaglavlje__mob-meni{ display:none; }
.an-zaglavlje__korpa{ grid-column:3; justify-self:end; }
.an-korpa{ position:relative; display:inline-flex; align-items:center; gap:10px; font:700 13px var(--an-font-tekst); color:var(--an-tekst); text-decoration:none; }
/* ikonica torbe (maska → boja = currentColor) */
.an-korpa::before{ content:""; width:22px; height:22px; flex:none; background:currentColor;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 11.1a2 2 0 0 1-2 1.9H8.2a2 2 0 0 1-2-1.9z'/%3E%3Cpath d='M9 10V7a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") center / contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 11.1a2 2 0 0 1-2 1.9H8.2a2 2 0 0 1-2-1.9z'/%3E%3Cpath d='M9 10V7a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") center / contain no-repeat; }
.an-korpa:hover{ color:var(--an-braon); }
.an-zaglavlje__meni ul.menu{ display:flex; justify-content:center; flex-wrap:wrap; gap:0 30px; list-style:none; margin:0; padding:16px 0; }
.an-zaglavlje__meni ul.menu a{ font:700 14px var(--an-font-tekst); text-transform:uppercase; color:var(--an-tekst); text-decoration:none; }
.an-zaglavlje__meni ul.menu a:hover, .an-zaglavlje__meni .current-menu-item > a{ color:var(--an-cena); }

.an-hamburger{ position:relative; width:26px; height:18px; padding:0; border:0; border-block:2px solid var(--an-tekst); border-radius:0; background:none; cursor:pointer; }
.an-hamburger span{ position:absolute; left:0; right:0; top:6px; border-top:2px solid var(--an-tekst); }
.an-hamburger:hover, .an-hamburger:focus{ background:none; }
.an-meni-mob{ position:absolute; z-index:200; left:0; right:0; top:100%; background:#fff; border-bottom:1px solid var(--an-linija); box-shadow:0 12px 24px -16px rgba(0,0,0,.35); padding:6px 16px 14px; }
.an-meni-mob[hidden]{ display:none; }
.an-meni-mob ul{ list-style:none; margin:0; padding:0; }
.an-meni-mob a{ display:block; padding:11px 0; border-bottom:1px solid var(--an-linija); font:700 14px var(--an-font-tekst); text-transform:uppercase; color:var(--an-tekst); text-decoration:none; }

@media (max-width:900px){
	.an-zaglavlje{ position:relative; }
	/* panel mobilnog menija meri left/right od .an-zaglavlje, ne od uskog omotača hamburgera (§4) */
	.elementor .elementor-element.an-zaglavlje__glava{ --position:static; position:static; }
	.elementor .elementor-element.an-zaglavlje__mob-meni{ position:static; }
	.an-zaglavlje__traka-omot{ grid-template-columns:1fr; }
	.an-zaglavlje__kontakt, .an-zaglavlje__mreze{ display:none; }
	.an-zaglavlje__glava{ display:flex; align-items:center; justify-content:space-between; padding:10px 16px; border-bottom:1px solid var(--an-linija); }
	.an-zaglavlje__logo, .an-zaglavlje__meni{ display:none; }
	.an-zaglavlje__logo-mob, .an-zaglavlje__mob-meni{ display:block; }
	.an-zaglavlje__logo-mob img{ height:40px; width:auto; }
	.an-korpa__iznos{ display:none; }
	/* broj kao značka na uglu torbe */
	.an-korpa__stanje--prazna .an-korpa__broj{ display:none; }   /* nula na praznoj korpi liči na obaveštenje */
	.an-korpa__broj{ position:absolute; top:-7px; right:-9px; display:block; min-width:18px; height:18px; padding:0 4px; border-radius:9px; background:var(--an-cena); color:#fff; font:700 10px/18px var(--an-font-tekst); text-align:center; }
}

/* ───────────── 9. Futer (prototip .footer / .copy) ───────────── */
.an-futer{ background:var(--an-krem); margin-top:70px; }
.an-futer__kolone{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; padding-block:60px 40px; }
/* razmak naslov → tekst ide kao margin-top na TEKSTU: donju marginu widgeta Elementor drži na 0 (0,3,0 — playbooks/08 §3) */
.an-futer__naslov{ font:700 22px/1.2 var(--an-font); color:var(--an-braon-tamna); }
.elementor .elementor-element.an-futer__tekst{ margin-top:16px; }
.an-futer__tekst{ color:var(--an-telo); font-size:14.5px; }
.an-futer__tekst a{ color:inherit; text-decoration:none; }
.an-futer__dole{ background:#fff; border-top:1px solid var(--an-linija); font-size:13px; color:var(--an-sivo); padding-block:16px 80px; }
.an-futer__copy a{ color:inherit; }
/* donji red: copyright levo, „Izrada sajta" (link ka agenciji, kao na Hug Bug-u) desno */
.an-futer__dole-omot{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px 24px; }
.an-futer__izrada a{ color:inherit; text-decoration:underline; text-underline-offset:3px; }
.an-futer__izrada a:hover{ color:var(--an-braon-tamna); }
@media (max-width:600px){ .an-futer__dole-omot{ grid-template-columns:minmax(0,1fr); } }

/* logotipi kartica (zvanični iz bankinog paketa, kutije iste veličine) */
.an-placanje{ display:flex; flex-direction:column; align-items:flex-start; gap:12px; margin-top:14px; }
.an-placanje ul{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; list-style:none; margin:0; padding:0; }
.an-placanje li{ margin:0; }
.an-placanje__kartice li{ width:46px; aspect-ratio:60 / 38; }
.an-placanje__programi li{ width:62px; aspect-ratio:88 / 40; }
.an-placanje li a{ display:block; width:100%; height:100%; }
.an-placanje li img{ display:block; width:100%; height:100%; object-fit:contain; }
.an-placanje__banka img{ display:block; height:28px; width:auto; }

@media (max-width:900px){
	.an-futer__kolone{ grid-template-columns:minmax(0,1fr); }
}


/* ───────────── 10. Zajednički elementi strana i naslovne ───────────── */
.an-pocetna, .an-strana, .an-sekcija, .an-heroj, .an-heroj__omot, .an-heroj__tekst, .an-heroj__slika, .an-dugmad,
.an-kategorije, .an-kat, .an-kat__dno, .an-firme__omot, .an-firme__tekst, .an-firme__slika, .an-ukusi, .an-ukus, .an-radnja__omot,
.an-radnja__tekst, .an-radnja__slika, .an-prica__omot, .an-prica__tekst, .an-brojke, .an-broj, .an-knjiga, .an-knjiga__tekst,
.an-news__omot, .an-news__tekst, .an-sekcija__glava, .an-sekcija__glava-levo, .an-sekcija__dole,
.an-strana__glava, .an-strana__telo, .an-strana__kolona, .an-strana__slike, .an-strana__galerija, .an-forma-kartica,
.an-hub, .an-kartica-linka, .an-akordeon__odgovor{ display:block; }      /* doslovno — uređivač (§9) */

/* natpis iznad naslova: mala zlatna slova sa crticom (isti jezik kao B2B kartica iz prototipa) */
.an-sekcija__natpis, .an-strana__natpis{ font:800 12px/1.3 var(--an-font-tekst); letter-spacing:.14em; text-transform:uppercase; color:var(--an-zlatna-tamna); }
.an-sekcija__natpis p, .an-strana__natpis p{ display:inline-flex; align-items:center; gap:10px; }
.an-sekcija__natpis p::before, .an-strana__natpis p::before{ content:""; width:22px; height:1px; background:var(--an-kraft); }
.an-sekcija__naslov, .an-strana__naslov{ font:700 clamp(28px, 3vw, 42px)/1.12 var(--an-font); color:var(--an-braon-tamna); letter-spacing:-.005em; }
.elementor .elementor-element.an-sekcija__naslov, .elementor .elementor-element.an-strana__naslov{ margin-top:12px; }
.an-sekcija__uvod, .an-sekcija__tekst, .an-strana__uvod{ font:17px/1.72 var(--an-font-tekst); color:var(--an-telo); }
.elementor .elementor-element.an-sekcija__uvod, .elementor .elementor-element.an-sekcija__tekst{ margin-top:16px; }
.an-sekcija__tekst p + p{ margin-top:.9em; }
.an-sekcija{ padding-block:var(--an-sekcija); }
.an-sekcija__glava{ max-width:720px; margin-bottom:40px; }
.an-sekcija__glava--sredina{ text-align:center; margin-inline:auto; }
.an-sekcija__glava--sredina .an-sekcija__natpis p{ justify-content:center; }
.an-sekcija__glava--red{ display:flex; justify-content:space-between; align-items:flex-end; gap:20px; max-width:none; }
.an-sekcija__dole{ text-align:center; margin-top:36px; }

/* dugmad (Elementor button widget sa klasom na omotaču — §8/§32: stil ide na .elementor-button) */
.an-dugmad{ display:flex; flex-wrap:wrap; gap:12px; }
.elementor-widget-button.an-dugme-w .elementor-button{
	display:inline-flex; align-items:center; gap:10px; padding:16px 28px; border:1.5px solid var(--an-braon); border-radius:6px;
	background:var(--an-braon); color:#fff; font:800 13.5px/1 var(--an-font-tekst); letter-spacing:.06em; text-transform:uppercase;
	transition:background .2s, color .2s, border-color .2s, transform .2s;
}
.elementor-widget-button.an-dugme-w .elementor-button:hover{ background:var(--an-braon-tamna); border-color:var(--an-braon-tamna); transform:translateY(-1px); }
.elementor-widget-button.an-dugme-w--obrub .elementor-button{ background:transparent; color:var(--an-braon-tamna); }
.elementor-widget-button.an-dugme-w--obrub .elementor-button:hover{ background:var(--an-braon); color:#fff; }
.elementor-widget-button.an-dugme-w--zlatno .elementor-button{ background:var(--an-zlatna); border-color:var(--an-zlatna); color:#2E1F12; }
.elementor-widget-button.an-dugme-w--zlatno .elementor-button:hover{ background:#d19f37; border-color:#d19f37; color:#2E1F12; }
.elementor-widget-button.an-dugme-w--svetlo .elementor-button{ background:transparent; border-color:rgba(251,248,241,.45); color:#fbf8f1; text-transform:none; letter-spacing:0; font-weight:700; font-size:15px; }
.elementor-widget-button.an-dugme-w--svetlo .elementor-button:hover{ border-color:#fbf8f1; background:rgba(251,248,241,.08); }
.elementor-widget-button.an-link-strelica .elementor-button, .elementor-widget-button.an-kartica-linka__dugme .elementor-button{
	display:inline-flex; align-items:center; white-space:nowrap; padding:0; background:none; border:0; color:var(--an-braon-tamna); font:800 13.5px/1.4 var(--an-font-tekst); letter-spacing:.06em; text-transform:uppercase;
	border-bottom:2px solid var(--an-zlatna); border-radius:0; padding-bottom:3px;
}
.elementor-widget-button.an-link-strelica .elementor-button::after, .elementor-widget-button.an-kartica-linka__dugme .elementor-button::after{ content:"→"; margin-left:8px; transition:transform .2s; }
.elementor-widget-button.an-link-strelica .elementor-button:hover::after, .elementor-widget-button.an-kartica-linka__dugme .elementor-button:hover::after{ transform:translateX(4px); }

/* lista podataka (adresa, telefon, radno vreme) */
.an-podaci{ list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.an-podaci li{ display:grid; gap:2px; font:16px/1.5 var(--an-font-tekst); color:var(--an-tekst-2); padding-left:16px; border-left:2px solid var(--an-kraft); }
.an-podaci strong{ font:800 11.5px/1.4 var(--an-font-tekst); letter-spacing:.12em; text-transform:uppercase; color:var(--an-zlatna-tamna); }
.an-podaci a{ color:var(--an-braon-tamna); text-decoration:none; font-weight:700; }

/* ───────────── 11. Naslovna ───────────── */
/* 1. heroj */
/* visina ekrana (vh) takođe ograničava razmak i naslov: ceo heroj sa činjenicama treba da stane na prvi ekran laptopa
   (vlasnica 22.10.2026) — meri tools/prvi-ekran.js */
.an-heroj{ background:var(--an-krem-2); padding-block:clamp(28px, min(6vw, 6vh), 88px) clamp(36px, min(6vw, 8vh), 88px); overflow:hidden; }
.an-heroj__omot{ display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,1fr); gap:clamp(32px, 5vw, 72px); align-items:center; }
.an-heroj__naslov{ font:700 clamp(38px, min(4.4vw, 7.4vh), 62px)/1.06 var(--an-font); color:var(--an-braon-tamna); letter-spacing:-.012em; }
.elementor .elementor-element.an-heroj__naslov{ margin-top:16px; }
.an-heroj__uvod{ font:18px/1.7 var(--an-font-tekst); color:var(--an-telo); max-width:56ch; }
.elementor .elementor-element.an-heroj__uvod{ margin-top:20px; }
.elementor .elementor-element.an-heroj__tekst .an-dugmad{ margin-top:32px; }
.an-heroj__cinjenice ul{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px 24px; }
.elementor .elementor-element.an-heroj__cinjenice{ margin-top:28px; }
.an-heroj__cinjenice li{ display:inline-flex; align-items:center; gap:9px; font:700 14px/1.3 var(--an-font-tekst); color:var(--an-braon-tamna); }
.an-heroj__cinjenice li::before{ content:"✓"; display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--an-zlatna); color:#2E1F12; font-size:12px; font-weight:800; }
.an-heroj__slika{ position:relative; }
.an-heroj__foto img{ width:100%; aspect-ratio:732 / 496; object-fit:cover; border-radius:20px; box-shadow:var(--an-senka); }
.elementor .elementor-element.an-heroj__pecat{ position:absolute; left:-26px; bottom:-30px; width:132px; }
.an-heroj__pecat img{ width:132px; height:132px; border-radius:50%; box-shadow:0 0 0 6px var(--an-krem-2), 0 14px 26px -12px rgba(58,33,20,.5); transform:rotate(-8deg); }

/* 2. Upoznaj svoje Anđele — 5 kategorija u jednom redu (vlasnica 22.10.2026). Cela kartica je link: naziv (h3 > a) se
   razvuče preko kartice (::after), pa zato unutrašnji Elementor elementi nisu pozicionirani. Telefon: red koji se lista prstom. */
.an-sekcija--kategorije .an-sekcija__glava{ margin-bottom:clamp(22px, 2.6vw, 34px); }
.an-kategorije{ display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:clamp(14px, 1.6vw, 24px); }
.elementor .elementor-element.an-kat{ --position:relative; position:relative; display:block; }
.elementor .an-kat .elementor-element{ --position:static; position:static; }
.an-kat__slika .elementor-widget-container, .an-kat__slika a{ display:block; overflow:hidden; border-radius:18px; }
.an-kat__slika img{ display:block; width:100%; aspect-ratio:1; object-fit:cover; transition:transform .6s cubic-bezier(.22,1,.36,1); }
.an-kat:hover .an-kat__slika img{ transform:scale(1.045); }
.elementor .elementor-element.an-kat__dno{ display:block; margin-top:14px; padding-right:46px; min-height:44px; }
.an-kat__naziv .elementor-heading-title{ font:700 19px/1.25 var(--an-font); color:var(--an-braon-tamna); }
.an-kat__naziv a{ color:inherit; text-decoration:none; }
.an-kat__naziv a::after{ content:""; position:absolute; inset:0; z-index:1; border-radius:18px; }
.an-kat__naziv a:focus-visible{ outline:none; }
.an-kat__naziv a:focus-visible::after{ outline:2px solid var(--an-zlatna-tamna); outline-offset:4px; }
.an-kat__opis{ font:13.5px/1.45 var(--an-font-tekst); color:var(--an-telo); }
.elementor .elementor-element.an-kat__opis{ margin-top:3px; }
.an-kat::after{ content:"→"; position:absolute; right:0; bottom:6px; width:34px; height:34px; display:grid; place-items:center; border:1.5px solid var(--an-cena);
	border-radius:50%; color:var(--an-cena); font:700 15px/1 var(--an-font-tekst); transition:background .25s, color .25s, transform .25s; }
.an-kat:hover::after{ background:var(--an-cena); color:#fff; transform:translateX(3px); }

/* 3. pokloni za firme */
.an-firme{ background:var(--an-braon-tamna); color:#fbf8f1; position:relative; overflow:hidden; }
.an-firme::after{ content:""; position:absolute; inset:auto -120px -160px auto; width:420px; height:420px; border-radius:50%; border:1px solid rgba(224,178,82,.18); pointer-events:none; }
.an-firme__omot{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); gap:clamp(32px, 5vw, 72px); align-items:center; position:relative; z-index:1; }
.an-firme .an-sekcija__natpis{ color:var(--an-zlatna); }
.an-firme .an-sekcija__natpis p::before{ background:var(--an-zlatna); }
.an-firme__naslov{ font:700 clamp(30px, 3.4vw, 46px)/1.1 var(--an-font); color:#fbf8f1; }
.elementor .elementor-element.an-firme__naslov{ margin-top:14px; }
.an-firme__uvod{ font:17px/1.72 var(--an-font-tekst); color:rgba(251,248,241,.82); }
.elementor .elementor-element.an-firme__uvod{ margin-top:18px; }
.an-firme__stavke ul{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.elementor .elementor-element.an-firme__stavke{ margin-top:22px; }
.an-firme__stavke li{ display:grid; grid-template-columns:22px minmax(0,1fr); gap:10px; font:700 15.5px/1.5 var(--an-font-tekst); color:#fbf8f1; }
.an-firme__stavke li::before{ content:"✓"; color:var(--an-zlatna); font-weight:800; }
.elementor .elementor-element.an-firme__tekst .an-dugmad{ margin-top:32px; }
.an-firme__foto img{ width:100%; border-radius:16px; transform:rotate(1.5deg); box-shadow:0 30px 60px -30px rgba(0,0,0,.6); transition:transform .4s; }
.an-firme__foto a:hover img{ transform:rotate(0); }

/* 4. izdvojeni proizvodi — bele kartice na krem podlozi */
.an-sekcija--proizvodi{ background:var(--an-krem-2); }
.an-sekcija--proizvodi .an-sekcija__glava{ margin-bottom:32px; }
.an-izdvojeni .woocommerce ul.products{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.an-izdvojeni .woocommerce ul.products[class*="columns-"] li.product{ background:#fff; border-radius:var(--an-radijus); padding:16px 16px 22px; box-shadow:0 1px 0 rgba(58,33,20,.04);
	transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease; }
.an-izdvojeni .woocommerce ul.products[class*="columns-"] li.product:hover{ transform:translateY(-5px); box-shadow:var(--an-senka); }
.an-izdvojeni .woocommerce ul.products li.product a img{ transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.an-izdvojeni .woocommerce ul.products li.product:hover a img{ transform:scale(1.04) rotate(-1.5deg); }

/* 5. upoznajte Anđele — lukovi kao izlog poslastičarnice (boja je u Elementoru, na kartici).
   Poluprečnik luka = pola širine kartice, iz širine mreže (container query) → pravi polukrug na svakoj širini. */
.an-ukusi{ --uk-kol:6; --uk-razmak:18px; display:grid; grid-template-columns:repeat(var(--uk-kol),minmax(0,1fr)); gap:26px var(--uk-razmak); container-type:inline-size; }
.an-ukus{
	--uk-luk:calc((100cqw - (var(--uk-kol) - 1) * var(--uk-razmak)) / var(--uk-kol) / 2);
	position:relative; padding:clamp(18px, 2vw, 26px) 14px 24px; text-align:center;
	border-radius:var(--uk-luk) var(--uk-luk) 22px 22px;
	background-image:linear-gradient(180deg, rgba(109,82,58,.02) 30%, rgba(109,82,58,.08));   /* preko boje iz Elementora — luk se vidi i na belom */
	transition:transform .55s cubic-bezier(.34,1.56,.64,1), box-shadow .55s ease;
}
/* tanak unutrašnji ram luka */
.an-ukus::after{ content:""; position:absolute; inset:7px; border:1px solid rgba(255,255,255,.85); border-radius:calc(var(--uk-luk) - 7px) calc(var(--uk-luk) - 7px) 16px 16px; pointer-events:none; }
.an-ukus:hover{ transform:translateY(-6px); box-shadow:0 26px 40px -28px rgba(58,33,20,.5); }
.an-ukus__slika img{ width:min(170px, 86%); margin-inline:auto; filter:drop-shadow(0 12px 12px rgba(58,33,20,.22)); transition:transform .65s cubic-bezier(.34,1.56,.64,1), filter .65s ease; }
/* kolačić „poleti": senka ispod postaje mekša i dalja */
.an-ukus:hover .an-ukus__slika img{ transform:translateY(-8px) rotate(-10deg) scale(1.06); filter:drop-shadow(0 24px 18px rgba(58,33,20,.16)); }
.elementor .elementor-element.an-ukus__naziv{ margin-top:14px; }
.an-ukus__naziv{ font:700 17px/1.25 var(--an-font); color:var(--an-braon-tamna); }
.an-ukus__naziv p::first-letter{ text-transform:uppercase; }

/* 6. Cookie Shop */
.an-radnja{ background:var(--an-krem-2); }
.an-radnja__omot{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(32px, 5vw, 72px); align-items:center; }
.an-radnja__foto img{ width:100%; aspect-ratio:910 / 552; object-fit:cover; border-radius:20px; box-shadow:var(--an-senka); }
.elementor .elementor-element.an-radnja__podaci{ margin-top:24px; }
.elementor .elementor-element.an-radnja__tekst .an-dugme-w{ margin-top:28px; }
.an-radnja__podaci .an-podaci{ grid-template-columns:repeat(2,minmax(0,1fr)); }

/* 7. priča u brojkama */
.an-prica__omot{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:clamp(32px, 5vw, 72px); align-items:center; }
.elementor .elementor-element.an-prica__tekst .an-link-strelica{ margin-top:26px; }
/* topli panel bez linija tabele; zlatna crtica nad svakim brojem, brojevi odbrojavaju (main.js §8) */
.an-brojke{ position:relative; overflow:hidden; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(28px, 3vw, 44px) clamp(24px, 3vw, 48px);
	padding:clamp(28px, 4vw, 52px); border-radius:28px;
	background:radial-gradient(circle at 100% 0, transparent 0 129px, rgba(201,164,123,.4) 130px 131px, transparent 132px), var(--an-krem-2); }
/* crtica kao pozadina, ne ::before — Elementor kontejner koristi ::before za svoj sloj preko pozadine */
.an-broj{ padding:20px 0 0; background:linear-gradient(var(--an-zlatna), var(--an-zlatna)) 0 0 / 36px 2px no-repeat; }
.an-broj__vrednost .elementor-heading-title{ font:700 clamp(40px, 4vw, 56px)/1 var(--an-font); color:var(--an-braon); font-variant-numeric:tabular-nums; }
.elementor .elementor-element.an-broj__opis{ margin-top:8px; }
.an-broj__opis{ font:15px/1.5 var(--an-font-tekst); color:var(--an-telo); }

/* 8. e-knjiga */
.an-sekcija--knjiga{ padding-top:0; }
.an-knjiga{ display:grid; grid-template-columns:200px minmax(0,1fr); gap:44px; align-items:center; padding:40px clamp(28px, 5vw, 64px); border-radius:22px; background:linear-gradient(140deg, #efe4d3, #f9f5ec 60%); }
.an-knjiga__slika img{ width:100%; border-radius:6px; transform:rotate(-4deg); box-shadow:0 22px 34px -18px rgba(58,33,20,.55); }
.elementor .elementor-element.an-knjiga__tekst .an-dugme-w{ margin-top:24px; }

/* 9. blog */
.an-sekcija--blog{ background:var(--an-krem-2); }
.an-objave{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.an-objava{ display:flex; flex-direction:column; background:#fff; border-radius:var(--an-radijus); overflow:hidden; transition:transform .3s, box-shadow .3s; }
.an-objava:hover{ transform:translateY(-3px); box-shadow:var(--an-senka); }
.an-objava__slika{ display:block; aspect-ratio:16 / 10; background:var(--an-krem-3); overflow:hidden; }
.an-objava__slika img{ width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.an-objava:hover .an-objava__slika img{ transform:scale(1.04); }
.an-objava__telo{ display:flex; flex-direction:column; gap:10px; padding:22px 24px 26px; flex:1; }
.an-objava__kategorija{ font:800 11.5px/1.3 var(--an-font-tekst); letter-spacing:.12em; text-transform:uppercase; color:var(--an-zlatna-tamna); }
.an-objava__naslov{ font:700 22px/1.25 var(--an-font); margin:0; }
.an-objava__naslov a{ color:var(--an-braon-tamna); text-decoration:none; }
.an-objava__izvod{ font:15px/1.6 var(--an-font-tekst); color:var(--an-telo); margin:0; }
.an-objava__meta{ margin:0; font:600 12.5px/1.4 var(--an-font-tekst); color:var(--an-sivo); }
.an-objava__dalje{ margin-top:auto; font:800 13px var(--an-font-tekst); letter-spacing:.06em; text-transform:uppercase; color:var(--an-braon); text-decoration:none; }

/* 10. newsletter */
.an-news__omot{ max-width:calc(var(--an-sirina) - 2 * var(--an-razmak-strane)); width:calc(100% - 2 * var(--an-razmak-strane)); margin-inline:auto; display:grid;   /* ivica kartice u ravni sa sadržajem ostalih sekcija */
	 grid-template-columns:minmax(0,1fr) auto; gap:48px; align-items:center; padding:clamp(32px, 5vw, 56px); border-radius:28px;
	 background:radial-gradient(circle at 88% 50%, rgba(255,255,255,.75) 0 128px, transparent 129px), linear-gradient(135deg, var(--an-krem-3), var(--an-krem-2) 75%); }
.an-news__logo img{ width:220px; }
.elementor .elementor-element.an-news__forma{ margin-top:24px; }
.an-newsletter{ display:flex; flex-wrap:wrap; gap:10px; max-width:560px; }
.an-newsletter .an-newsletter__polje{ flex:1 1 260px;   /* .an-newsletter ispred: Hello-ov input[type=email] je 0,1,1 */
	 min-height:52px; padding:0 18px; border:1.5px solid #d8cbb7; border-radius:6px; font:16px var(--an-font-tekst); background:#fff; }
.an-newsletter .an-newsletter__polje:focus{ outline:0; border-color:var(--an-braon); box-shadow:0 0 0 3px rgba(109,82,58,.15); }
.an-newsletter .an-dugme{ min-height:52px; padding:0 26px; font-size:13.5px; letter-spacing:.06em; }
.an-newsletter__med{ position:absolute !important; left:-9999px; width:1px; height:1px; opacity:0; }   /* skriveno polje za botove */
.an-newsletter__poruka{ flex-basis:100%; margin:6px 0 0; font:700 14px/1.5 var(--an-font-tekst); color:#276648; }
.an-newsletter__poruka--greska{ color:var(--an-crvena); }

/* ───────────── 12. Strane ───────────── */
.an-strana__glava{ background:var(--an-krem-2); border-bottom:1px solid #efe6d8; padding-block:clamp(40px, 5vw, 68px); }
.an-strana__naslov .elementor-heading-title, .an-strana__naslov{ font:700 clamp(32px, 3.8vw, 52px)/1.08 var(--an-font); color:var(--an-braon-tamna); }
.elementor .elementor-element.an-strana__uvod{ margin-top:16px; }
.an-strana__uvod{ max-width:62ch; font-size:18px; }
.an-strana__telo{ padding-block:clamp(40px, 5vw, 72px) clamp(56px, 7vw, 96px); }
.an-strana__telo--tekst .an-strana__kolona, .an-strana__telo--forma .an-strana__kolona{ max-width:780px; margin-inline:auto; }
.an-strana__telo--podela{ display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:clamp(32px, 5vw, 64px); align-items:start; }
.an-strana__telo--kontakt{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px, 5vw, 64px); align-items:start; }
.an-strana__slike{ display:grid; gap:16px; }
.an-strana__slika img, .an-strana__galerija img{ width:100%; border-radius:var(--an-radijus); }
.an-strana__galerija{ display:grid; gap:16px; margin-block:8px 24px; }
.an-strana__galerija--2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.an-strana__galerija--3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.an-strana__tekst{ font:17px/1.75 var(--an-font-tekst); color:var(--an-telo); }
.an-strana__tekst p, .an-strana__tekst ul, .an-strana__tekst ol{ margin:0 0 1em; }
.an-strana__tekst ul, .an-strana__tekst ol{ padding-left:1.3em; }
.an-strana__tekst li{ margin-bottom:.4em; }
.an-strana__tekst a{ color:var(--an-braon-tamna); font-weight:700; text-decoration-color:var(--an-zlatna); text-underline-offset:3px; }
.an-strana__tekst strong{ color:var(--an-braon-tamna); }
.an-strana__podnaslov .elementor-heading-title{ font:700 26px/1.25 var(--an-font); color:var(--an-braon-tamna); }
.elementor .elementor-element.an-strana__podnaslov{ margin-block:28px 12px; }
.elementor .elementor-element.an-strana__podaci, .elementor .elementor-element.an-strana__mapa{ margin-top:28px; }
.an-strana__mapa iframe{ border-radius:var(--an-radijus); filter:sepia(.15) saturate(.9); }
.elementor .elementor-element.an-strana__newsletter{ margin-top:20px; }

/* forma (CF7) u kartici */
.an-forma-kartica{ background:var(--an-krem-2); border:1px solid #efe6d8; border-radius:18px; padding:clamp(24px, 3.5vw, 40px); }
.an-strana__kolona .an-forma-kartica{ margin-top:12px; }
.an-forma-kartica__naslov .elementor-heading-title{ font:700 28px/1.2 var(--an-font); color:var(--an-braon-tamna); }
.elementor .elementor-element.an-forma-kartica__forma{ margin-top:18px; }
.an-forma-kartica__naslov + .an-forma-kartica__forma{ margin-top:18px; }
.wpcf7 form{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; }
.wpcf7 form > p, .wpcf7 form .an-forma__polje{ margin:0; }
.wpcf7 .an-forma__polje--cela, .wpcf7 .an-forma__slanje, .wpcf7 .wpcf7-response-output{ grid-column:1 / -1; }
.an-forma__natpis{ display:block; }
.wpcf7 label{ display:grid; gap:6px; font:700 13.5px/1.4 var(--an-font-tekst); color:var(--an-tekst-2); }
.an-forma__obavezno{ color:var(--an-cena); }
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=url], .wpcf7 textarea{
	width:100%; min-height:48px; padding:10px 14px; border:1.5px solid #ddd2c4; border-radius:6px; background:#fff; font:15px/1.5 var(--an-font-tekst); color:var(--an-tekst);
}
.wpcf7 textarea{ min-height:120px; resize:vertical; }
/* strelica select-a: boja u SVG-u = --an-braon (pozadinska slika ne zna za currentColor) */
.wpcf7 select{ width:100%; min-height:48px; padding:10px 40px 10px 14px; border:1.5px solid #ddd2c4; border-radius:6px; font:15px/1.5 var(--an-font-tekst); color:var(--an-tekst); cursor:pointer;
	-webkit-appearance:none; appearance:none; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%236D523A' stroke-width='1.6'/%3E%3C/svg%3E") right 15px center / 12px 8px no-repeat; }
.wpcf7 input::placeholder, .wpcf7 textarea::placeholder{ color:#a3968a; }
.wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus{ outline:0; border-color:var(--an-braon); box-shadow:0 0 0 3px rgba(109,82,58,.15); }
.wpcf7 form .an-forma__privatnost{ grid-column:1 / -1; margin:0; font:12.5px/1.6 var(--an-font-tekst); color:var(--an-sivo); }
.an-forma__privatnost a{ color:inherit; text-decoration:underline; text-underline-offset:3px; }
.wpcf7 .an-dugme{ min-height:50px; padding:0 30px; cursor:pointer; }
.wpcf7-not-valid-tip{ font:12.5px var(--an-font-tekst); color:var(--an-crvena); }
.wpcf7 form .wpcf7-response-output{ margin:4px 0 0; border-radius:6px; font:14px var(--an-font-tekst); }

/* FAQ — Elementorov nested accordion */
.an-akordeon .e-n-accordion-item{ border-bottom:1px solid var(--an-linija); }
.an-akordeon .e-n-accordion-item:first-child{ border-top:1px solid var(--an-linija); }
.an-akordeon .e-n-accordion-item-title{ padding:22px 4px; border:0; background:none; gap:16px; cursor:pointer; }
.an-akordeon .e-n-accordion-item-title-text{ font:700 20px/1.35 var(--an-font); color:var(--an-braon-tamna); }
.an-akordeon .e-n-accordion-item-title-icon{ color:var(--an-zlatna-tamna); }
.an-akordeon .e-n-accordion-item-title-icon svg{ fill:currentColor; width:14px; height:14px; }
.an-akordeon .e-n-accordion-item[open] .e-n-accordion-item-title-text{ color:var(--an-braon); }
.an-akordeon__odgovor{ padding:0 4px 22px; border:0; }
.an-akordeon__tekst{ font:16.5px/1.75 var(--an-font-tekst); color:var(--an-telo); }

/* strane koje grupišu (O nama, Gde kupiti) */
.an-hub{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 28px; }
/* kolona: smer ide kroz --flex-direction na 0,3,0 — Elementorov `.e-con-full.e-flex{flex-direction:var(…)}` je 0,2,0 (playbooks/08 §6) */
.an-kartica-linka{ display:flex; }
.elementor .elementor-element.an-kartica-linka{ --flex-direction:column; }
.an-kartica-linka__slika{ overflow:hidden; border-radius:var(--an-radijus); margin-bottom:18px; }
.an-kartica-linka__slika img{ width:100%; aspect-ratio:3 / 2; object-fit:cover; transition:transform .5s; }
.an-kartica-linka:hover .an-kartica-linka__slika img{ transform:scale(1.04); }
.an-kartica-linka__naslov .elementor-heading-title{ font:700 24px/1.2 var(--an-font); color:var(--an-braon-tamna); }
.elementor .elementor-element.an-kartica-linka__naslov{ margin-top:2px; }
.an-kartica-linka__slika + .an-kartica-linka__naslov{ margin-top:0; }
.elementor .elementor-element.an-kartica-linka__slika{ margin-bottom:0; }
.elementor .elementor-element.an-kartica-linka__slika + .elementor-element{ margin-top:18px; }   /* razmak ispod slike = margin-top sledećeg (§3) */
.elementor .elementor-element.an-kartica-linka__tekst{ margin-top:10px; }
.an-kartica-linka__tekst{ font:15.5px/1.65 var(--an-font-tekst); color:var(--an-telo); }
.elementor .elementor-element.an-kartica-linka__dugme{ margin-top:16px; }
/* kartice bez slike (Društvena odgovornost, FAQ) — kraft podloga umesto fotografije */
.an-kartica-linka:not(:has(.an-kartica-linka__slika)){ background:linear-gradient(150deg, #efe4d3, #f9f5ec); border-radius:var(--an-radijus); padding:28px; }
.elementor .elementor-element.an-kartica-linka:not(:has(.an-kartica-linka__slika)){ --justify-content:flex-end; }

/* Ponuda za firme (/korporativni-pokloni/) — landing, §18 */

/* ───────────── 13. Padajući meni (desktop) ───────────── */
.an-zaglavlje__meni ul.menu > li{ position:relative; }
.an-zaglavlje__meni ul.menu > li.menu-item-has-children > a::after{ content:""; display:inline-block; width:6px; height:6px; margin-left:8px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-3px) rotate(45deg); opacity:.6; }
.an-zaglavlje__meni .sub-menu{
	position:absolute; z-index:300; top:100%; left:-18px; min-width:250px; margin:0; padding:10px 0; list-style:none;
	background:#fff; border:1px solid #efe6d8; border-radius:10px; box-shadow:0 22px 40px -22px rgba(58,33,20,.4);
	opacity:0; visibility:hidden; transform:translateY(6px); transition:opacity .18s, transform .18s, visibility 0s .18s;
}
.an-zaglavlje__meni ul.menu > li:hover > .sub-menu, .an-zaglavlje__meni ul.menu > li:focus-within > .sub-menu{ opacity:1; visibility:visible; transform:none; transition:opacity .18s, transform .18s; }
.an-zaglavlje__meni .sub-menu a{ display:block; padding:9px 20px; font:600 14px/1.35 var(--an-font-tekst); text-transform:none; color:var(--an-tekst-2); }
.an-zaglavlje__meni .sub-menu a:hover{ background:var(--an-krem-2); color:var(--an-braon-tamna); }
/* flex, ne grid: grid je koloni natpisa davao 0 px (izmereno) pa se natpis lomio u tri reda */
.an-meni-mob li{ display:block; width:100%; }
.an-meni-mob li.menu-item-has-children{ display:flex; flex-wrap:wrap; align-items:stretch; }
.an-meni-mob li.menu-item-has-children > a{ flex:1 1 0; min-width:0; }
.an-meni-mob .sub-menu{ flex:0 0 100%; list-style:none; margin:0; padding:0 0 6px 14px; }
.an-meni-mob .sub-menu[hidden]{ display:none; }
.an-podmeni-dugme{ flex:0 0 44px; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-bottom:1px solid var(--an-linija); border-radius:0; background:none; color:var(--an-tekst); cursor:pointer; }
.an-podmeni-dugme::before{ content:""; width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .2s; }
.an-podmeni-dugme[aria-expanded="true"]::before{ transform:translateY(2px) rotate(-135deg); }
.an-podmeni-dugme:hover, .an-podmeni-dugme:focus{ background:none; color:var(--an-braon); }
.an-meni-mob .sub-menu a{ font-weight:600; text-transform:none; font-size:14px; padding:8px 0; border-bottom:0; color:var(--an-tekst-2); }

/* „Za firme" — izdvojena stavka (meniji.php, Aleksandar 20.10.2026): pilula sa obrubom; podmeni = sekcije strane za firme.
   WP označi SVE sidrene podstavke kao trenutne na toj strani (poredi adresu bez #) — boja se vraća, osim za „Zatražite ponudu". */
.an-zaglavlje__meni ul.menu{ align-items:center; }
.an-zaglavlje__meni ul.menu > li.an-meni-firme > a{ display:inline-flex; align-items:center; padding:9px 16px; border:1.5px solid var(--an-braon); border-radius:999px; color:var(--an-braon-tamna); transition:background .2s, color .2s; }
.an-zaglavlje__meni ul.menu > li.an-meni-firme:hover > a, .an-zaglavlje__meni ul.menu > li.an-meni-firme.current-menu-item > a{ background:var(--an-braon); color:#fff; }
.an-zaglavlje__meni ul.menu > li.an-meni-firme > .sub-menu{ left:auto; right:0; }   /* poslednja stavka: podmeni se otvara ulevo */
.an-zaglavlje__meni .an-meni-firme .sub-menu .current-menu-item:not(.an-meni-firme__cta):not(:hover) > a{ color:var(--an-tekst-2); }
.an-zaglavlje__meni .sub-menu .an-meni-firme__cta{ margin-top:6px; padding-top:6px; border-top:1px solid #efe6d8; }
.an-zaglavlje__meni .sub-menu .an-meni-firme__cta > a{ font-weight:800; color:var(--an-cena); }
.an-zaglavlje__meni .sub-menu .an-meni-firme__cta > a::after, .an-meni-mob .an-meni-firme__cta > a::after{ content:" →"; }
.an-meni-mob li.an-meni-firme{ margin-top:10px; padding-left:12px; border-radius:8px; background:var(--an-krem-3); box-shadow:inset 3px 0 0 var(--an-zlatna); }
.an-meni-mob li.an-meni-firme > a, .an-meni-mob li.an-meni-firme > .an-podmeni-dugme{ border-bottom:0; color:var(--an-braon-tamna); }
.an-meni-mob .an-meni-firme__cta > a{ font-weight:800; color:var(--an-cena); }

/* ───────────── Telefon i tablet za naslovnu i strane ───────────── */
@media (max-width:1100px){
	.an-ukusi{ --uk-kol:3; }
}
@media (max-width:1024px){
	.an-hub{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	/* 5 kategorija: red koji se lista prstom/točkićem, kartice se zaustavljaju na ivici (snap); bez bočnog skrola strane */
	.an-kategorije{ grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(190px, 34%); overflow-x:auto; overscroll-behavior-x:contain;
		scroll-snap-type:x mandatory; scroll-padding-inline:var(--an-razmak-strane); scrollbar-width:none;
		margin-inline:calc(-1 * var(--an-razmak-strane)); padding-inline:var(--an-razmak-strane); padding-bottom:4px; }
	.an-kategorije::-webkit-scrollbar{ display:none; }
	.an-kat{ scroll-snap-align:start; }
	.an-izdvojeni .woocommerce ul.products{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.an-objave{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.an-objave .an-objava:nth-child(3){ display:none; }
}
@media (max-width:900px){
	.an-heroj__omot, .an-firme__omot, .an-radnja__omot, .an-prica__omot, .an-strana__telo--podela, .an-strana__telo--kontakt{ grid-template-columns:minmax(0,1fr); }
	.an-heroj__slika{ order:-1; margin:0 0 12px 18px; }
	.elementor .elementor-element.an-heroj__pecat{ width:96px; left:-18px; bottom:-22px; }
	.an-heroj__pecat img{ width:96px; height:96px; }
	/* align-items i doslovno: pravilo sa desktopa (flex-end) je doslovno, pa bi u koloni guralo naslov udesno (Aleksandar, 20.10.2026) */
	.elementor .elementor-element.an-sekcija__glava--red{ --flex-direction:column; --align-items:flex-start; align-items:flex-start; }
	.an-news__omot{ grid-template-columns:minmax(0,1fr); }
	.an-news__logo{ display:none; }
	.an-news__omot{ background:linear-gradient(135deg, var(--an-krem-3), var(--an-krem-2) 75%); }   /* bez kruga iza logotipa (sakriven) */
	.an-knjiga{ grid-template-columns:120px minmax(0,1fr); gap:24px; padding:28px 22px; }
	.an-radnja__podaci .an-podaci{ grid-template-columns:minmax(0,1fr); }
	.wpcf7 form{ grid-template-columns:minmax(0,1fr); }
	.an-zaglavlje__meni .sub-menu{ display:none; }
}
@media (max-width:600px){
	.an-hub, .an-objave{ grid-template-columns:minmax(0,1fr); }
	.an-kategorije{ grid-auto-columns:64%; }
	.an-objave .an-objava:nth-child(3){ display:flex; }
	.an-ukusi{ --uk-kol:2; --uk-razmak:12px; row-gap:14px; }
	.an-ukus{ padding:16px 10px 18px; }
	.an-ukus::after{ inset:5px; border-radius:calc(var(--uk-luk) - 5px) calc(var(--uk-luk) - 5px) 17px 17px; }
	.an-ukus__naziv{ font-size:15.5px; }
	.an-brojke{ gap:26px 18px; }
	.an-knjiga{ grid-template-columns:minmax(0,1fr); }
	.an-knjiga__slika{ max-width:150px; }
	.an-strana__galerija--2, .an-strana__galerija--3{ grid-template-columns:minmax(0,1fr); }
}


/* ───────────── 14. Pokret (naslovna i strane) ─────────────
   Sve je vidljivo i bez JS-a: main.js §8 krije SAMO ono što je ispod ekrana pri učitavanju, pa ga otkriva pri skrolu.
   Ko u sistemu traži manje pokreta (prefers-reduced-motion) ne dobija ni otkrivanje, ni ulaz heroja, ni odbrojavanje. */
.an-otkrij{ opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .9s cubic-bezier(.2,.7,.2,1); transition-delay:var(--an-kasnjenje, 0ms); }
.an-otkrij.je-otkriven{ opacity:1; transform:none; }

@media (prefers-reduced-motion:no-preference){
	/* heroj: tekst ulazi odozdo red po red, pečat se „utisne" */
	.an-heroj__tekst > *{ animation:an-gore .8s cubic-bezier(.2,.7,.2,1) both; }
	.an-heroj__tekst > :nth-child(2){ animation-delay:.07s; }
	.an-heroj__tekst > :nth-child(3){ animation-delay:.14s; }
	.an-heroj__tekst > :nth-child(4){ animation-delay:.21s; }
	.an-heroj__tekst > :nth-child(5){ animation-delay:.28s; }
	.an-heroj__pecat img{ animation:an-pecat .9s cubic-bezier(.34,1.56,.64,1) .35s both; }
}
@keyframes an-gore{ from{ opacity:0; transform:translateY(18px); } }
@keyframes an-pecat{ from{ opacity:0; transform:rotate(-45deg) scale(.6); } }   /* kraj = rotate(-8deg) iz pravila pečata */

@media (prefers-reduced-motion:reduce){
	.an-otkrij{ opacity:1; transform:none; transition:none; }
	.an-ukus, .an-ukus__slika img, .an-kat__slika img, .an-kat::after, .an-objava, .an-objava__slika img,
	.an-izdvojeni .woocommerce ul.products[class*="columns-"] li.product, .an-izdvojeni .woocommerce ul.products li.product a img,
	.woocommerce ul.products[class*="columns-"] li.product, .woocommerce ul.products li.product a img, .an-b2b-kartica--tamna *, .an-b2b-kartica--tamna .an-b2b-kartica__crtez::after{ transition:none; }
}


/* ───────────── 15. Tekst sa bloga (template-parts/single.php + main.js §9) ─────────────
   Čitljiva kolona (~75 znakova) levo, lepljiva bočna kolona desno; struktura teksta je iz JS-a (samo klase). */
.an-clanak__glava{ padding-block:clamp(26px, 3.5vw, 48px) clamp(34px, 4.5vw, 64px);
	background:radial-gradient(circle at 94% 0, transparent 0 199px, rgba(201,164,123,.35) 200px 201px, transparent 202px), linear-gradient(135deg, var(--an-krem-3), var(--an-krem-2) 70%); }
.an-clanak__mrvice{ font:13px var(--an-font-tekst); color:var(--an-sivo); }
.an-clanak__mrvice a{ color:inherit; text-decoration:none; }
.an-clanak__mrvice a:hover{ color:var(--an-braon); }
.an-clanak__natpis{ display:flex; align-items:center; gap:10px; width:max-content; margin-top:clamp(20px, 3vw, 34px); font:800 12px/1.3 var(--an-font-tekst); letter-spacing:.14em; text-transform:uppercase; color:var(--an-zlatna-tamna); text-decoration:none; }
.an-clanak__natpis::before{ content:""; width:22px; height:1px; background:var(--an-kraft); }
.an-clanak__naslov{ max-width:900px; margin:14px 0 0; font:700 clamp(32px, 4.2vw, 56px)/1.08 var(--an-font); color:var(--an-braon-tamna); letter-spacing:-.01em; }
.an-clanak__meta{ display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 0; font:600 14px var(--an-font-tekst); color:var(--an-telo); }

.an-clanak .an-omot{ max-width:1360px; }   /* tekst 780 + bočna 360: na 1600 bi razmak između bio preko 300 px */
.an-clanak__raspored{ display:grid; grid-template-columns:minmax(0,780px) minmax(280px,360px); justify-content:space-between; gap:64px; align-items:start; padding-block:clamp(36px, 4.5vw, 64px) 0; }
.an-clanak__telo{ min-width:0; font:17.5px/1.85 var(--an-font-tekst); color:#5b4a3b; }
.an-clanak__telo::after{ content:""; display:table; clear:both; }
.an-clanak__telo p, .an-clanak__telo ul, .an-clanak__telo ol, .an-clanak__telo blockquote, .an-clanak__telo .wp-caption,
.an-clanak__telo div[dir]{ margin:0 0 1.15em; }
.an-clanak__telo .an-prazno{ display:none; }   /*   razmaci iz klasičnog uređivača */
.an-clanak__telo .an-oznaka{ margin:1.4em 0 .4em; font:700 20px/1.3 var(--an-font); color:var(--an-braon-tamna); }   /* oznaka sa dvotačkom ispred liste */
.an-clanak__telo a{ color:var(--an-braon-tamna); text-decoration:underline; text-decoration-color:var(--an-zlatna); text-decoration-thickness:2px; text-underline-offset:3px; }
.an-clanak__telo strong, .an-clanak__telo b{ color:var(--an-braon-tamna); }
.an-clanak__telo .an-clanak__uvod{ font-size:20px; line-height:1.7; color:var(--an-braon-tamna); }
/* „Piše: …" → potpis autora */
.an-clanak__telo .an-clanak__autor{ display:inline-flex; align-items:center; gap:10px; padding:8px 16px 8px 10px; border:1px solid #eadfcd; border-radius:999px; font:600 14px/1.3 var(--an-font-tekst); }
.an-clanak__autor::before{ content:"✎"; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--an-krem-3); color:var(--an-braon); font-size:13px; }
.an-clanak__telo .an-clanak__autor a{ text-decoration:none; color:var(--an-braon-tamna); }
.an-clanak__autor em{ font-style:normal; }
/* podebljan/podvučen red → podnaslov (inline „underline" iz klasičnog uređivača se gasi) */
.an-clanak__telo .an-podnaslov{ clear:both; margin:1.9em 0 .55em; font:700 clamp(24px, 2.4vw, 30px)/1.2 var(--an-font); color:var(--an-braon-tamna); scroll-margin-top:24px; }
.an-clanak__telo .an-podnaslov::before{ content:""; display:block; width:36px; height:2px; margin-bottom:14px; border-radius:2px; background:var(--an-zlatna); }
.an-podnaslov *{ text-decoration:none !important; font-weight:inherit; color:inherit; }
/* niz kratkih redova → okvir */
.an-kratko{ display:grid; gap:6px; margin:0 0 1.4em; padding:18px 22px; border-left:3px solid var(--an-zlatna); border-radius:0 16px 16px 0; background:var(--an-krem-2); }
.an-clanak__telo .an-kratko p{ margin:0; font-weight:700; color:var(--an-braon-tamna); }
/* slike i potpisi iz klasičnog uređivača */
.an-clanak__telo img{ height:auto; border-radius:14px; }
.an-clanak__telo .alignright{ float:right; margin:.35em 0 1em 2em; }
.an-clanak__telo .alignleft{ float:left; margin:.35em 2em 1em 0; }
.an-clanak__telo .aligncenter{ display:block; margin:1.4em auto; }
.an-clanak__telo .wp-caption{ width:auto !important; max-width:45%; }
.an-clanak__telo .wp-caption img{ min-width:170px; }
.an-clanak__telo .wp-caption-text{ margin-top:8px; font:italic 13.5px/1.4 var(--an-font-tekst); color:var(--an-sivo); text-align:center; }
.an-clanak__telo ul, .an-clanak__telo ol{ padding-left:1.3em; }
.an-clanak__telo li::marker{ color:var(--an-zlatna-tamna); }
.an-clanak__telo blockquote{ margin-inline:0; padding:4px 0 4px 22px; border-left:3px solid var(--an-zlatna); font:italic 22px/1.5 var(--an-font); color:var(--an-braon-tamna); }
/* dno teksta: oznake, deljenje */
.an-clanak__dno{ clear:both; display:flex; flex-direction:column; gap:16px; margin-top:36px; padding-top:24px; border-top:1px solid #efe6d9; }
.an-clanak__oznake{ display:flex; flex-wrap:wrap; gap:8px; }
.an-clanak__telo .an-clanak__oznake a{ padding:6px 12px; border-radius:999px; background:var(--an-krem-2); font:600 12.5px/1 var(--an-font-tekst); color:var(--an-braon); text-decoration:none; }
.an-clanak__deli{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; font:700 13px var(--an-font-tekst); color:var(--an-sivo); }
.an-clanak__telo .an-clanak__deli a{ padding:8px 14px; border:1px solid #e6dccd; border-radius:999px; font:700 12.5px/1 var(--an-font-tekst); color:var(--an-braon-tamna); text-decoration:none; transition:border-color .2s, background .2s; }
.an-clanak__telo .an-clanak__deli a:hover{ border-color:var(--an-kraft); background:var(--an-krem-2); }

/* bočna kolona: sadržaj teksta (prati skrol) + e-knjiga + prodavnica */
.an-clanak__strana{ position:sticky; top:24px; display:flex; flex-direction:column; gap:20px; }
.admin-bar .an-clanak__strana{ top:56px; }
.an-sadrzaj{ padding:22px 18px 16px; border:1px solid #efe6d9; border-radius:18px; background:#fff; }
.an-sadrzaj[hidden]{ display:none; }
.an-sadrzaj__naslov, .an-clanak__kartica-natpis{ margin:0 0 10px; font:800 11.5px/1.3 var(--an-font-tekst); letter-spacing:.14em; text-transform:uppercase; color:var(--an-zlatna-tamna); }
.an-sadrzaj ol{ list-style:none; margin:0; padding:0; counter-reset:deo; display:grid; gap:2px; }
.an-sadrzaj li{ counter-increment:deo; }
.an-sadrzaj a{ display:grid; grid-template-columns:28px minmax(0,1fr); padding:8px; border-radius:10px; font:600 14.5px/1.35 var(--an-font-tekst); color:var(--an-tekst-2); text-decoration:none; transition:background .2s, color .2s; }
.an-sadrzaj a::before{ content:counter(deo, decimal-leading-zero); font:800 12px/1.6 var(--an-font-tekst); color:var(--an-kraft); }
.an-sadrzaj a:hover, .an-sadrzaj a.je-aktivno{ background:var(--an-krem-2); color:var(--an-braon-tamna); }
.an-sadrzaj a.je-aktivno::before{ color:var(--an-zlatna-tamna); }
.an-clanak__kartica{ padding:24px; border-radius:18px; }
.an-clanak__kartica--knjiga{ background:linear-gradient(140deg, #efe4d3, #f9f5ec 60%); }
.an-clanak__korica{ display:block; width:96px; margin-bottom:16px; }
.an-clanak__korica img{ width:100%; border-radius:6px; transform:rotate(-4deg); box-shadow:0 18px 26px -16px rgba(58,33,20,.55); transition:transform .4s; }
.an-clanak__korica:hover img{ transform:rotate(0); }
.an-clanak__kartica-naslov{ margin:0; font:700 22px/1.2 var(--an-font); color:var(--an-braon-tamna); }
.an-clanak__kartica-tekst{ margin:8px 0 0; font:14.5px/1.55 var(--an-font-tekst); color:var(--an-telo); }
.an-clanak__kartica-dugme{ display:inline-flex; align-items:center; gap:8px; margin-top:16px; padding:11px 16px; border-radius:10px; background:var(--an-braon); color:#fff; font:800 12.5px/1 var(--an-font-tekst); letter-spacing:.05em; text-transform:uppercase; text-decoration:none; transition:background .2s, transform .2s; }
.an-clanak__kartica-dugme:hover{ background:var(--an-braon-tamna); color:#fff; transform:translateY(-1px); }
.an-clanak__kartica--prodavnica{ background:linear-gradient(165deg, #6D523A, #593D3B 70%); border:1px solid rgba(224,178,82,.45); }
.an-clanak__kartica--prodavnica .an-clanak__kartica-natpis{ color:var(--an-zlatna); }
.an-clanak__kartica--prodavnica .an-clanak__kartica-naslov{ color:#fbf8f1; }
.an-clanak__kartica--prodavnica .an-clanak__kartica-tekst{ color:rgba(251,248,241,.8); }
.an-clanak__kartica--prodavnica .an-clanak__kartica-dugme{ background:var(--an-zlatna); color:#2E1F12; }
.an-clanak__kartica--prodavnica .an-clanak__kartica-dugme:hover{ background:#ecc46e; color:#2E1F12; }

/* još tekstova */
.an-clanak__jos{ margin-top:clamp(48px, 6vw, 88px); }
.an-clanak__jos-glava{ display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:32px; }
.an-clanak__jos .an-sekcija__naslov{ margin:12px 0 0; }
.an-clanak__svi{ font:800 13.5px/1.4 var(--an-font-tekst); letter-spacing:.06em; text-transform:uppercase; color:var(--an-braon-tamna); text-decoration:none; border-bottom:2px solid var(--an-zlatna); padding-bottom:3px; white-space:nowrap; }

@media (max-width:1024px){
	.an-clanak__raspored{ grid-template-columns:minmax(0,1fr); gap:40px; }
	.an-clanak__strana{ position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
	.an-sadrzaj{ display:none; }                                      /* ispod teksta nema smisla */
}
@media (max-width:600px){
	.an-clanak__telo{ font-size:16.5px; line-height:1.8; }
	.an-clanak__telo .an-clanak__uvod{ font-size:18px; }
	.an-clanak__telo .alignright, .an-clanak__telo .alignleft{ float:none; margin:0 0 1em; }
	.an-clanak__telo .wp-caption{ max-width:100%; }
	.an-clanak__telo img.alignright, .an-clanak__telo img.alignleft{ width:100%; }
	.an-clanak__strana{ grid-template-columns:minmax(0,1fr); }
	.an-clanak__jos-glava{ flex-direction:column; align-items:flex-start; }
}


/* ───────────── 16. Blog — lista tekstova (template-parts/archive.php) ───────────── */
.an-blog__opis{ max-width:64ch; margin-top:14px; font:17px/1.65 var(--an-font-tekst); color:var(--an-telo); }
.an-blog__opis p{ margin:0; }
.an-blog__kategorije{ display:flex; flex-wrap:wrap; gap:8px; margin-top:26px; }
.an-blog__kategorije a{ display:inline-flex; align-items:center; gap:8px; padding:9px 15px; border:1px solid #e3d6c3; border-radius:999px; background:#fff; font:700 13.5px/1 var(--an-font-tekst); color:var(--an-tekst-2); text-decoration:none; transition:border-color .2s, background .2s, color .2s; }
.an-blog__kategorije a:hover{ border-color:var(--an-kraft); color:var(--an-braon-tamna); }
.an-blog__kategorije a[aria-current]{ background:var(--an-braon); border-color:var(--an-braon); color:#fff; }
.an-blog__kategorije span{ min-width:22px; padding:3px 6px; border-radius:999px; background:#f3ede4; color:#8a7a68; font-size:11px; text-align:center; }
.an-blog__kategorije a[aria-current] span{ background:rgba(255,255,255,.18); color:#fff; }
.an-blog__telo{ padding-block:clamp(36px, 4.5vw, 64px) 0; }
.an-blog .an-objava{ border:1px solid #efe7db; }                      /* bele kartice na beloj podlozi */
.an-blog .an-objava:hover{ border-color:#e6d6bf; }
/* istaknut najnoviji tekst: slika levo, tekst desno */
.an-objava--istaknuta{ display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); margin-bottom:32px; }
.an-objava--istaknuta .an-objava__slika{ position:relative; aspect-ratio:auto; min-height:380px; }
.an-objava--istaknuta .an-objava__slika img{ position:absolute; inset:0; }   /* visinu reda daje tekst, slika se seče */
.an-objava--istaknuta .an-objava__telo{ justify-content:center; gap:14px; padding:clamp(26px, 3.5vw, 44px); }
.an-objava--istaknuta .an-objava__slika img{ object-position:center top; }   /* šira slika, sečena odozdo — neke fotografije imaju potpis upisan na dnu */
.an-objava--istaknuta .an-objava__naslov{ font-size:clamp(26px, 2.6vw, 36px); line-height:1.15; }
.an-objava--istaknuta .an-objava__izvod{ font-size:16.5px; line-height:1.7; }
.an-objava--istaknuta .an-objava__dalje{ margin-top:8px; }
/* stranice */
.an-stranice .nav-links{ display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:40px; }
.an-stranice .page-numbers{ display:grid; place-items:center; min-width:42px; height:42px; padding:0 12px; border:1px solid #e6dccd; border-radius:999px; background:#fff; font:700 14px var(--an-font-tekst); color:var(--an-tekst-2); text-decoration:none; }
.an-stranice a.page-numbers:hover{ border-color:var(--an-kraft); background:var(--an-krem-2); color:var(--an-braon-tamna); }
.an-stranice .page-numbers.current{ background:var(--an-braon); border-color:var(--an-braon); color:#fff; }
.an-blog__prazno{ font:17px/1.6 var(--an-font-tekst); color:var(--an-telo); }
.an-blog__news .an-news__omot{ grid-template-columns:minmax(0,1fr); }
.an-blog__news .an-sekcija__naslov{ margin:0; }
.an-blog__news .an-sekcija__tekst{ margin:12px 0 0; }

@media (max-width:900px){
	.an-objava--istaknuta{ grid-template-columns:minmax(0,1fr); }
	.an-objava--istaknuta .an-objava__slika{ min-height:0; aspect-ratio:16 / 10; }
	.an-objava--istaknuta .an-objava__telo{ padding:22px 24px 26px; }
}
@media (max-width:600px){
	.an-blog__kategorije{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; margin-inline:-20px; padding-inline:20px; }
	.an-blog__kategorije::-webkit-scrollbar{ display:none; }
	.an-blog__kategorije a{ flex:none; white-space:nowrap; }
}


/* ───────────── 17. Sekcija „O nama" (strane.php §1b) ─────────────
   topla traka: naslov + uvod | slika 4:3 → tekst (čitljiva kolona) | lepljiva bočna kolona (podmeni + kartica) */
.an-onama-glava__tekst, .an-onama__clanak, .an-onama__cta{ display:block; }                  /* doslovno — uređivač (§9) */
.an-onama-glava{ border-bottom:0; padding-block:clamp(32px, 4.5vw, 64px);
	background:radial-gradient(circle at 96% 0, transparent 0 219px, rgba(201,164,123,.32) 220px 221px, transparent 222px), linear-gradient(135deg, var(--an-krem-3), var(--an-krem-2) 70%); }
.an-onama-glava__omot{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:clamp(32px, 5vw, 88px); align-items:center; }
.an-onama-glava__omot:not(:has(.an-onama-glava__slika)){ grid-template-columns:minmax(0,1fr); }
.elementor .elementor-element.an-onama-glava__uvod{ margin-top:22px; }
.an-onama-glava__uvod{ max-width:62ch; font:19px/1.75 var(--an-font-tekst); color:var(--an-braon-tamna); }
.an-onama-glava__slika img{ width:100%; aspect-ratio:4 / 3; object-fit:cover; border-radius:24px; box-shadow:0 30px 60px -36px rgba(58,33,20,.6); }

.an-onama, .an-onama-glava__omot{ max-width:1360px; }   /* traka i telo poravnati; tekst 760 + bočna 340 */
.an-onama{ display:grid; grid-template-columns:minmax(0,760px) minmax(280px,340px); justify-content:space-between; gap:64px; align-items:start; padding-block:clamp(40px, 5vw, 72px) clamp(56px, 7vw, 96px); }
.an-onama__tekst{ font:17.5px/1.85 var(--an-font-tekst); color:#5b4a3b; }
.an-onama__tekst a{ color:var(--an-braon-tamna); font-weight:700; text-decoration-color:var(--an-zlatna); text-underline-offset:3px; }
.elementor .an-onama__clanak > .elementor-element + .elementor-element{ margin-top:1.25em; }
.elementor .an-onama__clanak > .an-onama__slika{ margin-block:2em; }
.an-onama__slika img{ width:100%; aspect-ratio:16 / 10; object-fit:cover; border-radius:20px; }
/* prvi pasus tela malo krupnije — uvod je gore, ovo je nastavak priče */
.an-onama__clanak > .an-onama__tekst:first-child{ font-size:18.5px; color:var(--an-braon-tamna); }

.elementor .elementor-element.an-onama__bocno{ position:sticky; top:24px; display:flex; flex-direction:column; gap:20px; }
.admin-bar .elementor .elementor-element.an-onama__bocno{ top:56px; }
.an-podmeni{ padding:22px 16px 14px; border:1px solid #efe6d9; border-radius:18px; background:#fff; }
.an-podmeni__naslov{ margin:0 0 10px 8px; font:800 11.5px/1.3 var(--an-font-tekst); letter-spacing:.14em; text-transform:uppercase; color:var(--an-zlatna-tamna); }
.an-podmeni ul{ list-style:none; margin:0; padding:0; display:grid; gap:2px; }
.an-podmeni a{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:9px 10px; border-radius:10px; font:600 14.5px/1.35 var(--an-font-tekst); color:var(--an-tekst-2); text-decoration:none; transition:background .2s, color .2s; }
.an-podmeni a::after{ content:"→"; color:var(--an-kraft); opacity:0; transform:translateX(-4px); transition:opacity .2s, transform .2s; }
.an-podmeni a:hover{ background:var(--an-krem-2); color:var(--an-braon-tamna); }
.an-podmeni a:hover::after{ opacity:1; transform:none; }
.an-podmeni a[aria-current]{ background:var(--an-krem-3); color:var(--an-braon-tamna); font-weight:800; box-shadow:inset 3px 0 0 var(--an-zlatna); }
.an-onama__cta{ padding:24px; border-radius:18px; border:1px solid rgba(224,178,82,.45); background:linear-gradient(165deg, #6D523A, #593D3B 70%); color:#fbf8f1; }
.an-onama__cta-natpis{ font:800 11.5px/1.3 var(--an-font-tekst); letter-spacing:.14em; text-transform:uppercase; color:var(--an-zlatna); }
.elementor .elementor-element.an-onama__cta-naslov{ margin-top:8px; }
.an-onama__cta-naslov{ font:700 24px/1.15 var(--an-font); color:#fbf8f1; }
.elementor .elementor-element.an-onama__cta-tekst{ margin-top:8px; }
.an-onama__cta-tekst{ font:14.5px/1.55 var(--an-font-tekst); color:rgba(251,248,241,.8); }
.elementor .an-onama__cta .an-dugme-w{ margin-top:16px; }

@media (max-width:1024px){
	.an-onama{ grid-template-columns:minmax(0,1fr); gap:40px; }
	.elementor .elementor-element.an-onama__bocno{ position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
}
@media (max-width:900px){
	.an-onama-glava__omot{ grid-template-columns:minmax(0,1fr); }
	.an-onama-glava__uvod{ font-size:17.5px; }
}
@media (max-width:600px){
	.elementor .elementor-element.an-onama__bocno{ grid-template-columns:minmax(0,1fr); }
	.an-onama__tekst{ font-size:16.5px; }
}


/* ───────────── 18. Ponuda za firme — landing (/korporativni-pokloni/, _build/korpo.php) ─────────────
   Raspored (heroj sa kutijama → pakovanja → prilike → kako funkcioniše → upit → pitanja) iz demo strane (Aleksandar, 20.10.2026).
   Tipografija, dugmad, natpisi, širina i razmaci su SAJTOVI (vlasnica 22.10.2026: „izjednači layout i fontove na svim stranicama") —
   heroj koristi iste klase kao heroj naslovne (an-heroj*), naslovi sekcija an-sekcija__*, dugmad an-dugme-w / an-link-strelica,
   pitanja izgledaju kao na /faq/. Ovde je samo ono čega na drugim stranama nema. Grid umesto flex-a (Elementor `.e-con-full.e-flex`, 08 §6). */
.an-korpo, .an-korpo-paket__telo, .an-korpo-limenke__tekst, .an-korpo-upit__tekst{ display:block; }   /* doslovno — uređivač (§9) */
.an-korpo [id]{ scroll-margin-top:12px; }
.an-korpo .an-sekcija__glava{ margin-bottom:clamp(28px, 3.4vw, 44px); }

/* 1. heroj = heroj naslovne (§11); desno scena sa tri kutije (mere iz demo-a, u procentima scene 492 × 503) */
.an-korpo-heroj .an-heroj__naslov{ text-wrap:balance; }   /* inače „logo." ostane sam u redu */
.an-korpo-heroj .an-heroj__naslov em{ font-style:normal; }
.an-korpo-scena{ position:relative; width:100%; max-width:492px; aspect-ratio:492 / 503; margin-inline:auto; }
.an-korpo-scena::after{ content:""; position:absolute; left:4%; top:5%; width:89.4%; aspect-ratio:1; border-radius:50%; background:#eddfc7; opacity:.8; box-shadow:inset 0 0 0 1px #e1ccaf; }
/* kutije: mere i ugao kao promenljive na klasi vrste — iste za Elementor widget (original) i za kopiju „napred" (main.js §10) */
.an-korpo-scena__kutija--mala{ --l:2.4%; --t:6.2%; --w:37.6%; --h:34.6%; --an-pad:6px; --an-ugao:-9deg; }
.an-korpo-scena__kutija--glavna{ --l:27.4%; --t:20.5%; --w:65.7%; --h:54%; --an-pad:10px; --an-ugao:7deg; }
.an-korpo-scena__kutija--treca{ --l:6.1%; --t:57.5%; --w:36.6%; --h:37.4%; --an-pad:6px; --an-ugao:-7deg; }
.elementor .elementor-element.an-korpo-scena__kutija, .an-korpo-scena__prednja{ position:absolute; z-index:1; left:var(--l); top:var(--t); width:var(--w); height:var(--h); }
/* kartica = sama slika (podloga, ram, senka, ugao); omotač se ne okreće — površina za miša stoji mirno */
.an-korpo-scena__kutija img, .an-korpo-scena__prednja img{ display:block; width:100%; height:100%; box-sizing:border-box; padding:var(--an-pad, 6px); object-fit:contain;
	background:#fdfaf1; border:1px solid #e6dac7; border-radius:13px; box-shadow:0 32px 65px rgba(84,52,34,.145);
	transform:rotate(var(--an-ugao, 0deg)); transform-origin:50% 50%; backface-visibility:hidden; will-change:transform;
	transition:transform .6s cubic-bezier(.22,1,.36,1); }
/* hover (Mijat 20.10.2026: „da dođe na front sa smooth tranzicijom koja je i uvećava"): main.js §10 doda preko svih kutija
   providnu KOPIJU svake (.an-korpo-scena__prednja). Miš je nad kopijom: ona se pojavi (opacity) dok se kutija ispravlja i raste,
   pa se u preklopu slike PRETAPAJU — z-index se ne menja nikad (on se ne može animirati, zato je u preklopu „skakalo").
   Original ispod radi isto kretanje, da se van preklopa ništa ne udvaja. Pri izlasku kopija nestaje tek pred kraj vraćanja.
   Animiraju se samo transform i opacity — bez ponovnog iscrtavanja. */
.an-korpo-scena__prednja{ z-index:30; }
.an-korpo-scena__prednja.je-odlazi{ z-index:35; }
.an-korpo-scena__prednja.je-napred{ z-index:40; }
.an-korpo-scena__prednja img{ opacity:0; box-shadow:0 32px 65px rgba(84,52,34,.145), 0 54px 90px -36px rgba(84,52,34,.5); will-change:transform, opacity;
	transition:transform .6s cubic-bezier(.22,1,.36,1), opacity .35s cubic-bezier(.4,0,.2,1) .25s; }
.an-korpo-scena__prednja.je-napred img{ opacity:1; transition:transform .6s cubic-bezier(.22,1,.36,1), opacity .4s cubic-bezier(.4,0,.2,1); }
.an-korpo-scena__prednja.je-napred img, .an-korpo-scena__kutija.je-napred img{ transform:translateY(-8px) rotate(0deg) scale(1.09); }
/* bez JS-a (nema kopija): obična zamena — kutija pod mišem napred */
@media (hover:hover){
	.an-korpo-scena:not(.je-kopije) .an-korpo-scena__kutija:hover{ z-index:20; }
	.an-korpo-scena:not(.je-kopije) .an-korpo-scena__kutija:hover img{ transform:translateY(-8px) rotate(0deg) scale(1.09); }
}
@media (prefers-reduced-motion:reduce){
	.an-korpo-scena__kutija img, .an-korpo-scena__prednja img, .an-korpo-scena__prednja.je-napred img{ transition:none; }
}
.elementor .elementor-element.an-korpo-scena__pecat{ position:absolute; z-index:45; right:0; top:4.6%; display:grid; place-items:center; width:22.4%; aspect-ratio:1; border-radius:50%;
	background:var(--an-braon-tamna); border:6px solid var(--an-krem-2); box-shadow:0 8px 24px rgba(0,0,0,.13); transform:rotate(11deg);
	font:700 clamp(9px, .8vw, 11px)/1.35 var(--an-font-tekst); letter-spacing:.5px; text-transform:uppercase; text-align:center; color:#fff;
	backface-visibility:hidden; will-change:transform; transition:transform .55s cubic-bezier(.34,1.4,.64,1); }
/* pečat iznad kopija kutija (z 45 > 30–40): inače mu kopija glavne kutije u preklopu „ukrade" miša. U mirovanju je i tako iznad
   kutija (kao u demo-u). Hover (Mijat 20.10.2026): naraste uz blagi odskok i ispravi se; dublja senka i zlatni prsten su posebni
   slojevi koji menjaju samo opacity/transform — bez ponovnog iscrtavanja. inset −6 px = preko okvira od 6 px. */
.elementor .elementor-element.an-korpo-scena__pecat::before, .elementor .elementor-element.an-korpo-scena__pecat::after{ content:""; position:absolute; border-radius:50%; pointer-events:none; opacity:0;
	will-change:transform, opacity; transition:opacity .4s ease, transform .55s cubic-bezier(.34,1.4,.64,1); }
.elementor .elementor-element.an-korpo-scena__pecat::after{ inset:-6px; box-shadow:0 18px 38px -10px rgba(58,33,20,.55); }
.elementor .elementor-element.an-korpo-scena__pecat::before{ inset:-13px; border:1.5px solid var(--an-zlatna); transform:scale(.88); }
@media (hover:hover){
	.elementor .elementor-element.an-korpo-scena__pecat:hover{ transform:rotate(0deg) scale(1.14); }
	.elementor .elementor-element.an-korpo-scena__pecat:hover::after{ opacity:1; }
	.elementor .elementor-element.an-korpo-scena__pecat:hover::before{ opacity:1; transform:none; }
}
@media (prefers-reduced-motion:reduce){
	.elementor .elementor-element.an-korpo-scena__pecat, .elementor .elementor-element.an-korpo-scena__pecat::before, .elementor .elementor-element.an-korpo-scena__pecat::after{ transition:none; }
}

/* 2. pakovanja: tri kartice + traka za limenke */
.an-korpo-paketi{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.an-korpo-paket{ display:grid; grid-template-rows:auto 1fr; border:1px solid #efe6d8; border-radius:var(--an-radijus); background:#fff; overflow:hidden; transition:transform .25s, box-shadow .25s; }
.an-korpo-paket:hover{ transform:translateY(-3px); box-shadow:var(--an-senka); }
/* podloga = boja isečaka iz kataloga (#fdfaf0), pa se pravougaonik slike ne vidi */
.an-korpo-paket__slika{ position:relative; display:grid; place-items:center; height:280px; padding:18px; background:#fdfaf0; border-bottom:1px solid #f1e9db; }
.an-korpo-paket__img img{ max-width:94%; max-height:235px; margin-inline:auto; object-fit:contain; }
.elementor .elementor-element.an-korpo-paket__oznaka{ position:absolute; z-index:1; left:18px; top:18px; padding:7px 12px; border-radius:999px; background:var(--an-krem-3);
	font:800 11px/1.3 var(--an-font-tekst); letter-spacing:.08em; text-transform:uppercase; color:var(--an-zlatna-tamna); }
.an-korpo-paket__telo{ display:grid; grid-template-rows:auto auto 1fr; padding:24px 26px 26px; }
.an-korpo-paket__naslov{ font:700 24px/1.2 var(--an-font); color:var(--an-braon-tamna); }
.an-korpo-paket__tekst{ font:15.5px/1.65 var(--an-font-tekst); color:var(--an-telo); }
.elementor .elementor-element.an-korpo-paket__tekst{ margin-top:10px; }
.elementor .elementor-element.an-korpo-paket__telo .an-korpo-izbor{ align-self:end; margin-top:22px; }
.an-korpo .elementor-widget-button.an-korpo-izbor.an-link-strelica .elementor-button{ white-space:normal; }

.an-korpo-limenke{ display:grid; grid-template-columns:76px minmax(0,1fr) auto; gap:22px; align-items:center; margin-top:24px; padding:24px 30px; border-radius:var(--an-radijus); background:var(--an-krem-3); }
.an-korpo-limenke__slika img{ width:76px; height:76px; padding:6px; border-radius:14px; background:#fff; object-fit:contain; }
.an-korpo-limenke__naslov{ font:700 24px/1.2 var(--an-font); color:var(--an-braon-tamna); }
.elementor .elementor-element.an-korpo-limenke__naslov{ margin-top:6px; }
.an-korpo-limenke__opis{ font:15.5px/1.65 var(--an-font-tekst); color:var(--an-telo); }
.elementor .elementor-element.an-korpo-limenke__opis{ margin-top:6px; }
.an-korpo-napomena{ font:13px/1.6 var(--an-font-tekst); color:var(--an-sivo); }
.elementor .elementor-element.an-korpo-napomena{ margin-top:16px; }

/* 3. prilike: ikonica iznad naslova (crta CSS — maska, boja iz tokena) */
.an-korpo-prilike{ background:var(--an-krem-2); }
.an-korpo-prilike__lista{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.an-korpo-prilika{ padding:30px; border:1px solid #efe6d8; border-radius:var(--an-radijus); background:#fff; }
.an-korpo-prilika__naslov{ font:700 22px/1.25 var(--an-font); color:var(--an-braon-tamna); }
.an-korpo-prilika__naslov::before{ content:""; display:block; width:30px; height:30px; margin-bottom:20px; background:var(--an-zlatna-tamna); -webkit-mask:var(--an-ikonica) center / contain no-repeat; mask:var(--an-ikonica) center / contain no-repeat; }
.an-korpo-prilika--1{ --an-ikonica:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M12 2v20M2 12h20M4.9 4.9l14.2 14.2M19.1 4.9L4.9 19.1'/%3E%3C/svg%3E"); }
.an-korpo-prilika--2{ --an-ikonica:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='1.5'/%3E%3Cpath d='M3.5 6.5l8.5 6.5 8.5-6.5'/%3E%3C/svg%3E"); }
.an-korpo-prilika--3{ --an-ikonica:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-8-4.9-8-10.9A4.4 4.4 0 0 1 12 7.1a4.4 4.4 0 0 1 8 2.5c0 6-8 10.9-8 10.9z'/%3E%3C/svg%3E"); }
.an-korpo-prilika__tekst{ font:15.5px/1.65 var(--an-font-tekst); color:var(--an-telo); }
.elementor .elementor-element.an-korpo-prilika__tekst{ margin-top:10px; }

/* 4. kako funkcioniše: 01. 02. 03. crta brojač */
.an-korpo-koraci{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; counter-reset:an-korak; }
.an-korpo-korak{ counter-increment:an-korak; }
.an-korpo-korak__naslov{ font:700 22px/1.25 var(--an-font); color:var(--an-braon-tamna); }
.an-korpo-korak__naslov .elementor-heading-title::before{ content:counter(an-korak, decimal-leading-zero) "."; display:block; margin-bottom:10px; font:700 44px/1.1 var(--an-font); color:var(--an-zlatna); }
.an-korpo-korak__tekst{ font:15.5px/1.65 var(--an-font-tekst); color:var(--an-telo); }
.elementor .elementor-element.an-korpo-korak__tekst{ margin-top:10px; }
.an-korpo-proces__napomena{ padding:16px 20px; border-radius:var(--an-radijus); background:var(--an-krem-3); font:14.5px/1.6 var(--an-font-tekst); color:var(--an-tekst-2); text-align:center; }
.elementor .elementor-element.an-korpo-proces__napomena{ margin-top:36px; }

/* 5. upit: tamna sekcija kao „Pokloni za firme" na naslovnoj (§11 .an-firme) — tekst levo, forma u svetloj kartici desno */
.an-korpo-upit{ position:relative; overflow:hidden; background:var(--an-braon-tamna); color:#fbf8f1; }
.an-korpo-upit::after{ content:""; position:absolute; inset:auto -120px -160px auto; width:420px; height:420px; border-radius:50%; border:1px solid rgba(224,178,82,.18); pointer-events:none; }
.an-korpo-upit__omot{ position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(32px, 5vw, 72px); align-items:start; }
.elementor .elementor-element.an-korpo-upit__tekst{ padding-top:40px; }
.an-korpo-upit .an-sekcija__natpis{ color:var(--an-zlatna); }
.an-korpo-upit .an-sekcija__natpis p::before{ background:var(--an-zlatna); }
.an-korpo-upit__naslov{ font:700 clamp(30px, 3.4vw, 46px)/1.1 var(--an-font); color:#fbf8f1; text-wrap:balance; }
.elementor .elementor-element.an-korpo-upit__naslov{ margin-top:14px; }
.an-korpo-upit__uvod{ font:17px/1.72 var(--an-font-tekst); color:rgba(251,248,241,.82); }
.elementor .elementor-element.an-korpo-upit__uvod{ margin-top:18px; }
.an-korpo-upit__stavke ul{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.elementor .elementor-element.an-korpo-upit__stavke{ margin-top:22px; }
.an-korpo-upit__stavke li{ display:grid; grid-template-columns:22px minmax(0,1fr); gap:10px; font:700 15.5px/1.5 var(--an-font-tekst); color:#fbf8f1; }
.an-korpo-upit__stavke li::before{ content:"✓"; color:var(--an-zlatna); font-weight:800; }
.an-korpo-upit__kontakt{ font:15px/1.7 var(--an-font-tekst); color:rgba(251,248,241,.82); }
.elementor .elementor-element.an-korpo-upit__kontakt{ margin-top:30px; }
.an-korpo-upit__kontakt a{ color:#fbf8f1; text-decoration:underline; text-decoration-color:var(--an-zlatna); text-underline-offset:4px; }
.an-korpo-forma{ background:#fff; border:0; box-shadow:0 30px 60px -30px rgba(0,0,0,.6); color:var(--an-tekst); }
.an-korpo-forma__opis{ font:15px/1.6 var(--an-font-tekst); color:var(--an-telo); }
.elementor .elementor-element.an-korpo-forma__opis{ margin-top:8px; }
.an-korpo-forma .wpcf7 textarea{ min-height:96px; height:96px; }
.an-korpo-forma .wpcf7 .an-dugme{ width:100%; }
/* CF7 vrteška pored dugmeta preko cele širine pada u novi red i pravi rupu — ide preko dugmeta, desno */
.an-korpo-forma .an-forma__slanje{ position:relative; }
.an-korpo-forma .an-forma__slanje .wpcf7-spinner{ position:absolute; right:14px; top:50%; margin:-12px 0 0; background-color:rgba(255,255,255,.6); }

/* 6. česta pitanja — isti izgled kao /faq/ (§12 .an-akordeon), samo uži i centriran */
.an-korpo-pitanja .an-akordeon .e-n-accordion{ max-width:900px; margin-inline:auto; }   /* na samom widgetu Elementorov max-width:100% (0,4,0) pobeđuje (§23) */

/* futer strane za firme (šablon an-futer-korpo) — kao u demo-u: logo · poslovni pokloni i kontakt · politika i izrada sajta */
.an-futer-korpo{ display:block; background:#eee5d7; border-top:1px solid #e2d2bc; padding-block:38px; }   /* demo 33 + margine pasusa */
.an-futer-korpo__omot{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:16px 20px; max-width:1180px; padding-inline:28px; }
.an-futer-korpo__logo img{ width:122px; height:auto; mix-blend-mode:multiply; }
.an-futer-korpo__tekst, .an-futer-korpo__desno{ font:12px/1.6 var(--an-font-tekst); color:#776557; }
.an-futer-korpo__tekst{ text-align:center; }
.an-futer-korpo a{ color:inherit; text-decoration:underline; text-underline-offset:3px; }
.an-futer-korpo a:hover{ color:var(--an-braon-tamna); }

/* telefon: „Zatražite ponudu" prikovano uz dno (main.js §10 ga sklanja dok je forma na ekranu) */
.elementor .elementor-element.an-korpo-mob-cta{ display:none; }

@media (max-width:1024px){
	.an-korpo-paketi, .an-korpo-prilike__lista, .an-korpo-koraci{ grid-template-columns:minmax(0,1fr); max-width:620px; margin-inline:auto; }
	.an-korpo-upit__omot{ grid-template-columns:minmax(0,1fr); gap:32px; }
	.elementor .elementor-element.an-korpo-upit__tekst{ padding-top:0; }
}
@media (max-width:900px){
	.an-korpo-scena{ max-width:470px; }
	.elementor .elementor-element.an-korpo-scena__pecat{ width:96px; }
}
@media (max-width:740px){
	.an-futer-korpo__omot{ padding-inline:20px; grid-template-columns:minmax(0,1fr); }
	.an-futer-korpo__tekst{ text-align:left; }
	.an-korpo .an-dugmad .elementor-widget-button, .an-korpo .an-dugmad .elementor-button{ width:100%; justify-content:center; }
	.an-korpo-paket__slika{ height:245px; }
	.an-korpo-limenke{ grid-template-columns:minmax(0,1fr); padding:24px; }
	.elementor .elementor-element.an-korpo-limenke .an-korpo-izbor{ grid-column:1 / -1; }
	.an-korpo-limenke .an-korpo-izbor .elementor-button{ width:100%; justify-content:center; }
	.an-korpo-forma .wpcf7 form{ grid-template-columns:minmax(0,1fr); }
	.elementor .elementor-element.an-korpo-mob-cta{ display:block; position:fixed; z-index:150; left:0; right:0; bottom:0; padding:10px 20px calc(10px + env(safe-area-inset-bottom));
		background:var(--an-krem-2); border-top:1px solid #efe6d8; transition:transform .25s; }
	.an-korpo .elementor-widget-button.an-korpo-mob-cta .elementor-button{ width:100%; justify-content:center; }
	.elementor .elementor-element.an-korpo-mob-cta.an-korpo-mob-cta--skriveno{ transform:translateY(110%); }
	body:has(.an-korpo-mob-cta){ padding-bottom:70px; }
}

/* ───────────── 19. Saradnja — prijava za veleprodaju (/saradnja/, _build/saradnja.php) ─────────────
   Zaglavlje kao strane „O nama" (§17), forma u kartici kao na Kontaktu; ovde samo natpis preko fotografije, uža forma
   i opcije kao kartice (radio grupe iz HTML-a vlasnice, 22.10.2026). */
.an-saradnja__vizual{ position:relative; display:block; }
.an-saradnja__uvod p + p{ margin-top:14px; }
.an-saradnja__uvod strong{ color:var(--an-braon-tamna); }
.elementor .elementor-element.an-saradnja__natpis-slike{ position:absolute; right:18px; bottom:18px; width:auto; max-width:calc(100% - 36px); padding:9px 16px; border-radius:999px;
	background:rgba(251,248,241,.94); box-shadow:0 8px 20px -10px rgba(58,33,20,.45); font:italic 700 16px/1.3 var(--an-font); color:var(--an-braon-tamna); }
.an-saradnja__omot{ max-width:860px; }
.an-saradnja__forma .an-sekcija__glava{ margin-bottom:24px; }
.elementor .elementor-element.an-saradnja__kartica .an-forma-kartica__forma{ margin-top:0; }
.an-saradnja__kartica .wpcf7 form{ row-gap:22px; }
.an-saradnja__kartica .wpcf7 .an-dugme{ width:100%; min-height:54px; }
.an-saradnja__kartica .wpcf7 form .an-forma__privatnost{ margin-top:-8px; text-align:center; }
/* radio grupa: legend + opcije kao kartice (CF7 [radio … use_label_element], _build/forme.php) */
.wpcf7 fieldset.an-forma__izbor{ margin:0; padding:0; border:0; min-width:0; }
.wpcf7 .an-forma__izbor legend{ display:block; padding:0; margin-bottom:9px; font:700 13.5px/1.4 var(--an-font-tekst); color:var(--an-tekst-2); }
.wpcf7 .an-forma__izbor .wpcf7-radio{ display:grid; gap:10px; }
.wpcf7 .an-forma__izbor .wpcf7-list-item{ display:block; margin:0; }
.wpcf7 .an-forma__izbor .wpcf7-list-item label{ display:flex; align-items:flex-start; gap:11px; padding:12px 14px; border:1.5px solid #e6dccd; border-radius:10px; background:#fff;
	font:400 15px/1.45 var(--an-font-tekst); color:var(--an-tekst); cursor:pointer; transition:border-color .15s, background .15s; }
.wpcf7 .an-forma__izbor .wpcf7-list-item label:hover{ border-color:var(--an-kraft); background:var(--an-krem-2); }
.wpcf7 .an-forma__izbor .wpcf7-list-item label:has(input:checked){ border-color:var(--an-braon); background:var(--an-krem-3); }
.wpcf7 .an-forma__izbor input[type=radio]{ flex:0 0 auto; width:17px; height:17px; margin:2px 0 0; accent-color:var(--an-braon); }
.wpcf7 .an-forma__izbor input[type=radio]:focus-visible{ outline:2px solid var(--an-braon); outline-offset:2px; }
@media (prefers-reduced-motion:reduce){
	.wpcf7 .an-forma__izbor .wpcf7-list-item label{ transition:none; }
}