/*
 * Tema IOVIA — dizajn G „Poligon”.
 * Boje, font i razmaci dolaze iz theme.json (preset varijable).
 */
:root {
	--iovia-radius: var(--wp--custom--radius, 28px);
	--iovia-gap: var(--wp--custom--gap, 14px);
}

*, *::before, *::after { box-sizing: border-box; }
body { -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }
:where(.wp-site-blocks) > * { margin-block-start: 0; }
.iovia-main { padding-bottom: var(--iovia-gap); }
.iovia-main > * + * { margin-block-start: var(--iovia-gap); }
a:focus-visible, button:focus-visible, summary:focus-visible, .wp-element-button:focus-visible {
	outline: 3px solid var(--wp--preset--color--crna);
	outline-offset: 3px;
	border-radius: 8px;
}
.skip-link.screen-reader-text:focus { background: var(--wp--preset--color--zuta); color: var(--wp--preset--color--crna); border-radius: 99px; }

/* ---------- Zaglavlje (bijela „pilula”, sticky) ---------- */
.iovia-hdr { position: sticky; top: 0; z-index: 50; padding-top: 14px; }
.admin-bar .iovia-hdr { top: 32px; }
.iovia-zaglavlje__traka {
	background: var(--wp--preset--color--bijela);
	border-radius: 99px;
	padding: 8px 10px 8px 22px;
	gap: 24px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, .06);
}
.iovia-zaglavlje .wp-block-site-logo img { height: 54px; width: auto; }
.iovia-nav { margin-left: auto; }
.iovia-nav .wp-block-navigation-item__content { padding: 12px 14px; border-radius: 99px; text-decoration: none; }
.iovia-nav .wp-block-navigation-item__content:hover,
.iovia-nav .current-menu-item > .wp-block-navigation-item__content { background: var(--wp--preset--color--podloga); }
.iovia-nav .wp-block-navigation__container { gap: 2px; }
.iovia-zaglavlje__gumb .wp-block-button__link { padding: 17px 22px; font-size: 15px; }

/* Mobilni izbornik (overlay) */
@media (max-width: 599px) { .iovia-nav .wp-block-navigation__responsive-container-open { width: 48px; height: 48px; border-radius: 50%; background: var(--wp--preset--color--podloga); display: grid; place-items: center; } }
.iovia-nav .wp-block-navigation__responsive-container.is-menu-open { padding: 90px 16px 24px; }
.iovia-nav .is-menu-open .wp-block-navigation__container { gap: 10px !important; width: 100%; }
.iovia-nav .is-menu-open .wp-block-navigation-item { width: 100%; }
.iovia-nav .is-menu-open .wp-block-navigation-item__content {
	display: block; width: 100%; background: var(--wp--preset--color--bijela);
	border-radius: 22px; padding: 20px 18px !important; font-size: 20px; font-weight: 800;
}
.iovia-nav .is-menu-open .wp-block-navigation__responsive-container-close { top: 24px; right: 16px; width: 48px; height: 48px; border-radius: 50%; background: var(--wp--preset--color--bijela); display: grid; place-items: center; }

/* ---------- Pločice (stilovi bloka Grupa / Detalji) ---------- */
.is-style-iovia-ploca, .is-style-iovia-ploca-crna, .is-style-iovia-ploca-zuta, .is-style-iovia-ploca-crvena {
	position: relative;
	border-radius: var(--iovia-radius);
	padding: 30px;
	overflow: hidden;
}
.is-style-iovia-ploca { background: var(--wp--preset--color--bijela); }
.is-style-iovia-ploca-crna { background: var(--wp--preset--color--crna); color: var(--wp--preset--color--bijela); }
.is-style-iovia-ploca-zuta { background: var(--wp--preset--color--zuta); color: var(--wp--preset--color--crna); }
.is-style-iovia-ploca-crvena { background: var(--wp--preset--color--crvena); color: var(--wp--preset--color--bijela); }
.is-style-iovia-ploca-crna a, .is-style-iovia-ploca-crvena a { color: inherit; }
.is-style-iovia-ploca-crna :where(h1, h2, h3, h4) { color: var(--wp--preset--color--bijela); }
:where(.is-style-iovia-ploca, .is-style-iovia-ploca-crna, .is-style-iovia-ploca-zuta, .is-style-iovia-ploca-crvena) > * { margin-block: 0; }
:where(.is-style-iovia-ploca, .is-style-iovia-ploca-crna, .is-style-iovia-ploca-zuta, .is-style-iovia-ploca-crvena) > * + * { margin-block-start: 14px; }
.is-style-iovia-ploca-crna .wp-element-button { background: var(--wp--preset--color--bijela); color: var(--wp--preset--color--crna); }
.is-style-iovia-ploca-zuta .wp-element-button { background: var(--wp--preset--color--crna); color: var(--wp--preset--color--bijela); }
.is-style-iovia-zuti .wp-element-button, .wp-block-button.is-style-iovia-zuti > .wp-block-button__link { background: var(--wp--preset--color--zuta) !important; color: var(--wp--preset--color--crna) !important; }
.wp-block-button.is-style-outline > .wp-block-button__link { border: 2px solid currentColor; background: transparent; color: inherit; padding: 18px 24px; }
.wp-element-button { transition: transform .2s; }
.wp-element-button:hover { transform: translateY(-2px); }

/* Mreža pločica */
.iovia-bento { gap: var(--iovia-gap) !important; }
.iovia-bento > * { margin: 0 !important; }

/* Naslov sekcije */
.iovia-sh { padding: 56px 6px 6px; gap: 12px 40px; }
.iovia-sh h2 { margin: 0; }
.iovia-sh__p { color: var(--wp--preset--color--siva); max-width: 440px; margin: 0; }
.iovia-sh + * { margin-block-start: 20px !important; }

/* Oznake i pomoćne klase */
.iovia-oznaka { font-weight: 700; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; opacity: .75; }
.iovia-oznaka--zuta { color: var(--wp--preset--color--zuta); opacity: 1; }
.iovia-svijetlo { color: var(--wp--preset--color--siva-svijetla); }
.iovia-istaknuto { font-weight: 700; }
.iovia-ikona { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; background: var(--wp--preset--color--zuta); color: var(--wp--preset--color--crna); }
.iovia-ikona::before { content: ""; width: 26px; height: 26px; background: currentColor; -webkit-mask: var(--ik) center / contain no-repeat; mask: var(--ik) center / contain no-repeat; }
.iovia-ikona--car { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Cpath d='M9 17h6'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E"); }
.iovia-ikona--users { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); }
.iovia-ikona--clipboard { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='2' width='8' height='4' rx='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E"); }
.iovia-zasto h3 { margin-top: 26px !important; font-size: 30px; }
.iovia-zasto p:not(.iovia-ikona) { color: var(--wp--preset--color--siva); }
.iovia-zasto .is-style-iovia-ploca-crna p:not(.iovia-ikona) { color: var(--wp--preset--color--siva-svijetla); }

/* Fotografija kao pločica */
.iovia-ploca--foto { padding: 0; min-height: 360px; }
.iovia-ploca--foto .wp-block-image, .iovia-ploca--foto .wp-block-image img { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; object-fit: cover; }

/* O nama, pogodnosti */
.iovia-onama__txt h3 { margin-bottom: 6px !important; }
.is-style-iovia-kvacice { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; }
.is-style-iovia-kvacice li { position: relative; padding: 16px 18px 16px 56px; background: rgba(255, 255, 255, .55); border-radius: 18px; font-weight: 700; }
.is-style-iovia-kvacice li::before { content: ""; position: absolute; left: 16px; top: 14px; width: 28px; height: 28px; border-radius: 50%; background: var(--wp--preset--color--crna) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F0D701' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 16px no-repeat; }

/* Testovi — poziv */
.iovia-ploca--sredina { display: flex; flex-direction: column; justify-content: center; }
.iovia-testovi-mreza { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.iovia-testbtn { width: 100%; }
.iovia-testbtn .wp-block-button__link { width: 100%; text-align: left; border-radius: 20px; background: var(--wp--preset--color--podloga); color: var(--wp--preset--color--crna); padding: 22px; font-size: 28px; font-weight: 800; letter-spacing: -.03em; line-height: 1.1; }
.iovia-testbtn .wp-block-button__link small { font-size: 13px; font-weight: 600; color: var(--wp--preset--color--siva); letter-spacing: 0; }
.iovia-testbtn .wp-block-button__link:hover { background: var(--wp--preset--color--zuta); }

/* Česta pitanja */
.is-style-iovia-ploca:is(details) { padding: 0; }
details.is-style-iovia-ploca > summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 22px 26px; font-weight: 700; font-size: 18px; cursor: pointer; }
details.is-style-iovia-ploca > summary::-webkit-details-marker { display: none; }
details.is-style-iovia-ploca > summary::after { content: "+"; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--wp--preset--color--podloga); flex: none; font-size: 22px; line-height: 1; }
details.is-style-iovia-ploca[open] { background: var(--wp--preset--color--zuta); }
details.is-style-iovia-ploca[open] > summary::after { content: "–"; background: var(--wp--preset--color--crna); color: var(--wp--preset--color--zuta); }
details.is-style-iovia-ploca > :not(summary) { padding: 0 26px 22px; margin: 0; }
.iovia-faq { align-items: start; }

/* Traka na kraju */
.iovia-kraj { padding: 50px !important; gap: 24px 40px; }
.iovia-kraj h2 { margin: 0; }
.iovia-kraj p { max-width: 640px; margin: 10px 0 0; }

/* Naslovna pločica podstranica */
.iovia-naslovna-ploca { padding: 44px 40px; }
.iovia-naslovna-ploca h1 { margin: 0; color: var(--wp--preset--color--bijela); font-size: var(--wp--preset--font-size--naslov-xl); }
.iovia-naslovna-ploca p { margin: 14px 0 0; max-width: 640px; }
.iovia-main > .iovia-naslovna-ploca, .iovia-main > .iovia-bento:first-child, .iovia-main > :first-child { margin-top: var(--iovia-gap); }

/* Sadržaj stranica: tekst u bijeloj pločici kad nije pločica */
.iovia-sadrzaj > :where(p, ul, ol, h2, h3, h4, .wp-block-table) { max-width: 860px; }

/* Tablice cjenika */
.is-style-iovia-cjenik { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0; }
.is-style-iovia-cjenik table { border-collapse: separate; border-spacing: 0; width: 100%; min-width: 880px; background: var(--wp--preset--color--bijela); }
.is-style-iovia-cjenik th, .is-style-iovia-cjenik td { border: 0; border-bottom: 1px solid var(--wp--preset--color--podloga); padding: 12px 14px; text-align: left; vertical-align: top; }
.is-style-iovia-cjenik thead th { background: var(--wp--preset--color--crna); color: var(--wp--preset--color--bijela); font-weight: 700; }
.is-style-iovia-cjenik thead th:first-child { border-top-left-radius: 14px; }
.is-style-iovia-cjenik thead th:last-child { border-top-right-radius: 14px; }
.is-style-iovia-cjenik td:not(:first-child), .is-style-iovia-cjenik th:not(:first-child) { text-align: right; }
.is-style-iovia-cjenik td:not(:first-child) { white-space: nowrap; }
.is-style-iovia-cjenik th { font-size: 13px; line-height: 1.3; vertical-align: bottom; min-width: 90px; }
.is-style-iovia-cjenik td:first-child, .is-style-iovia-cjenik th:first-child { min-width: 190px; }
.is-style-iovia-cjenik tbody tr:nth-child(even) td { background: #f6f6f7; }
.is-style-iovia-cjenik td:first-child, .is-style-iovia-cjenik th:first-child { position: sticky; left: 0; z-index: 1; }
.is-style-iovia-cjenik thead th:first-child { background: var(--wp--preset--color--crna); }
.is-style-iovia-cjenik tbody td:first-child { background: var(--wp--preset--color--bijela); }
.is-style-iovia-cjenik tbody tr:nth-child(even) td:first-child { background: #f6f6f7; }
.is-style-iovia-cjenik figcaption { color: var(--wp--preset--color--siva); font-size: 14px; text-align: left; }
.iovia-cjenik-nav { gap: 8px !important; }
.iovia-cjenik-nav .wp-block-button__link { background: var(--wp--preset--color--bijela); color: var(--wp--preset--color--crna); padding: 14px 18px; font-size: 15px; }

/* 404 */
.iovia-404 { padding: 60px 50px; }
.iovia-404__broj { font-size: clamp(90px, 16vw, 200px); font-weight: 800; letter-spacing: -.06em; line-height: .9; margin: 0; }

/* Podnožje */
.iovia-footer { padding: 0 0 30px; }
.iovia-footer__ploca { padding: 44px; }
.iovia-footer__vrh { gap: 24px; margin-bottom: 36px !important; }
.iovia-footer__logo { background: var(--wp--preset--color--bijela); border-radius: 18px; padding: 10px 16px; }
.iovia-footer__logo img { height: 56px; width: auto; }
.iovia-footer__nav { color: var(--wp--preset--color--siva-svijetla); font-weight: 700; }
.iovia-footer__nav a { text-decoration: none; }
.iovia-footer__nav a:hover { color: var(--wp--preset--color--bijela); text-decoration: underline; }

/* ---------- Mobitel ---------- */
@media (max-width: 760px) {
	:root { --iovia-radius: 24px; --iovia-gap: 10px; }
	:where(.wp-site-blocks) { padding-left: 0; padding-right: 0; }
	.has-global-padding { padding-left: 12px !important; padding-right: 12px !important; }
	.has-global-padding > .alignfull { margin-left: -12px !important; margin-right: -12px !important; }
	.iovia-hdr { padding-top: 10px; }
	.iovia-zaglavlje__traka { padding: 6px 6px 6px 14px; gap: 10px; }
	.iovia-zaglavlje .wp-block-site-logo img { height: 42px; }
	.iovia-zaglavlje__gumb { display: none; }
	.iovia-bento { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.iovia-bento > * { grid-column: span 2 !important; }
	.iovia-bento > .iovia-m1 { grid-column: span 1 !important; }
	.is-style-iovia-ploca, .is-style-iovia-ploca-crna, .is-style-iovia-ploca-zuta, .is-style-iovia-ploca-crvena { padding: 22px; }
	.iovia-ploca--foto { padding: 0; min-height: 260px; }
	.iovia-sh { padding: 40px 6px 4px; flex-direction: column; align-items: flex-start !important; }
	.iovia-testovi-mreza { grid-template-columns: repeat(2, 1fr); }
	.iovia-testbtn .wp-block-button__link { font-size: 20px; padding: 16px; }
	details.is-style-iovia-ploca > summary { padding: 18px; font-size: 16px; }
	details.is-style-iovia-ploca > :not(summary) { padding: 0 18px 18px; }
	.iovia-kraj { padding: 30px 22px !important; }
	.iovia-naslovna-ploca { padding: 30px 22px; }
	.iovia-404 { padding: 36px 22px; }
	.iovia-footer { padding-bottom: 90px; }
	.iovia-footer__ploca { padding: 28px 22px; }
}

@media (prefers-reduced-motion: reduce) {
	.wp-element-button { transition: none; }
	.wp-element-button:hover { transform: none; }
}