/**
 * AI Visibility Checker — strana alata + izveštaj.
 * Tokeni iz main.css (--ink, --blue, --grad, --wash, --line, --r). Mobile-first: izveštaj se
 * najčešće otvara iz mejla na telefonu. Vizuelni fokus je naslov i imena konkurenata, ne skor.
 */

.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.aivc-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; opacity: 0; }

/* ============ Strana alata ============ */
.aivc-hero { padding-top: 120px; }
.aivc-hero h1 { font-size: clamp(38px, 9vw, 76px); }
.aivc-hero .lead { margin-top: 18px; }
.aivc-hero__grid { display: grid; gap: 36px; }

.aivc-form { margin-top: 28px; max-width: 620px; }
.aivc-form__row { display: flex; flex-direction: column; gap: 10px; }
.aivc-form__row input { font-size: 17px; }
.aivc-form__row .btn { justify-content: center; white-space: nowrap; }
.aivc-form.is-busy { opacity: .6; pointer-events: none; }
.aivc-form__note { margin-top: 12px; font-size: 14px; color: var(--gray); }
.aivc-form__err { margin-top: 12px; color: #c0392b; font-weight: 600; font-size: 15px; }

.aivc-progress { margin-top: 28px; max-width: 620px; background: #fff; border: 1px solid var(--line); border-radius: var(--r); padding: 22px 20px; box-shadow: var(--sh); }
.aivc-progress__title { font-weight: 600; display: flex; flex-wrap: wrap; gap: 6px; align-items: baseline; }
.aivc-progress__title strong { font-family: 'Schibsted Grotesk', sans-serif; }
.aivc-progress__time { margin-left: auto; color: var(--gray); font-size: 14px; font-variant-numeric: tabular-nums; }
.aivc-progress__bar { height: 6px; border-radius: 6px; background: var(--wash); margin: 14px 0 16px; overflow: hidden; }
.aivc-progress__bar span { display: block; height: 100%; background: var(--grad); border-radius: 6px; transition: width .6s ease; }
.aivc-steps { list-style: none; display: grid; gap: 8px; font-size: 15px; }
.aivc-steps li { position: relative; padding-left: 28px; line-height: 1.45; }
.aivc-steps li::before { content: ''; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; border-radius: 50%; }
.aivc-steps li.is-done { color: var(--gray); }
.aivc-steps li.is-done::before { background: #e6f4ea url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%232e7d32' stroke-width='2'/%3E%3C/svg%3E") center/12px no-repeat; }
.aivc-steps li.is-now { color: var(--ink); font-weight: 600; }
.aivc-steps li.is-now::before { border: 2px solid var(--wash); border-top-color: var(--blue); animation: aivc-spin .8s linear infinite; }
@keyframes aivc-spin { to { transform: rotate(360deg); } }
.aivc-progress__now { margin-top: 12px; font-weight: 600; color: var(--blue); }
.aivc-slow { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.aivc-slow__msg { font-size: 15px; margin-bottom: 10px; }

.aivc-example { background: var(--navy); color: #fff; border-radius: var(--r); padding: 24px 22px; position: relative; overflow: hidden; }
.aivc-example::before { content: ''; position: absolute; inset: 0 0 auto auto; width: 140px; height: 140px; background: var(--grad); opacity: .18; border-radius: 0 0 0 100%; }
.aivc-example__tag { display: inline-block; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--navy); background: var(--sky); font-weight: 800; padding: 4px 10px; border-radius: 999px; }
.aivc-example__title { color: #fff; font-size: 15px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; margin-top: 14px; }
.aivc-example__store { margin-top: 10px; font-size: 14px; color: rgba(255, 255, 255, .7); }
.aivc-example__h { margin-top: 6px; font-family: 'Schibsted Grotesk', sans-serif; font-weight: 800; font-size: 22px; line-height: 1.2; }
.aivc-example__rivals { list-style: none; counter-reset: r; margin-top: 16px; display: grid; gap: 8px; }
.aivc-example__rivals li { counter-increment: r; background: rgba(255, 255, 255, .08); border-radius: 10px; padding: 9px 12px; font-weight: 600; }
.aivc-example__rivals li::before { content: counter(r); color: var(--sky); font-weight: 800; margin-right: 10px; }
.aivc-example__score { margin-top: 16px; font-size: 14px; color: rgba(255, 255, 255, .7); }
.aivc-example__score strong { color: #fff; font-size: 18px; }

@media (min-width: 640px) {
	.aivc-form__row { flex-direction: row; }
	.aivc-form__row input { flex: 1; }
}
@media (min-width: 1021px) {
	.aivc-hero { padding-top: 160px; }
	.aivc-hero__grid { grid-template-columns: 1.25fr .75fr; align-items: center; gap: 60px; }
}

/* ============ Izveštaj ============ */
.aivr-admin { position: relative; z-index: 5; margin: 0; padding: 8px 16px; background: #fff7e0; border-bottom: 1px solid #f0d58a; font-size: 13.5px; text-align: center; }
@media print { .aivr-admin { display: none; } }
.aivr { padding-bottom: 40px; }
.aivr-narrow { max-width: 860px; }
.aivr-sec { padding: 48px 0; }
.aivr-sec--wash { background: var(--wash); }
.aivr-h1 { font-size: clamp(32px, 8.4vw, 60px); line-height: 1.04; letter-spacing: -.02em; }
.aivr-h2 { font-size: clamp(26px, 6vw, 38px); margin-top: 10px; }
.aivr-lead { color: var(--gray); margin-top: 12px; }

.aivr-hero { padding: 112px 0 40px; background: linear-gradient(180deg, #fff 0%, var(--bg) 100%); border-bottom: 1px solid var(--line); }
.aivr-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; font-size: 14px; color: var(--gray); margin-bottom: 18px; }
.aivr-meta img { border-radius: 4px; }
.aivr-meta strong { color: var(--ink); }
.aivr-pill { background: var(--wash); color: var(--blue); font-weight: 700; font-size: 12px; padding: 3px 9px; border-radius: 999px; }
.aivr-meta__date { flex-basis: 100%; }
.aivr-sub { font-size: 18px; color: var(--gray); margin-top: 16px; max-width: 60ch; }

/* Konkurenti: glavni vizuelni fokus */
.aivr-rivals { margin-top: 26px; }
.aivr-rivals__label { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--blue); }
.aivr-rivals__list { list-style: none; counter-reset: r; display: grid; gap: 10px; margin-top: 10px; }
.aivr-rivals__list li { counter-increment: r; display: grid; grid-template-columns: auto 1fr; column-gap: 14px; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 14px 16px; box-shadow: 0 8px 24px rgba(13, 23, 40, .05); }
.aivr-rivals__list li::before { content: counter(r); grid-row: span 2; width: 34px; height: 34px; border-radius: 9px; background: var(--grad); color: #fff; font-weight: 800; display: grid; place-items: center; font-family: 'Schibsted Grotesk', sans-serif; }
.aivr-rivals__name { font-family: 'Schibsted Grotesk', sans-serif; font-weight: 800; font-size: 21px; line-height: 1.2; }
.aivr-rivals__meta { font-size: 13.5px; color: var(--gray); }
.aivr-hero--competitors .aivr-h1 .hl, .aivr-hero--invisible .aivr-h1 { color: var(--ink); }

/* CTA */
.aivr-cta { margin-top: 26px; }
.aivr-cta__btns { display: flex; flex-direction: column; gap: 10px; }
.aivr-cta__btns .btn { justify-content: center; text-align: center; }
.aivr-cta__note { font-size: 14px; color: var(--gray); margin-top: 10px; }
.aivr-cta__wl { font-size: 14px; margin-top: 6px; }
.aivr-cta__wl a { color: var(--blue); font-weight: 600; }

/* Live AI test */
.aivr-answers { display: grid; gap: 16px; margin-top: 22px; }
.aivr-answer { background: #fff; border: 1px solid var(--line); border-radius: var(--r); padding: 20px 18px; }
.aivr-answer.is-hit { border-color: rgba(46, 125, 50, .35); }
.aivr-answer__q { font-family: 'Schibsted Grotesk', sans-serif; font-weight: 700; font-size: 19px; line-height: 1.3; }
.aivr-answer__q span { display: inline-block; font-size: 12px; background: var(--ink); color: #fff; border-radius: 6px; padding: 2px 7px; margin-right: 6px; vertical-align: 3px; }
.aivr-answer__you { display: inline-block; margin-top: 12px; font-size: 13.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px; }
.aivr-answer__you.is-no { background: #fdecea; color: #b3261e; }
.aivr-answer__you.is-yes { background: #e6f4ea; color: #2e7d32; }
.aivr-answer__label { margin-top: 14px; font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--gray); }
.aivr-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.aivr-chips li { background: var(--wash); border-radius: 999px; padding: 6px 12px; font-weight: 600; font-size: 15px; }
.aivr-chips li.is-own { background: #e6f4ea; color: #2e7d32; box-shadow: inset 0 0 0 1.5px #2e7d32; }
.aivr-chips li em { font-style: normal; font-size: 12px; text-transform: uppercase; margin-left: 4px; }
.aivr-cites { list-style: none; margin-top: 8px; display: grid; gap: 6px; font-size: 14.5px; }
.aivr-cites li { line-height: 1.4; }
.aivr-cites a { color: var(--ink); font-weight: 600; text-decoration: underline; text-decoration-color: var(--line); }
.aivr-cites span { color: var(--gray); font-size: 13px; }
.aivr-cites li.is-own a { color: #2e7d32; }
.aivr-cites.is-locked { user-select: none; pointer-events: none; }
.aivr-blur-text { filter: blur(5px); color: var(--ink); font-weight: 600; }
.aivr-blur-text--dom { color: var(--gray); font-weight: 400; font-size: 13px; }
.aivr-blur { display: block; height: 12px; border-radius: 6px; background: linear-gradient(90deg, #dfe7f0, #eef3f8); filter: blur(1.5px); }
.aivr-qlang { margin-top: 8px; font-size: 14px; color: var(--gray); font-style: italic; }
.aivr-checked { list-style: none; display: grid; gap: 10px; font-size: 16px; }
.aivr-checked li { padding: 12px 14px; border-radius: 12px; }
.aivr-checked .is-yes { background: #e6f4ea; color: #1e5e22; }
.aivr-checked .is-no { background: #f4f6f9; color: var(--gray); }
.aivr-how { margin-top: 8px; font-size: 14px; }
.aivr-how summary { cursor: pointer; color: var(--blue); font-weight: 600; }
.aivr-how p { margin-top: 6px; color: var(--gray); max-width: 60ch; }
.aivr-locknote { margin-top: 14px; font-size: 14.5px; }
.aivr-locknote a { color: var(--blue); font-weight: 600; }
.aivr-honest { margin-top: 18px; font-size: 13.5px; color: var(--gray); border-left: 3px solid var(--sky); padding-left: 12px; }

/* Skor */
.aivr-score { background: #fff; border-radius: var(--r); border: 1px solid var(--line); padding: 22px 18px; }
.aivr-score__head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-bottom: 18px; }
.aivr-score__num { font-family: 'Schibsted Grotesk', sans-serif; line-height: 1; }
.aivr-score__num strong { font-size: 54px; font-weight: 900; }
.aivr-score__num span { font-size: 18px; color: var(--gray); }
.aivr-band--ready strong { color: #2e7d32; }
.aivr-band--partial strong { color: #c77700; }
.aivr-band--invisible strong { color: #c0392b; }
.aivr-score__band { font-weight: 800; font-size: 18px; }
.aivr-score__band em { font-weight: 600; color: var(--gray); }
.aivr-score__cap { font-size: 14px; color: var(--gray); margin-top: 4px; }
.aivr-score__partial { background: var(--ink); color: #fff; font-weight: 700; padding: 6px 12px; border-radius: 999px; font-size: 14px; }
.aivr-score__head p { color: var(--gray); font-size: 15px; }
.aivr-bars { list-style: none; display: grid; gap: 14px; }
.aivr-bars li { display: grid; grid-template-columns: 1fr auto; gap: 6px; font-size: 15px; }
.aivr-bars__label { font-weight: 600; }
.aivr-bars__val { font-variant-numeric: tabular-nums; font-weight: 700; }
.aivr-bars__track { grid-column: 1 / -1; height: 8px; background: var(--wash); border-radius: 8px; overflow: hidden; }
.aivr-bars__track span { display: block; height: 100%; border-radius: 8px; background: var(--grad); }
.aivr-bars li.is-bad .aivr-bars__track span { background: #e57368; }
.aivr-bars li.is-mid .aivr-bars__track span { background: #f0b04a; }
.aivr-bars li.is-na { color: var(--gray); }
.aivr-bars li.is-na .aivr-bars__val { font-weight: 500; font-size: 13.5px; }

/* Nalazi */
.aivr-fixes, .aivr-findings { list-style: none; display: grid; gap: 14px; margin-top: 20px; }
.aivr-fix { background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--sky); border-radius: 14px; padding: 18px 18px 16px; }
.aivr-fix h3, .aivr-fix h4 { font-size: 19px; line-height: 1.3; margin-top: 8px; }
.aivr-fix p { color: var(--gray); font-size: 15.5px; margin-top: 6px; }
.aivr-fix__sev { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.aivr-sev--critical { border-left-color: #c0392b; } .aivr-sev--critical .aivr-fix__sev { color: #c0392b; }
.aivr-sev--high { border-left-color: #e5743b; } .aivr-sev--high .aivr-fix__sev { color: #c35a1f; }
.aivr-sev--medium { border-left-color: #f0b04a; } .aivr-sev--medium .aivr-fix__sev { color: #a86b00; }
.aivr-sev--low .aivr-fix__sev, .aivr-sev--info .aivr-fix__sev { color: var(--gray); }
.aivr-sev--info { border-left-color: var(--line); }
.aivr-sev--good { border-left-color: #2e7d32; } .aivr-sev--good .aivr-fix__sev { color: #2e7d32; }
.aivr-steps-list { margin: 10px 0 0 18px; font-size: 15px; display: grid; gap: 6px; }

/* Unlock */
.aivr-unlock { background: #fff; border-radius: var(--r); border: 1px solid var(--line); padding: 26px 20px; box-shadow: var(--sh); }
.aivr-unlock__list { margin: 16px 0 0 18px; display: grid; gap: 6px; }
.aivr-unlock__form { margin-top: 20px; display: grid; gap: 10px; }
.aivr-unlock__form .btn { justify-content: center; }
.aivr-unlock__note { font-size: 13.5px; color: var(--gray); }
.aivr-unlock__err { color: #c0392b; font-weight: 600; }
.aivr-teaser { list-style: none; display: grid; gap: 12px; margin-top: 22px; opacity: .8; }

/* Ceo izveštaj */
.aivr-full__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; }
.aivr-mod { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-size: 21px; margin-top: 34px; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.aivr-mod span { font-size: 14px; color: var(--gray); font-weight: 600; }
.aivr-worst { margin: 16px 0 0 20px; display: grid; gap: 10px; }
.aivr-worst a { font-weight: 700; color: var(--ink); }
.aivr-worst span { display: block; font-size: 14px; color: #c35a1f; }
.aivr-manual { list-style: none; display: grid; gap: 12px; margin-top: 16px; }
.aivr-manual li { background: #fff; border: 1px dashed rgba(13, 23, 40, .2); border-radius: 12px; padding: 14px 16px; }
.aivr-manual p { color: var(--gray); font-size: 15px; margin-top: 4px; }
.aivr-rescan { margin-top: 28px; font-size: 14px; color: var(--gray); }

.aivr-end { text-align: left; }
.aivr-end > p { color: var(--gray); margin-top: 12px; }

@media (min-width: 640px) {
	.aivr-cta__btns { flex-direction: row; flex-wrap: wrap; }
	.aivr-unlock__form { grid-template-columns: 1fr auto; align-items: start; }
	.aivr-unlock__note, .aivr-unlock__err { grid-column: 1 / -1; }
	.aivr-meta__date { flex-basis: auto; }
	.aivr-answer, .aivr-score, .aivr-unlock { padding: 26px 28px; }
}
@media (min-width: 1021px) {
	.aivr-hero { padding: 150px 0 56px; }
	.aivr-sec { padding: 64px 0; }
	.aivr-rivals__list { grid-template-columns: repeat(3, 1fr); }
	.aivr-rivals__list li { grid-template-columns: 1fr; row-gap: 6px; }
	.aivr-rivals__list li::before { grid-row: auto; }
}

/* Štampa / PDF: samo sadržaj izveštaja */
@media print {
	.site-header, .site-footer, footer, .aivr-cta, .aivr-print, .aivr-locknote, .aivr-unlock__form, .aivr-end { display: none !important; }
	body { background: #fff; font-size: 12pt; }
	.aivr-hero { padding: 0 0 16px; background: none; }
	.aivr-sec { padding: 16px 0; }
	.aivr-sec--wash { background: none; }
	.aivr-answer, .aivr-fix, .aivr-score, .aivr-rivals__list li { box-shadow: none; break-inside: avoid; }
	a { text-decoration: none; color: inherit; }
}