/* ==========================================================
   Alen Gagić — tema
   Boje i fontovi su u theme.json (Izgled → Editor → Stilovi).
   ========================================================== */

:root {
	--ag-ink: var(--wp--preset--color--ink, #0b0b0c);
	--ag-coal: var(--wp--preset--color--coal, #151417);
	--ag-ash: var(--wp--preset--color--ash, #24222a);
	--ag-smoke: var(--wp--preset--color--smoke, #9a938c);
	--ag-paper: var(--wp--preset--color--paper, #f3eee6);
	--ag-blood: var(--wp--preset--color--blood, #c41622);
	--ag-ember: var(--wp--preset--color--ember, #e8343f);
	--ag-gold: var(--wp--preset--color--gold, #c9a46a);
	--ag-serif: var(--wp--preset--font-family--serif);
	--ag-ease: cubic-bezier(.2, .7, .1, 1);
	--ag-header-h: 76px;
}

html { scroll-behavior: smooth; overflow-x: clip; }
/* Napomena: zaglavlje namerno nema backdrop-filter (pokvario bi fiksnu korpu). */
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }
::selection { background: var(--ag-blood); color: var(--ag-paper); }
img { height: auto; }
a { text-underline-offset: .2em; text-decoration-thickness: 1px; transition: color .25s; }

/* Zrnasta tekstura preko celog sajta */
body::after {
	content: ""; position: fixed; inset: -50%; z-index: 9990; pointer-events: none; opacity: .06;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	animation: ag-grain 1.2s steps(6) infinite;
}
@keyframes ag-grain { 0%,100% { transform: translate(0,0) } 20% { transform: translate(-3%,2%) } 40% { transform: translate(2%,-3%) } 60% { transform: translate(-2%,-1%) } 80% { transform: translate(3%,3%) } }

/* ---------- Tipografija ---------- */
h1 em, h2 em, h3 em, .ag-hero-title em { font-style: italic; color: var(--ag-ember); font-weight: 400; }
.ag-kicker, .is-style-kicker {
	font-family: var(--wp--preset--font-family--sans); font-size: .72rem !important; font-weight: 700;
	letter-spacing: .28em; text-transform: uppercase; color: var(--ag-smoke);
	display: flex; align-items: center; gap: .9rem; margin-bottom: 1rem;
}
.ag-kicker::before, .is-style-kicker::before { content: ""; width: 34px; height: 1px; background: var(--ag-blood); flex: none; }
.has-text-align-center.ag-kicker { justify-content: center; }
.ag-note {
	border: 1px dashed var(--ag-ash); padding: 1rem 1.25rem; color: var(--ag-smoke);
	font-size: .9rem; background: rgba(255,255,255,.02);
}
.is-style-stih, .ag-poem-body p {
	font-family: var(--ag-serif); font-size: clamp(1.2rem, 1.1rem + .5vw, 1.45rem); line-height: 1.75;
}
.wp-block-verse { white-space: pre-wrap; font-style: italic; padding: 0; overflow: visible; }

/* ---------- Dugmad ---------- */
.wp-element-button, .wp-block-button__link { transition: background .3s, color .3s, transform .3s var(--ag-ease), box-shadow .3s; }
.wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 12px 30px -12px rgba(196,22,34,.7); }
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent; color: var(--ag-paper); border: 1px solid rgba(243,238,230,.5);
	padding: calc(1rem - 1px) calc(1.9rem - 1px);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--ag-paper); color: var(--ag-ink); border-color: var(--ag-paper); box-shadow: none; }

/* ---------- Zaglavlje ---------- */
.ag-site-header {
	position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 100;
	background: rgba(11,11,12,.94);
	border-bottom: 1px solid rgba(255,255,255,.06); transition: background .4s, border-color .4s;
}
.home .ag-site-header, .page-template-page-full .ag-site-header {
	position: fixed; left: 0; right: 0; background: linear-gradient(180deg, rgba(11,11,12,.75), rgba(11,11,12,0)); border-color: transparent; backdrop-filter: none;
}
.home .ag-site-header.is-scrolled, .page-template-page-full .ag-site-header.is-scrolled {
	background: rgba(11,11,12,.94); border-color: rgba(255,255,255,.06);
}
.ag-header .wp-block-site-title a { color: var(--ag-paper); text-decoration: none; letter-spacing: .01em; }
.ag-header .wp-block-site-title a:hover { color: var(--ag-ember); }
.ag-header .wp-block-navigation a { text-decoration: none; position: relative; padding: .3rem 0; }
.ag-header .wp-block-navigation-item__content::after {
	content: ""; position: absolute; left: 0; right: 100%; bottom: 0; height: 1px; background: var(--ag-ember); transition: right .35s var(--ag-ease);
}
.ag-header .wp-block-navigation-item__content:hover::after, .ag-header .current-menu-item > .wp-block-navigation-item__content::after { right: 0; }
.wp-block-navigation__responsive-container.is-menu-open { padding: 6rem 2rem 2rem; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { font-family: var(--ag-serif); font-size: 2.2rem; letter-spacing: 0; text-transform: none; font-style: italic; }
.wc-block-mini-cart__button { color: var(--ag-paper); }
.wc-block-mini-cart__badge { background: var(--ag-blood) !important; color: var(--ag-paper) !important; border: 0 !important; }

/* ---------- Naslovna sekcija ---------- */
.ag-hero { overflow: hidden; padding-left: var(--wp--style--root--padding-left, 2rem) !important; padding-right: var(--wp--style--root--padding-right, 2rem) !important; }
.ag-hero .wp-block-cover__image-background { transform: scale(1.08); animation: ag-zoom 14s var(--ag-ease) forwards; }
@keyframes ag-zoom { to { transform: scale(1); } }
.ag-hero::before {
	content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
	background: linear-gradient(90deg, rgba(11,11,12,.92) 0%, rgba(11,11,12,.45) 45%, rgba(11,11,12,0) 70%), linear-gradient(0deg, var(--ag-ink) 0%, rgba(11,11,12,0) 35%);
}
.ag-hero .wp-block-cover__inner-container { z-index: 2; }
.ag-hero-title {
	font-size: clamp(3.4rem, 10.5vw, 10rem) !important; line-height: .92 !important; letter-spacing: -.035em !important;
	margin: .2em 0 .25em !important; font-weight: 400 !important;
}
.ag-hero-title em { display: block; padding-left: .55em; }
.ag-hero-lead { max-width: 34rem; color: rgba(243,238,230,.85); }
.ag-hero .ag-kicker { color: var(--ag-paper); }

/* ---------- Traka koja klizi ---------- */
.ag-marquee { overflow: hidden; white-space: nowrap; padding: 1.05rem 0 !important; margin-top: 0 !important; }
.ag-marquee p {
	display: inline-block; margin: 0; padding-left: 100%; animation: ag-marquee 38s linear infinite;
	font-family: var(--ag-serif); font-style: italic; font-size: clamp(1.3rem, 2.5vw, 2rem); letter-spacing: .01em;
}
.ag-marquee.is-doubled p { padding-left: 0; animation-name: ag-marquee-loop; }
@keyframes ag-marquee { to { transform: translateX(-100%); } }
@keyframes ag-marquee-loop { to { transform: translateX(-50%); } }

/* ---------- Slike u okviru ---------- */
.ag-frame, .is-style-okvir { position: relative; }
.ag-frame img, .is-style-okvir img { filter: grayscale(.25) contrast(1.05); transition: filter .6s, transform 1.2s var(--ag-ease); }
.ag-frame:hover img, .is-style-okvir:hover img { filter: none; }
.ag-frame::after, .is-style-okvir::after {
	content: ""; position: absolute; inset: 14px -14px -14px 14px; border: 1px solid var(--ag-blood); z-index: -1; transition: inset .5s var(--ag-ease);
}
.ag-frame:hover::after, .is-style-okvir:hover::after { inset: 8px -8px -8px 8px; }
.ag-tilt { transform: rotate(-1.5deg); transition: transform .6s var(--ag-ease); }
.ag-tilt:hover { transform: rotate(0); }
.ag-sticky { position: sticky; top: calc(var(--ag-header-h) + 2rem); }

/* ---------- Knjige ---------- */
.ag-books .wp-block-columns { gap: clamp(2rem, 6vw, 6rem); }
.ag-book-cover { overflow: hidden; box-shadow: 0 40px 80px -30px rgba(0,0,0,.9), 0 0 0 1px rgba(255,255,255,.04); }
.ag-book-cover img { transition: transform 1.2s var(--ag-ease); }
.ag-book-cover:hover img { transform: scale(1.04); }

/* ---------- Nagrada ---------- */
.ag-award { background: radial-gradient(ellipse at 80% 50%, rgba(201,164,106,.12), transparent 55%), var(--ag-ink); }
.ag-award h2 em { color: var(--ag-gold); }

/* ---------- Veliki citat ---------- */
.ag-big-quote {
	font-family: var(--ag-serif); font-style: italic; font-weight: 400;
	font-size: clamp(2.3rem, 6vw, 5.6rem); line-height: 1.08; letter-spacing: -.03em; color: var(--ag-paper);
}
.ag-big-quote::before { content: ""; display: block; width: 1px; height: 70px; margin: 0 auto 2.2rem; background: linear-gradient(var(--ag-blood), transparent); }

/* ---------- Spisak pesama ---------- */
.ag-poem-list .wp-block-post-template { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--ag-ash); }
.ag-poem-list .wp-block-post { margin: 0 !important; border-bottom: 1px solid var(--ag-ash); }
.ag-poem-row { padding: 1.4rem .2rem; gap: 1rem; transition: padding .4s var(--ag-ease), background .4s; }
.ag-poem-row:hover { padding-left: 1.2rem; background: linear-gradient(90deg, rgba(196,22,34,.12), transparent 70%); }
.ag-poem-row .wp-block-post-title { margin: 0; font-weight: 400; }
.ag-poem-row .wp-block-post-title a { text-decoration: none; }
.ag-poem-row .wp-block-post-title a::before { content: "✦"; color: var(--ag-blood); font-size: .5em; margin-right: .8em; vertical-align: middle; font-style: normal; }
.ag-poem-row .taxonomy-zbirka { font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; color: var(--ag-smoke); text-align: right; }
.ag-poem-row .taxonomy-zbirka a { text-decoration: none; color: inherit; }

.ag-poem .wp-block-post-title { text-align: center; }
.ag-poem .ag-kicker { justify-content: center; }
.ag-poem .ag-kicker::before { display: none; }
.ag-poem-mark { text-align: center; color: var(--ag-blood); letter-spacing: 1em; }
.ag-poem-intro { text-align: center; color: var(--ag-gold); }
.ag-poem-footer { border-top: 1px solid var(--ag-ash); }
.ag-poem-footer a { font-family: var(--ag-serif); font-style: italic; font-size: 1.2rem; text-decoration: none; }

/* ---------- Kartice (blog) ---------- */
.ag-cards .wp-block-post-template { gap: clamp(1.5rem, 3vw, 2.5rem); }
.ag-card { position: relative; }
.ag-card .wp-block-post-featured-image { overflow: hidden; margin-bottom: 1rem; }
.ag-card .wp-block-post-featured-image img { transition: transform 1.2s var(--ag-ease), filter .6s; filter: grayscale(.35); }
.ag-card:hover .wp-block-post-featured-image img { transform: scale(1.05); filter: none; }
.ag-card .wp-block-post-title { margin: .4rem 0 .6rem; font-weight: 400; }
.ag-card .wp-block-post-title a { text-decoration: none; }
.ag-card .wp-block-post-title a:hover { color: var(--ag-ember); }
.ag-card .wp-block-post-excerpt { color: var(--ag-smoke); font-size: .95rem; }
.ag-card .wp-block-post-excerpt__more-link { display: none; }
.wp-block-post-date, .ag-meta { font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; color: var(--ag-smoke); }
.ag-meta a { color: var(--ag-ember); text-decoration: none; }

/* ---------- Galerija ---------- */
.ag-gallery.wp-block-gallery { gap: .6rem !important; }
.ag-gallery .wp-block-image { overflow: hidden; }
.ag-gallery .wp-block-image img { transition: transform 1s var(--ag-ease), filter .6s; filter: grayscale(.4) brightness(.9); }
.ag-gallery .wp-block-image:hover img { transform: scale(1.06); filter: none; }

/* ---------- Muzika ---------- */
.ag-album { padding: clamp(2rem, 5vw, 4rem) 0; border-bottom: 1px solid var(--ag-ash); }
.ag-album h2 { margin-top: 0; }
.ag-tracklist { list-style: none; padding: 0; margin: 1.5rem 0 2rem; border-top: 1px solid var(--ag-ash); }
.ag-tracklist li { padding: .9rem 0; border-bottom: 1px solid var(--ag-ash); display: flex; gap: 1.2rem; align-items: baseline; }
.ag-tracklist em { color: var(--ag-smoke); }
.ag-track-no { font-family: var(--ag-serif); color: var(--ag-blood); font-size: 1.1rem; min-width: 2ch; }
.wp-block-audio audio { width: 100%; filter: invert(.92) hue-rotate(180deg); }

/* ---------- Stranice ---------- */
.ag-page-hero .wp-block-post-title, .ag-page-hero h1 { font-weight: 400; letter-spacing: -.02em; margin: 0; }
.ag-page-hero .wp-block-post-title { font-style: italic; }
.ag-page-hero { position: relative; }
.ag-page-hero::after { content: ""; display: block; width: 80px; height: 1px; background: var(--ag-blood); margin-top: 2rem; }
.ag-lead { font-family: var(--ag-serif); line-height: 1.3; }
.ag-timeline { list-style: none; padding: 0; border-left: 1px solid var(--ag-blood); }
.ag-timeline li { padding: .4rem 0 .9rem 1.4rem; position: relative; }
.ag-timeline li::before { content: ""; position: absolute; left: -5px; top: .95rem; width: 9px; height: 9px; background: var(--ag-blood); border-radius: 50%; }
.ag-cta { background: radial-gradient(ellipse at 50% 120%, rgba(196,22,34,.35), transparent 60%), var(--ag-ink); }
.wp-block-quote { padding-left: 1.5rem; }
.wp-block-quote cite { font-family: var(--wp--preset--font-family--sans); font-style: normal; font-size: .75rem; letter-spacing: .2em; text-transform: uppercase; color: var(--ag-smoke); }

/* ---------- Podnožje ---------- */
.ag-footer-name { margin: 0 !important; font-weight: 400 !important; line-height: .9 !important; letter-spacing: -.03em; }
.ag-footer-name em { color: var(--ag-paper) !important; }
.ag-footer .wp-block-navigation a { text-decoration: none; }
.ag-footer .wp-block-navigation { text-transform: none; letter-spacing: 0; font-size: 1rem; font-weight: 400; }

/* ---------- Forme ---------- */
.ag-form { display: grid; gap: 1.1rem; }
.ag-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem; }
.ag-form label span { display: block; font-size: .7rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--ag-smoke); margin-bottom: .45rem; }
.ag-form input, .ag-form select, .ag-form textarea,
.woocommerce form .input-text, .woocommerce form select, .woocommerce .quantity .qty,
.wc-block-components-text-input input, .wc-block-components-textarea, .wc-blocks-components-select__select, .wc-block-components-combobox .components-combobox-control__input {
	width: 100%; background: var(--ag-coal) !important; color: var(--ag-paper) !important; border: 1px solid var(--ag-ash) !important;
	border-radius: 0 !important; padding: .95rem 1rem; font: inherit; transition: border-color .3s;
}
.ag-form input:focus, .ag-form select:focus, .ag-form textarea:focus { outline: none; border-color: var(--ag-blood) !important; }
.ag-form button { justify-self: start; border: 0; cursor: pointer; }
.ag-hp { position: absolute; left: -9999px; }
.ag-form-msg { padding: 1rem 1.25rem; margin-bottom: 1.25rem; border-left: 3px solid; }
.ag-form-msg.is-ok { border-color: #4caf50; background: rgba(76,175,80,.1); }
.ag-form-msg.is-err { border-color: var(--ag-ember); background: rgba(232,52,63,.1); }
.wc-block-components-text-input label, .wc-block-components-combobox label { color: var(--ag-smoke) !important; }
.wc-block-components-text-input.is-active label { transform: translateY(4px) scale(.75); }

/* ---------- Prodavnica ---------- */
.woocommerce ul.products, .wc-block-product-template { gap: clamp(1rem, 2.5vw, 2rem) !important; }
.woocommerce ul.products li.product, .wc-block-product {
	position: relative; text-align: left !important; background: var(--ag-coal); padding: 0 0 1.4rem !important; margin-bottom: 0 !important;
	transition: transform .5s var(--ag-ease), box-shadow .5s;
}
.woocommerce ul.products li.product:hover, .wc-block-product:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -30px rgba(196,22,34,.55); }
.woocommerce ul.products li.product a img, .wc-block-components-product-image img { margin: 0 0 1rem !important; transition: transform 1s var(--ag-ease); }
.woocommerce ul.products li.product > a:first-child, .wc-block-components-product-image { display: block; overflow: hidden; }
.woocommerce ul.products li.product:hover a img, .wc-block-product:hover .wc-block-components-product-image img { transform: scale(1.04); }
.woocommerce ul.products li.product .woocommerce-loop-product__title, .wc-block-product .wp-block-post-title {
	font-family: var(--ag-serif) !important; font-size: 1.35rem !important; font-weight: 500 !important; line-height: 1.15; padding: 0 1.2rem !important; color: var(--ag-paper);
}
.wc-block-product .wp-block-post-title a { text-decoration: none; }
.woocommerce ul.products li.product .price, .wc-block-components-product-price {
	color: var(--ag-paper) !important; padding: 0 1.2rem; font-size: 1rem !important; font-weight: 600;
}
.woocommerce ul.products li.product .button, .wc-block-components-product-button .wp-block-button__link, .wc-block-components-product-button__button {
	margin: .8rem 1.2rem 0 !important; background: transparent !important; color: var(--ag-paper) !important; border: 1px solid rgba(243,238,230,.4) !important;
	border-radius: 0 !important; font-size: .7rem !important; letter-spacing: .18em; text-transform: uppercase; font-weight: 700; padding: .8rem 1.1rem !important;
}
.woocommerce ul.products li.product .button:hover, .wc-block-components-product-button__button:hover { background: var(--ag-blood) !important; border-color: var(--ag-blood) !important; }
.woocommerce span.onsale, .wc-block-components-product-sale-badge {
	background: var(--ag-blood) !important; color: var(--ag-paper) !important; border-radius: 0 !important; min-height: 0 !important; line-height: 1 !important;
	padding: .55rem .8rem !important; font-size: .65rem !important; letter-spacing: .2em; text-transform: uppercase; border: 0 !important; top: 1rem !important; left: 1rem !important; right: auto !important; margin: 0 !important;
}
.woocommerce .price del, .wc-block-components-product-price del { opacity: .5; }
.woocommerce .price ins { text-decoration: none; }
.woocommerce div.product .product_title { font-size: clamp(2.2rem, 4vw, 3.6rem); font-weight: 400; font-style: italic; }
.woocommerce div.product p.price, .woocommerce div.product span.price, .wp-block-woocommerce-product-price { color: var(--ag-paper) !important; font-size: 1.5rem; }
.woocommerce div.product form.cart .button, .woocommerce .single_add_to_cart_button, .wc-block-components-button:not(.is-link), .woocommerce a.button.alt, .woocommerce button.button.alt {
	background: var(--ag-blood) !important; color: var(--ag-paper) !important; border-radius: 0 !important; border: 0 !important;
	text-transform: uppercase; letter-spacing: .18em; font-size: .75rem !important; font-weight: 700; padding: 1.05rem 2rem !important;
}
.woocommerce div.product form.cart .button:hover, .wc-block-components-button:not(.is-link):hover { background: var(--ag-ember) !important; }
.woocommerce-tabs .tabs li a, .wc-tabs li a { color: var(--ag-smoke) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--ag-paper) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent !important; border-color: var(--ag-ash) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: var(--ag-ink) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-color: var(--ag-ash) !important; }
.woocommerce-breadcrumb, .wc-block-breadcrumbs { font-size: .72rem !important; letter-spacing: .15em; text-transform: uppercase; color: var(--ag-smoke) !important; }
.woocommerce-breadcrumb a, .wc-block-breadcrumbs a { color: var(--ag-smoke) !important; text-decoration: none; }
.woocommerce .woocommerce-result-count, .woocommerce-ordering select { color: var(--ag-smoke); }
.woocommerce-message, .woocommerce-info, .wc-block-components-notice-banner { background: var(--ag-coal) !important; color: var(--ag-paper) !important; border-top-color: var(--ag-blood) !important; }
.wc-block-components-notice-banner { border: 1px solid var(--ag-ash) !important; }
.wc-block-components-sidebar-layout, .wc-block-cart, .wc-block-checkout { color: var(--ag-paper); }
.wc-block-components-totals-wrapper, .wc-block-components-order-summary, .wc-block-checkout__sidebar { border-color: var(--ag-ash) !important; }
.wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option { border-color: var(--ag-ash) !important; }
.wc-block-components-radio-control__input { background: var(--ag-coal) !important; border-color: var(--ag-smoke) !important; }
.wc-block-components-radio-control__input:checked::before { background: var(--ag-blood) !important; }
.wc-block-mini-cart__drawer .components-modal__content, .wc-block-mini-cart__drawer { background: var(--ag-coal) !important; color: var(--ag-paper); }
.ag-products { margin-top: var(--wp--preset--spacing--40); }
.woocommerce .star-rating span::before, .woocommerce p.stars a { color: var(--ag-gold) !important; }
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { border-color: var(--ag-ash) !important; background: transparent !important; }
.wc-block-components-quantity-selector { border-color: var(--ag-ash) !important; }
.wc-block-components-quantity-selector input { background: transparent !important; color: var(--ag-paper) !important; }
.wc-block-components-product-metadata, .wc-block-components-product-details { color: var(--ag-smoke); }
.wp-block-woocommerce-product-image-gallery, .woocommerce-product-gallery { background: var(--ag-coal); }
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] { background: var(--ag-coal) !important; border-color: var(--ag-smoke) !important; }
.wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: var(--ag-paper) !important; }

/* ---------- Animacija pri skrolovanju ---------- */
.ag-js .ag-reveal { opacity: 0; transform: translateY(28px); transition: opacity 1.1s var(--ag-ease), transform 1.1s var(--ag-ease); }
.ag-js .ag-reveal.is-in { opacity: 1; transform: none; }
.ag-js .ag-tilt.ag-reveal.is-in { transform: rotate(-1.5deg); }
.ag-js .ag-tilt.ag-reveal.is-in:hover { transform: rotate(0); }
.ag-hero .ag-reveal:nth-child(2) { transition-delay: .12s; }
.ag-hero .ag-reveal:nth-child(3) { transition-delay: .26s; }
.ag-hero .ag-reveal:nth-child(4) { transition-delay: .4s; }
.block-editor-page .ag-reveal, .editor-styles-wrapper .ag-reveal { opacity: 1 !important; transform: none !important; }

/* ---------- Mobilni ---------- */
@media (max-width: 781px) {
	.ag-form-row { grid-template-columns: 1fr; }
	.ag-hero::before { background: linear-gradient(0deg, var(--ag-ink) 5%, rgba(11,11,12,.55) 55%, rgba(11,11,12,.2) 100%); }
	.ag-hero-title em { padding-left: 0; }
	.ag-frame::after { inset: 8px -8px -8px 8px; }
	.ag-sticky { position: static; }
	.ag-poem-row { flex-wrap: wrap !important; }
	.ag-poem-row .taxonomy-zbirka { text-align: left; }
	.wp-block-columns { gap: 2.5rem; }
	.woocommerce ul.products[class*=columns-] li.product { width: 48% !important; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; }
	.ag-js .ag-reveal { opacity: 1; transform: none; }
}

/* ==========================================================
   Virtuelni asistent
   ========================================================== */
.ag-asst-btn {
	position: fixed; right: clamp(1rem, 3vw, 2rem); bottom: clamp(1rem, 3vw, 2rem); z-index: 9998;
	display: flex; align-items: center; gap: .7rem; padding: .55rem 1.2rem .55rem .55rem; border: 0; cursor: pointer;
	background: var(--ag-blood); color: var(--ag-paper); border-radius: 999px; font: 700 .72rem/1 var(--wp--preset--font-family--sans);
	letter-spacing: .16em; text-transform: uppercase; box-shadow: 0 18px 40px -12px rgba(196,22,34,.75);
	transition: transform .4s var(--ag-ease), background .3s;
}
.ag-asst-btn:hover { transform: translateY(-3px); background: var(--ag-ember); }
.ag-asst-btn img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255,255,255,.7); }
.ag-asst-btn .ag-dot { position: absolute; left: 40px; top: 8px; width: 11px; height: 11px; border-radius: 50%; background: #3ddc84; border: 2px solid var(--ag-blood); }
.ag-asst-btn.is-hidden { transform: scale(.6); opacity: 0; pointer-events: none; }
.ag-asst {
	position: fixed; right: clamp(1rem, 3vw, 2rem); bottom: clamp(1rem, 3vw, 2rem); z-index: 9999;
	width: min(390px, calc(100vw - 2rem)); height: min(600px, calc(100vh - 6rem)); display: flex; flex-direction: column;
	background: var(--ag-coal); color: var(--ag-paper); border: 1px solid var(--ag-ash); box-shadow: 0 40px 100px -20px rgba(0,0,0,.9);
	transform-origin: bottom right; transform: scale(.85) translateY(20px); opacity: 0; pointer-events: none;
	transition: transform .45s var(--ag-ease), opacity .3s; font-family: var(--wp--preset--font-family--sans);
}
.ag-asst.is-open { transform: none; opacity: 1; pointer-events: auto; }
.ag-asst-head { display: flex; align-items: center; gap: .8rem; padding: 1rem 1.1rem; background: linear-gradient(120deg, var(--ag-blood), #7a0d15); }
.ag-asst-head img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255,255,255,.6); }
.ag-asst-head strong { display: block; font-family: var(--ag-serif); font-style: italic; font-size: 1.45rem; font-weight: 500; line-height: 1; }
.ag-asst-head small { font-size: .7rem; opacity: .85; }
.ag-asst-x { margin-left: auto; background: none; border: 0; color: inherit; font-size: 1.6rem; cursor: pointer; line-height: 1; padding: .2rem .4rem; }
.ag-asst-log { flex: 1; overflow-y: auto; padding: 1.1rem; display: flex; flex-direction: column; gap: .7rem; scroll-behavior: smooth; }
.ag-msg { max-width: 86%; padding: .75rem .95rem; font-size: .92rem; line-height: 1.5; animation: ag-pop .35s var(--ag-ease); white-space: pre-line; }
.ag-msg a { color: var(--ag-ember); }
.ag-msg.bot { background: var(--ag-ash); align-self: flex-start; border-radius: 2px 14px 14px 14px; }
.ag-msg.me { background: var(--ag-blood); align-self: flex-end; border-radius: 14px 2px 14px 14px; }
.ag-msg.typing { display: flex; gap: 4px; }
.ag-msg.typing i { width: 7px; height: 7px; border-radius: 50%; background: var(--ag-smoke); animation: ag-blink 1s infinite; }
.ag-msg.typing i:nth-child(2) { animation-delay: .15s; } .ag-msg.typing i:nth-child(3) { animation-delay: .3s; }
@keyframes ag-blink { 0%, 100% { opacity: .3 } 50% { opacity: 1 } }
@keyframes ag-pop { from { opacity: 0; transform: translateY(8px); } }
.ag-prod { display: flex; gap: .7rem; align-items: center; background: var(--ag-ink); padding: .5rem; margin-top: .5rem; text-decoration: none; color: var(--ag-paper) !important; border: 1px solid var(--ag-ash); }
.ag-prod img { width: 48px; height: 48px; object-fit: cover; }
.ag-prod b { display: block; font-family: var(--ag-serif); font-size: 1.05rem; font-weight: 500; line-height: 1.15; }
.ag-prod span { font-size: .8rem; color: var(--ag-gold); }
.ag-chips { display: flex; flex-wrap: wrap; gap: .45rem; padding: 0 1.1rem .8rem; }
.ag-chips button { background: transparent; color: var(--ag-paper); border: 1px solid var(--ag-ash); border-radius: 999px; padding: .45rem .8rem; font: 500 .78rem var(--wp--preset--font-family--sans); cursor: pointer; transition: all .25s; }
.ag-chips button:hover { border-color: var(--ag-blood); background: rgba(196,22,34,.15); }
.ag-asst-form { display: flex; border-top: 1px solid var(--ag-ash); }
.ag-asst-form input { flex: 1; background: transparent; border: 0; color: var(--ag-paper); padding: 1rem 1.1rem; font: inherit; font-size: .95rem; outline: none; }
.ag-asst-form button { background: var(--ag-blood); color: var(--ag-paper); border: 0; padding: 0 1.2rem; cursor: pointer; font-size: 1.1rem; }
@media (max-width: 600px) { .ag-asst-btn span.ag-label { display: none; } .ag-asst-btn { padding: .45rem; } }

/* Galerije: ujednačen isečak fotografija */
.ag-gallery.wp-block-gallery.is-cropped .wp-block-image img { aspect-ratio: 4 / 5; height: auto; object-fit: cover; }
.ag-footer-name { padding-left: .08em; }

/* Preklopnik jezika SRP | ENG */
.ag-lang { display: flex; align-items: center; border: 1px solid rgba(243,238,230,.28); font-size: .66rem; font-weight: 700; letter-spacing: .16em; line-height: 1; }
.ag-lang a, .ag-lang span { padding: .5rem .6rem; text-decoration: none; color: var(--ag-smoke); transition: color .25s, background .25s; }
.ag-lang a:hover { color: var(--ag-paper); background: rgba(255,255,255,.06); }
.ag-lang .is-active { background: var(--ag-paper); color: var(--ag-ink); }
.ag-header .wp-block-shortcode, .ag-header > div > div > p:has(.ag-lang) { margin: 0; }
@media (max-width: 600px) { .ag-header .wp-block-site-title { font-size: 1.3rem !important; } .ag-header .wp-block-group { gap: .8rem !important; } }

/* Prodavnica: mreža i detalji */
.wc-block-product-template:not(.is-flex-container), .wp-block-woocommerce-product-template:not(.is-flex-container) { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important; }
.wc-block-product-template.is-flex-container > li { width: auto !important; flex: 1 1 240px; max-width: calc(33.333% - 1.5rem); }
@media (max-width: 781px) { .wc-block-product-template.is-flex-container > li { max-width: calc(50% - 1rem); } }
.woocommerce .quantity .qty, .wc-block-components-quantity-selector input, .quantity input.qty { width: 4.2em !important; padding: .85rem .3rem !important; text-align: center; }
.woocommerce-Tabs-panel h2, .wp-block-woocommerce-product-details h2 { font-size: var(--wp--preset--font-size--xl) !important; }
.wc-block-product .wp-block-post-title, .wc-block-components-product-price { text-align: left !important; }
.wc-block-product .wp-block-button, .wc-block-components-product-button { justify-content: flex-start !important; align-items: flex-start !important; }

/* ==========================================================
   Moderna galerija (filteri + masonry + lightbox)
   ========================================================== */
.ag-gal-set.is-merged { display: none; }
.ag-gal { margin-top: var(--wp--preset--spacing--40); }
.ag-gal-filters { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 2rem; position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + 72px); z-index: 5; padding: .6rem 0; background: linear-gradient(var(--ag-ink) 70%, transparent); }
.ag-gal-filters button {
	background: transparent; color: var(--ag-smoke); border: 1px solid var(--ag-ash); border-radius: 999px; cursor: pointer;
	padding: .65rem 1.25rem; font: 700 .7rem/1 var(--wp--preset--font-family--sans); letter-spacing: .18em; text-transform: uppercase; transition: all .3s var(--ag-ease);
}
.ag-gal-filters button:hover { color: var(--ag-paper); border-color: var(--ag-smoke); }
.ag-gal-filters button.is-active { background: var(--ag-blood); border-color: var(--ag-blood); color: var(--ag-paper); }
.ag-gal-grid { columns: 3 300px; column-gap: 14px; transition: opacity .22s; }
.ag-gal-grid.is-switching { opacity: 0; }
.ag-gal-item { position: relative; margin: 0 0 14px; break-inside: avoid; overflow: hidden; cursor: zoom-in; background: var(--ag-coal); animation: ag-pop .6s var(--ag-ease) both; }
.ag-gal-item img { display: block; width: 100%; height: auto; transition: transform 1.1s var(--ag-ease), filter .6s; filter: grayscale(.35) brightness(.92); }
.ag-gal-item:hover img { transform: scale(1.05); filter: none; }
.ag-gal-item figcaption {
	position: absolute; left: 0; right: 0; bottom: 0; padding: 2.2rem 1rem .9rem; color: var(--ag-paper);
	background: linear-gradient(transparent, rgba(11,11,12,.85)); font-size: .66rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase;
	opacity: 0; transform: translateY(8px); transition: all .4s var(--ag-ease);
}
.ag-gal-item:hover figcaption { opacity: 1; transform: none; }
.ag-gal-item::after { content: "+"; position: absolute; top: .8rem; right: .9rem; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--ag-blood); color: var(--ag-paper); font-size: 1.2rem; opacity: 0; transform: scale(.6); transition: all .35s var(--ag-ease); }
.ag-gal-item:hover::after { opacity: 1; transform: none; }
.ag-gallery img, .ag-masonry img { cursor: zoom-in; }
@media (max-width: 600px) { .ag-gal-grid { columns: 2; column-gap: 8px; } .ag-gal-item { margin-bottom: 8px; } .ag-gal-filters { top: 60px; } .ag-gal-filters button { padding: .55rem .9rem; } }

.ag-lb { position: fixed; inset: 0; z-index: 10000; background: rgba(6,6,7,.96); display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity .35s; }
.ag-lb.is-open { opacity: 1; pointer-events: auto; }
html.ag-lb-lock { overflow: hidden; }
.ag-lb-fig { margin: 0; max-width: 92vw; max-height: 90vh; display: flex; flex-direction: column; align-items: center; }
.ag-lb-fig img { max-width: 92vw; max-height: 82vh; object-fit: contain; opacity: 0; transform: scale(.97); transition: opacity .35s, transform .5s var(--ag-ease); box-shadow: 0 40px 120px rgba(0,0,0,.8); }
.ag-lb-fig img.is-in { opacity: 1; transform: none; }
.ag-lb-fig figcaption { display: flex; gap: 1.5rem; justify-content: space-between; width: 100%; margin-top: 1rem; color: var(--ag-smoke); font-size: .85rem; }
.ag-lb-count { font-variant-numeric: tabular-nums; letter-spacing: .1em; white-space: nowrap; }
.ag-lb button { position: absolute; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.15); color: var(--ag-paper); width: 54px; height: 54px; border-radius: 50%; font-size: 2rem; line-height: 1; cursor: pointer; transition: background .25s; display: grid; place-items: center; }
.ag-lb button:hover { background: var(--ag-blood); border-color: var(--ag-blood); }
.ag-lb-x { top: 1.2rem; right: 1.2rem; font-size: 1.8rem !important; }
.ag-lb-prev { left: 1.2rem; top: 50%; transform: translateY(-50%); }
.ag-lb-next { right: 1.2rem; top: 50%; transform: translateY(-50%); }
@media (max-width: 600px) { .ag-lb-prev, .ag-lb-next { top: auto; bottom: 1rem; transform: none; width: 46px; height: 46px; } .ag-lb-fig figcaption { padding: 0 1rem; font-size: .75rem; } }
.ag-gal-grid { columns: 4 230px; }
.ag-gal-item img { max-height: 560px; object-fit: cover; }
/* Napomene za urednika (✎) vide se samo ulogovanom korisniku */
body:not(.logged-in) .ag-note { display: none; }
/* Članci */
.ag-single .wp-block-post-content h2 { font-size: var(--wp--preset--font-size--xl); margin-top: 2.4rem; }
.ag-single .wp-block-post-content p { font-size: 1.08rem; line-height: 1.85; }
.ag-single .wp-block-post-featured-image img { object-position: 50% 30%; }
.ag-single .wp-block-post-content a { color: var(--ag-ember); }
/* Kategorije bloga kao dugmad */
.ag-cat-chips { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; margin: 0 0 2.5rem; }
.ag-cat-chips li a { display: inline-block; padding: .55rem 1.1rem; border: 1px solid var(--ag-ash); border-radius: 999px; text-decoration: none; font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ag-smoke); transition: all .3s; }
.ag-cat-chips li a:hover, .ag-cat-chips li.current-cat a { background: var(--ag-blood); border-color: var(--ag-blood); color: var(--ag-paper); }

/* v1.2 — naslovna sekcija nikad ne ulazi ispod menija */
.ag-hero { padding-top: calc(var(--ag-header-h) + var(--wp-admin--admin-bar--height, 0px) + 2.5rem) !important; }
.ag-hero-title { font-size: clamp(3.2rem, min(10.5vw, 17vh), 10rem) !important; }
@media (max-height: 760px) { .ag-hero .ag-hero-lead { font-size: 1.05rem !important; } .ag-hero-title { margin: .1em 0 .2em !important; } }

/* Na manjim ekranima (laptop, tablet) meni prelazi u hamburger da se ništa ne preklapa */
@media (max-width: 1180px) {
	.ag-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; }
	.ag-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; }
}
.ag-header .wp-block-navigation__responsive-container-open svg { width: 28px; height: 28px; }

.wp-block-gallery img { cursor: zoom-in; }