/* ==========================================================================
   TAMBAN - Moj nalog (zadatak 2.12): prijava i novi nalog, meni naloga, Pregled, porudžbine, upiti i usluge,
   lista želja, obaveštenja, adrese, podaci naloga i zaboravljena lozinka.
   Učitava se samo na stranicama naloga (inc/assets.php). Šablon strane: templates/page-my-account.html.
   Sadržaj stranica „Pregled“ i „Upiti i usluge“ ispisuje dodatak (Nalog\Pregled, Nalog\Upiti), a stil je ovde.
   Mobile-first; na računaru (od 900 px) meni levo, sadržaj desno.
   ========================================================================== */

.tb-ico--door { --tb-icon: url("../icons/door.svg"); }

/* --------------------------------------------------------------------------
   1. Strana
   -------------------------------------------------------------------------- */

/* WooCommerce (blok tema) sužava naslov i sadržaj naloga na 1000 px; ovde važi širina teme. */
.woocommerce-account .tb-nalog-strana .wp-block-post-title {
	max-width: var(--wp--style--global--content-size, 1280px);
}

.woocommerce-account .tb-nalog-strana .woocommerce {
	max-width: none;
}

.tb-nalog-strana .wp-block-post-title {
	margin: 0 0 var(--tb-s-l);
	font-size: clamp(1.75rem, 3.2vw, 2.25rem);
	letter-spacing: var(--tb-ls-tight);
	line-height: 1.15;
}

.tb-nalog-strana .woocommerce {
	color: var(--tb-ink);
	font-size: var(--tb-fs-md);
}

.tb-nalog-strana .woocommerce :is(h2, h3) {
	letter-spacing: var(--tb-ls-snug);
	line-height: 1.25;
}

/* Kupac bez prijave: prijava i novi nalog po sredini (i naslov iznad njih). */
body:not(.logged-in) .tb-nalog-strana :is(.wp-block-post-title, .tb-nalog-strana__sadrzaj) {
	max-width: 1040px;
	margin-inline: auto;
}

/* Zaboravljena i nova lozinka: jedan uzak obrazac. */
body.woocommerce-lost-password:not(.logged-in) .tb-nalog-strana :is(.wp-block-post-title, .tb-nalog-strana__sadrzaj) {
	max-width: 560px;
}

/* --------------------------------------------------------------------------
   2. Polja i dugmad u svim obrascima naloga (isti izgled kao .tb-input i .tb-btn iz theme.css)
   -------------------------------------------------------------------------- */
.tb-nalog-strana .woocommerce form .form-row {
	margin: 0 0 var(--tb-s-m);
	padding: 0;
}

.tb-nalog-strana .woocommerce form .form-row label,
.tb-nalog-strana .woocommerce form .tb-field__label {
	display: block;
	margin: 0 0 var(--tb-s-2xs);
	color: var(--tb-ink);
	font-size: var(--tb-fs-sm);
	font-weight: 600;
	line-height: 1.3;
}

.tb-nalog-strana .woocommerce form .form-row :is(.required, abbr.required) {
	border: 0;
	color: var(--tb-sale-dark);
	font-weight: 700; /* kao woocommerce.css, koji se na prijavi i nekim ekranima naloga više ne učitava */
	text-decoration: none;
}

.tb-nalog-strana .woocommerce form .form-row :is(input.input-text, select, textarea.input-text),
.tb-nalog-strana .woocommerce form .form-row .select2-container .select2-selection--single {
	box-sizing: border-box;
	inline-size: 100%;
	min-block-size: var(--tb-control-h);
	margin: 0;
	padding: 0 var(--tb-s-s);
	border: var(--tb-border-w) solid var(--tb-control);
	border-radius: var(--tb-radius);
	background-color: var(--tb-white);
	color: var(--tb-ink);
	font-family: inherit;
	font-size: var(--tb-fs-md);
	line-height: 1.4;
	transition: border-color var(--tb-ease);
}

.tb-nalog-strana .woocommerce form .form-row textarea.input-text {
	min-block-size: 7rem;
	padding-block: var(--tb-s-xs);
}

.tb-nalog-strana .woocommerce form .form-row :is(input.input-text, select, textarea.input-text):hover {
	border-color: var(--tb-control-hover);
}

.tb-nalog-strana .woocommerce form .form-row :is(input.input-text, select, textarea.input-text):focus-visible {
	border-color: var(--tb-forest);
	outline: 2px solid var(--tb-focus);
	outline-offset: 2px;
}

.tb-nalog-strana .woocommerce form .form-row.woocommerce-invalid :is(input.input-text, select) {
	border-color: var(--tb-sale-dark);
	box-shadow: inset 0 0 0 1px var(--tb-sale-dark);
}

/* Izbor države (select2) */
.tb-nalog-strana .woocommerce form .form-row .select2-container .select2-selection--single {
	display: flex;
	align-items: center;
	block-size: var(--tb-control-h);
	padding: 0;
}

.tb-nalog-strana .woocommerce form .form-row .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0 calc(var(--tb-s-s) * 2 + 1rem) 0 var(--tb-s-s);
	color: var(--tb-ink);
	line-height: 1.4;
}

.tb-nalog-strana .woocommerce form .form-row .select2-container .select2-selection--single .select2-selection__arrow {
	top: 50%;
	right: var(--tb-s-s);
	block-size: 1.5rem;
	transform: translateY(-50%);
}

/* Prikaz lozinke: dugme od 44 px u polju */
.tb-nalog-strana .woocommerce form .show-password-input {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 44px;
	block-size: 44px;
	right: 2px;
	border-radius: var(--tb-radius-sm);
}

.tb-nalog-strana .woocommerce form .password-input input[type="password"],
.tb-nalog-strana .woocommerce form .password-input input.input-text {
	padding-inline-end: 3rem;
}

/* Štiklir („Zapamti me“, saglasnosti): zona dodira 44 px */
.tb-nalog-strana .woocommerce form .form-row label.woocommerce-form__label-for-checkbox {
	display: inline-flex;
	align-items: center;
	gap: var(--tb-s-xs);
	min-block-size: var(--tb-control-h-sm);
	margin: 0;
	font-size: var(--tb-fs-card);
	font-weight: 400;
	cursor: pointer;
}

.tb-nalog-strana .woocommerce form .form-row label.woocommerce-form__label-for-checkbox input {
	flex: none;
	inline-size: 1.25rem;
	block-size: 1.25rem;
	margin: 0;
	accent-color: var(--tb-forest);
}

/* Dugmad WooCommerce-a (blok tema daje im klasu wp-element-button): mera iz sistema */
.tb-nalog-strana .woocommerce :is(button.button, a.button, input.button) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--tb-s-2xs);
	min-block-size: var(--tb-control-h);
	margin: 0;
	padding: 0 var(--tb-s-m);
	border: var(--tb-border-w-strong) solid var(--tb-forest);
	border-radius: var(--tb-radius);
	background: var(--tb-forest);
	color: var(--tb-white);
	font-family: inherit;
	font-size: var(--tb-fs-xs);
	font-weight: 600;
	letter-spacing: var(--tb-ls-caps);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	opacity: 1;
}

.tb-nalog-strana .woocommerce :is(button.button, a.button, input.button):hover {
	border-color: var(--tb-forest-2);
	background: var(--tb-forest-2);
	color: var(--tb-white);
	opacity: 1;
}

.tb-nalog-strana .woocommerce :is(button.button, a.button, input.button):focus-visible {
	outline: 2px solid var(--tb-focus);
	outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   3. Prijava i novi nalog (woocommerce/myaccount/form-login.php)
   -------------------------------------------------------------------------- */
.tb-nalog-ulaz {
	display: grid;
	gap: var(--tb-s-m);
}

.tb-nalog-panel {
	min-width: 0;
	padding: clamp(1.25rem, 4vw, 2.25rem);
	border: var(--tb-border-w) solid var(--tb-line);
	border-radius: var(--tb-radius);
	background: var(--tb-white);
}

.tb-nalog-panel--registracija {
	/* Sivi tekst na krem kartici: --tb-muted ovde ima samo 4,36:1, ova mešavina 6:1 (WCAG 1.4.3). */
	--tb-nalog-sivo: color-mix(in srgb, var(--tb-muted) 75%, var(--tb-ink));
	background: color-mix(in srgb, var(--tb-cream) 45%, var(--tb-white));
}

.tb-nalog-panel--registracija :is(.tb-nalog-panel__uvod, .tb-nalog-privatnost) {
	color: var(--tb-nalog-sivo);
}

.tb-nalog-panel[hidden],
.tb-nalog-tabovi[hidden] {
	display: none;
}

.tb-nalog-panel__naslov {
	margin: 0 0 var(--tb-s-2xs);
	font-size: clamp(1.375rem, 2.4vw, 1.625rem);
}

.tb-nalog-panel__uvod {
	margin: 0 0 var(--tb-s-l);
	color: var(--tb-muted);
	font-size: var(--tb-fs-card);
	line-height: 1.5;
}

/* WooCommerce okvir obrasca se ne koristi: okvir je panel. */
.tb-nalog-strana .woocommerce form.tb-nalog-forma {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
}

.tb-nalog-strana .woocommerce form .tb-nalog-forma__red {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--tb-s-2xs) var(--tb-s-m);
	margin-block-start: calc(var(--tb-s-2xs) * -1);
}

.tb-nalog-strana .woocommerce form .tb-nalog-forma__red::before,
.tb-nalog-strana .woocommerce form .tb-nalog-forma__red::after {
	display: none;
}

/* .tb-field već daje razmak između oznake i polja. */
.tb-nalog-strana .woocommerce form .form-row.tb-field label {
	margin: 0;
}

.tb-nalog-forma__link {
	display: inline-flex;
	align-items: center;
	min-block-size: var(--tb-control-h-sm);
	color: var(--tb-forest);
	font-size: var(--tb-fs-sm);
	font-weight: 600;
	text-underline-offset: 0.2em;
}

.tb-nalog-strana .woocommerce form .tb-nalog-forma__dugme {
	margin: 0;
}

.tb-nalog-strana .woocommerce form .tb-nalog-forma__dugme .button {
	float: none;
	inline-size: 100%;
}

.tb-nalog-prednosti {
	display: grid;
	gap: var(--tb-s-xs);
	margin: 0 0 var(--tb-s-l);
	padding: 0;
	list-style: none;
	font-size: var(--tb-fs-card);
	line-height: 1.45;
	--tb-ico-size: var(--tb-icon-md);
}

.tb-nalog-prednosti .tb-ico {
	align-items: flex-start;
	gap: var(--tb-s-xs);
}

.tb-nalog-prednosti .tb-ico::before {
	margin-top: 0.05em;
	color: var(--tb-success);
}

.tb-nalog-privatnost {
	margin: 0 0 var(--tb-s-m);
	color: var(--tb-muted);
	font-size: var(--tb-fs-xs);
	line-height: 1.5;
}

.tb-nalog-privatnost p {
	margin: 0;
}

.tb-nalog-privatnost a {
	color: var(--tb-forest);
	font-weight: 600;
}

.tb-nalog-gost {
	margin: var(--tb-s-l) 0 0;
	color: var(--tb-muted);
	font-size: var(--tb-fs-sm);
	text-align: center;
}

/*
 * Tabovi na telefonu (samo uz JavaScript, assets/js/nalog.js). Stanje je u CSS-u od prvog iscrtavanja: tabovi su
 * vidljivi, otvoren je panel iz data-aktivno, a naslovi panela su samo za čitače ekrana; skripta posle samo menja
 * tab (data-aktivno, hidden), pa se stranica ne pomera kada se skripta učita (CLS).
 */
.tb-nalog-tabovi {
	display: none;
	grid-template-columns: 1fr 1fr;
	gap: var(--tb-s-3xs);
	padding: var(--tb-s-3xs);
	border: var(--tb-border-w) solid var(--tb-line);
	border-radius: var(--tb-radius);
	background: var(--tb-paper);
}

.tb-nalog-tabovi__tab {
	min-block-size: var(--tb-control-h-sm);
	padding: 0 var(--tb-s-xs);
	border: 0;
	border-radius: var(--tb-radius-sm);
	background: transparent;
	color: var(--tb-muted);
	font-family: inherit;
	font-size: var(--tb-fs-sm);
	font-weight: 600;
	cursor: pointer;
	transition: background-color var(--tb-ease), color var(--tb-ease);
}

.tb-nalog-tabovi__tab[aria-selected="true"] {
	background: var(--tb-white);
	box-shadow: var(--tb-shadow-sm);
	color: var(--tb-forest);
}

.tb-nalog-tabovi__tab:focus-visible {
	outline: 2px solid var(--tb-focus);
	outline-offset: 1px;
}

/* Uz tabove je naslov panela isti kao tab: ostaje za čitače ekrana. */
.tb-nalog-ulaz.is-tabovi .tb-nalog-panel__naslov {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

.tb-nalog-ulaz.is-tabovi .tb-nalog-panel:focus {
	outline: none;
}

/* Klasa tb-nalog-js: postavlja je mala skripta u šablonu (bez pomeranja stranice), a uklanja se ako nalog.js ne
   proradi za 4 s, pa tada oba obrasca ostaju vidljiva jedan ispod drugog. */
@media (scripting: enabled) and (max-width: 899px) {
	.tb-nalog-ulaz--dva.tb-nalog-js .tb-nalog-tabovi:not([hidden]) {
		display: grid;
	}

	.tb-nalog-ulaz--dva.tb-nalog-js[data-aktivno="prijava"] .tb-nalog-panel--registracija,
	.tb-nalog-ulaz--dva.tb-nalog-js[data-aktivno="registracija"] .tb-nalog-panel--prijava {
		display: none;
	}

	.tb-nalog-ulaz--dva .tb-nalog-panel__naslov {
		position: absolute;
		inline-size: 1px;
		block-size: 1px;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
	}
}

@media (min-width: 900px) {
	.tb-nalog-ulaz--dva {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
		gap: var(--tb-s-l);
	}
}

/* --------------------------------------------------------------------------
   4. Prijavljen kupac: meni levo, sadržaj desno (na telefonu meni kao traka koja se lista prstom)
   -------------------------------------------------------------------------- */
.logged-in .tb-nalog-strana .woocommerce:has(> .woocommerce-MyAccount-navigation) {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--tb-s-l);
	align-items: start;
}

.logged-in .tb-nalog-strana .woocommerce:has(> .woocommerce-MyAccount-navigation) > :not(.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content) {
	grid-column: 1 / -1;
}

/* Pomoćni elementi WooCommerce-a za float raspored bi u mreži zauzeli ćeliju. */
.logged-in .tb-nalog-strana .woocommerce:has(> .woocommerce-MyAccount-navigation)::before,
.logged-in .tb-nalog-strana .woocommerce:has(> .woocommerce-MyAccount-navigation)::after {
	display: none;
}

.woocommerce-account .tb-nalog-strana .woocommerce-MyAccount-navigation,
.woocommerce-account .tb-nalog-strana .woocommerce-MyAccount-content {
	float: none;
	inline-size: auto;
	min-width: 0;
}

.woocommerce-account .tb-nalog-strana .woocommerce-MyAccount-navigation ul {
	position: relative;
	display: flex;
	gap: var(--tb-s-2xs);
	margin: 0 calc(var(--tb-gutter) * -1);
	padding: 2px var(--tb-gutter) var(--tb-s-2xs);
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
	list-style: none;
}

.woocommerce-account .tb-nalog-strana .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
	display: none;
}

.woocommerce-account .tb-nalog-strana .woocommerce-MyAccount-navigation li {
	flex: none;
	padding: 0;
	scroll-snap-align: start;
}

.woocommerce-account .tb-nalog-strana .woocommerce-MyAccount-navigation li a {
	display: inline-flex;
	align-items: center;
	gap: var(--tb-s-2xs);
	min-block-size: var(--tb-control-h-sm);
	padding: 0 var(--tb-s-s);
	border: var(--tb-border-w) solid var(--tb-line);
	border-radius: var(--tb-radius-pill);
	background: var(--tb-white);
	color: var(--tb-ink);
	font-size: var(--tb-fs-sm);
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color var(--tb-ease), border-color var(--tb-ease), color var(--tb-ease);
}

.woocommerce-account .tb-nalog-strana .woocommerce-MyAccount-navigation li a::before {
	content: "";
	flex: none;
	inline-size: var(--tb-icon-md);
	block-size: var(--tb-icon-md);
	background-color: currentColor;
	-webkit-mask: var(--tb-icon, url("../icons/chevron-right.svg")) center / contain no-repeat;
	mask: var(--tb-icon, url("../icons/chevron-right.svg")) center / contain no-repeat;
}

.woocommerce-account .tb-nalog-strana .woocommerce-MyAccount-navigation li a:hover {
	border-color: var(--tb-line-strong);
	background: var(--tb-paper);
	text-decoration: none;
}

.woocommerce-account .tb-nalog-strana .woocommerce-MyAccount-navigation li.is-active a {
	border-color: var(--tb-forest);
	background: var(--tb-forest);
	color: var(--tb-white);
	font-weight: 600;
	text-decoration: none;
}

.woocommerce-MyAccount-navigation-link--dashboard { --tb-icon: url("../icons/grid.svg"); }
.woocommerce-MyAccount-navigation-link--orders { --tb-icon: url("../icons/shopping-cart.svg"); }
.woocommerce-MyAccount-navigation-link--upiti { --tb-icon: url("../icons/roller.svg"); }
.woocommerce-MyAccount-navigation-link--lista-zelja { --tb-icon: url("../icons/heart.svg"); }
.woocommerce-MyAccount-navigation-link--obavestenja { --tb-icon: url("../icons/bell.svg"); }
.woocommerce-MyAccount-navigation-link--edit-address { --tb-icon: url("../icons/pin.svg"); }
.woocommerce-MyAccount-navigation-link--edit-account { --tb-icon: url("../icons/user.svg"); }
.woocommerce-MyAccount-navigation-link--payment-methods { --tb-icon: url("../icons/credit-card.svg"); }
.woocommerce-MyAccount-navigation-link--downloads { --tb-icon: url("../icons/layers.svg"); }
.woocommerce-MyAccount-navigation-link--customer-logout { --tb-icon: url("../icons/door.svg"); }

@media (min-width: 900px) {
	.logged-in .tb-nalog-strana .woocommerce:has(> .woocommerce-MyAccount-navigation) {
		grid-template-columns: 260px minmax(0, 1fr);
		gap: clamp(2rem, 4vw, 3.5rem);
	}

	.woocommerce-account .tb-nalog-strana .woocommerce-MyAccount-navigation {
		position: sticky;
		top: calc(var(--tb-header-h) + var(--tb-s-m));
		padding: var(--tb-s-2xs);
		border: var(--tb-border-w) solid var(--tb-line);
		border-radius: var(--tb-radius);
		background: var(--tb-white);
	}

	.woocommerce-account .tb-nalog-strana .woocommerce-MyAccount-navigation ul {
		flex-direction: column;
		gap: 2px;
		margin: 0;
		padding: 0;
		overflow: visible;
	}

	.woocommerce-account .tb-nalog-strana .woocommerce-MyAccount-navigation li a {
		display: flex;
		gap: var(--tb-s-xs);
		min-block-size: 46px;
		border: 0;
		border-radius: var(--tb-radius-sm);
		font-size: var(--tb-fs-card);
	}

	.woocommerce-account .tb-nalog-strana .woocommerce-MyAccount-navigation li.is-active a {
		background: var(--tb-cream);
		color: var(--tb-forest);
	}

	.woocommerce-account .tb-nalog-strana .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout {
		margin-top: var(--tb-s-2xs);
		padding-top: var(--tb-s-2xs);
		border-top: var(--tb-border-w) solid var(--tb-line);
	}

	.woocommerce-account .tb-nalog-strana .woocommerce-MyAccount-navigation-link--customer-logout a {
		color: var(--tb-muted);
	}
}

/* Sadržaj: razmak između delova i obaveštenja */
.woocommerce-MyAccount-content > :first-child {
	margin-block-start: 0;
}

.woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
	display: none;
}

.woocommerce-MyAccount-content :is(.wc-block-components-notice-banner, .woocommerce-message, .woocommerce-info, .woocommerce-error) {
	margin-block: 0 var(--tb-s-m);
}

/* Dugme u obaveštenju (npr. „Pošalji ponovo“): tekstualni link kao u WooCommerce obaveštenjima, zona dodira 44 px. */
.tb-nalog-strana .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .button.wc-forward {
	min-block-size: var(--tb-control-h-sm);
	margin: -0.625rem 0 -0.625rem var(--tb-s-s);
	padding: 0 !important;
	border: 0;
	color: var(--tb-forest) !important;
	font-size: var(--tb-fs-xs);
	opacity: 1;
	text-decoration: underline;
	text-underline-offset: 0.25em;
}

/* Telefon: dugme ispod teksta obaveštenja */
@media (max-width: 599px) {
	.tb-nalog-strana .wc-block-components-notice-banner > .wc-block-components-notice-banner__content:has(> .button.wc-forward) {
		display: flex;
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	.tb-nalog-strana .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .button.wc-forward {
		float: none;
		margin: var(--tb-s-3xs) 0 -0.625rem;
	}
}

/* --------------------------------------------------------------------------
   5. Oznake statusa (porudžbine, upiti, usluga na upit)
   -------------------------------------------------------------------------- */
.tb-status {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.25rem 0.625rem;
	border-radius: var(--tb-radius-pill);
	background: var(--tb-paper);
	box-shadow: inset 0 0 0 1px var(--tb-line);
	color: var(--tb-ink);
	font-size: var(--tb-fs-xxs);
	font-weight: 600;
	line-height: 1.3;
	white-space: nowrap;
	vertical-align: middle;
}

.tb-status::before {
	content: "";
	flex: none;
	inline-size: 0.4375rem;
	block-size: 0.4375rem;
	border-radius: 50%;
	background: currentColor;
}

.tb-status--processing,
.tb-status--upit-novo {
	background: color-mix(in srgb, var(--tb-forest) 8%, var(--tb-white));
	box-shadow: none;
	color: var(--tb-forest);
}

.tb-status--completed,
.tb-status--upit-zavrseno {
	background: color-mix(in srgb, var(--tb-success) 9%, var(--tb-white));
	box-shadow: none;
	color: var(--tb-success);
}

.tb-status--pending,
.tb-status--on-hold,
.tb-status--upit-kontaktiran {
	background: color-mix(in srgb, var(--tb-warning) 9%, var(--tb-white));
	box-shadow: none;
	color: var(--tb-warning);
}

.tb-status--cancelled,
.tb-status--failed {
	background: color-mix(in srgb, var(--tb-sale-dark) 7%, var(--tb-white));
	box-shadow: none;
	color: var(--tb-sale-dark);
}

.tb-status--refunded {
	color: var(--tb-muted);
}

.tb-status--usluga,
.tb-status--upit-ponuda {
	background: var(--tb-cream);
	box-shadow: none;
	color: var(--tb-gold-dark);
}

/* --------------------------------------------------------------------------
   6. Pregled (pozdrav iz teme, kartice iz dodatka)
   -------------------------------------------------------------------------- */
.tb-nalog-pozdrav {
	margin: 0 0 var(--tb-s-l);
}

.tb-nalog-pozdrav__naslov {
	margin: 0;
	font-size: clamp(1.375rem, 2.6vw, 1.75rem);
}

.tb-nalog-pozdrav__tekst {
	max-width: 62ch;
	margin: var(--tb-s-2xs) 0 0;
	color: var(--tb-muted);
	line-height: 1.55;
}

.tb-nalog-pozdrav__nije {
	margin: var(--tb-s-2xs) 0 0;
	color: var(--tb-muted);
	font-size: var(--tb-fs-sm);
}

.tb-nalog-pozdrav__nije a {
	color: var(--tb-forest);
	font-weight: 600;
}

.tb-nalog-kartice {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--tb-s-s);
}

@media (min-width: 600px) {
	.tb-nalog-kartice {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.tb-nalog-kartica {
	display: flex;
	flex-direction: column;
	gap: var(--tb-s-2xs);
	min-width: 0;
	padding: clamp(1.125rem, 2.5vw, 1.5rem);
	border: var(--tb-border-w) solid var(--tb-line);
	border-radius: var(--tb-radius);
	background: var(--tb-paper);
}

.tb-nalog-kartica > * {
	margin: 0;
}

.tb-nalog-strana .tb-nalog-kartica__naslov {
	gap: var(--tb-s-2xs);
	margin-bottom: var(--tb-s-3xs);
	color: var(--tb-muted);
	font-size: var(--tb-fs-xs);
	font-weight: 600;
	letter-spacing: var(--tb-ls-caps);
	text-transform: uppercase;
	--tb-ico-size: var(--tb-icon-md);
}

.tb-nalog-kartica__naslov::before {
	color: var(--tb-gold);
}

.tb-nalog-kartica__istaknuto {
	font-size: var(--tb-fs-lg);
	font-weight: 600;
	line-height: 1.35;
}

.tb-nalog-kartica__istaknuto a {
	color: var(--tb-ink);
	text-decoration: none;
}

.tb-nalog-kartica__istaknuto a:hover {
	color: var(--tb-forest);
	text-decoration: underline;
}

.tb-nalog-kartica__red {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--tb-s-2xs);
	color: var(--tb-muted);
	font-size: var(--tb-fs-sm);
}

.tb-nalog-kartica__tekst {
	color: var(--tb-muted);
	font-size: var(--tb-fs-card);
	font-style: normal;
	line-height: 1.5;
}

.tb-nalog-kartica__veza {
	margin-top: auto;
	padding-top: var(--tb-s-xs);
}

.tb-nalog-kartica__veza .tb-btn--text {
	min-block-size: var(--tb-control-h-sm);
}

.tb-nalog-brze ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--tb-s-l);
	margin: var(--tb-s-l) 0 0;
	padding: var(--tb-s-xs) 0 0;
	border-top: var(--tb-border-w) solid var(--tb-line);
	list-style: none;
	--tb-ico-size: var(--tb-icon-sm);
}

.tb-nalog-brze a {
	min-block-size: var(--tb-control-h-sm);
	color: var(--tb-ink);
	font-size: var(--tb-fs-sm);
	font-weight: 500;
	text-decoration: none;
}

.tb-nalog-brze a::before {
	color: var(--tb-forest);
}

.tb-nalog-brze a:hover {
	color: var(--tb-forest);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

/* --------------------------------------------------------------------------
   7. Porudžbine (lista) i pregled porudžbine
   -------------------------------------------------------------------------- */
.tb-nalog-strana table.shop_table {
	inline-size: 100%;
	margin: 0 0 var(--tb-s-l);
	border: var(--tb-border-w) solid var(--tb-line);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: var(--tb-radius);
	overflow: hidden;
	font-size: var(--tb-fs-card);
}

.tb-nalog-strana table.shop_table :is(th, td) {
	padding: var(--tb-s-xs) var(--tb-s-s);
	border: 0;
	border-top: var(--tb-border-w) solid var(--tb-line);
	text-align: start;
	vertical-align: middle;
}

.tb-nalog-strana table.shop_table thead th {
	border-top: 0;
	background: var(--tb-paper);
	color: var(--tb-muted);
	font-size: var(--tb-fs-xxs);
	font-weight: 600;
	letter-spacing: var(--tb-ls-caps);
	text-transform: uppercase;
}

.tb-nalog-strana table.shop_table tfoot :is(th, td) {
	background: var(--tb-paper);
}

.tb-nalog-strana table.shop_table tfoot tr:last-child :is(th, td) {
	font-size: var(--tb-fs-md);
	font-weight: 700;
}

.woocommerce-orders-table__cell-order-number a {
	color: var(--tb-forest);
	font-weight: 700;
}

.woocommerce-orders-table__cell-order-status .tb-status + .tb-status {
	margin-inline-start: var(--tb-s-3xs);
}

.tb-nalog-strana .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions {
	text-align: end;
}

.tb-nalog-strana .woocommerce .woocommerce-orders-table a.button {
	min-block-size: 40px;
	margin: 2px 0 2px var(--tb-s-2xs);
	padding: 0 var(--tb-s-s);
	background: transparent;
	color: var(--tb-forest);
}

.tb-nalog-strana .woocommerce .woocommerce-orders-table a.button:hover {
	background: var(--tb-forest);
	color: var(--tb-white);
}

.tb-nalog-strana .woocommerce-pagination {
	display: flex;
	gap: var(--tb-s-xs);
}

/* Telefon: porudžbina je kartica (WooCommerce skriva zaglavlje tabele do 768 px). */
@media (max-width: 768px) {
	.tb-nalog-strana table.shop_table_responsive {
		border: 0;
		border-radius: 0;
		overflow: visible;
	}

	.tb-nalog-strana table.shop_table_responsive tbody tr {
		margin: 0 0 var(--tb-s-xs);
		padding: var(--tb-s-2xs) 0;
		border: var(--tb-border-w) solid var(--tb-line);
		border-radius: var(--tb-radius);
		background: var(--tb-white);
	}

	.woocommerce-page .tb-nalog-strana table.shop_table_responsive tbody tr :is(td, th) {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-end;
		gap: var(--tb-s-2xs);
		padding: var(--tb-s-2xs) var(--tb-s-s);
		border-top: 0;
		background: transparent;
		text-align: end !important;
	}

	.woocommerce-page .tb-nalog-strana table.shop_table_responsive tbody tr td::before {
		float: none;
		margin-inline-end: auto;
		color: var(--tb-muted);
		font-size: var(--tb-fs-sm);
		font-weight: 600;
	}

	/* Broj porudžbine (th u redu) je naslov kartice */
	.woocommerce-page .tb-nalog-strana table.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-number {
		justify-content: flex-start;
		padding-block: var(--tb-s-xs) var(--tb-s-2xs);
		font-size: var(--tb-fs-lg);
	}

	.tb-nalog-strana .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions {
		justify-content: flex-end;
		padding-top: var(--tb-s-xs);
		border-top: var(--tb-border-w) solid var(--tb-line);
	}

	.tb-nalog-strana .woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.button {
		flex: 1 1 auto;
		margin: 0;
	}
}

/* Pregled porudžbine: uvodna rečenica sa brojem, datumom i statusom */
.woocommerce-view-order .woocommerce-MyAccount-content > p:first-of-type {
	margin: 0 0 var(--tb-s-l);
	padding: var(--tb-s-s);
	border-radius: var(--tb-radius);
	background: var(--tb-paper);
	color: var(--tb-muted);
}

.woocommerce-view-order .woocommerce-MyAccount-content > p:first-of-type mark {
	background: none;
	color: var(--tb-ink);
	font-weight: 700;
}

.woocommerce-view-order .woocommerce-MyAccount-content > p:first-of-type mark.order-status {
	display: inline-block;
	padding: 0.125rem 0.625rem;
	border-radius: var(--tb-radius-pill);
	background: var(--tb-cream);
	color: var(--tb-forest);
	font-size: var(--tb-fs-sm);
	font-weight: 600;
}

.tb-nalog-strana :is(.woocommerce-order-details, .woocommerce-customer-details, .woocommerce-order-downloads) {
	margin: 0 0 var(--tb-s-l);
}

.tb-nalog-strana .woocommerce-MyAccount-content :is(.woocommerce-order-details, .woocommerce-customer-details, .woocommerce-order-downloads, .wc-block-order-confirmation-additional-fields-wrapper) h2 {
	margin: 0 0 var(--tb-s-s);
	font-size: var(--tb-fs-lg);
	font-weight: 600;
	letter-spacing: var(--tb-ls-snug);
}

/* Iznosi u tabeli porudžbine desno */
.tb-nalog-strana table.woocommerce-table--order-details :is(th, td):last-child {
	text-align: end;
}

.tb-nalog-strana .woocommerce-table--order-details .product-name a {
	color: var(--tb-ink);
	font-weight: 600;
}

.tb-nalog-strana .woocommerce-table--order-details .product-quantity {
	color: var(--tb-muted);
	font-weight: 500;
}

/* Roba po meri ispod stavke (Product\PoMeri) i napomena o PDV-u ispod zbira (Korpa\Pdv) */
.tb-nalog-strana .tamban-po-meri {
	margin-top: var(--tb-s-3xs);
	color: var(--tb-ink);
	font-size: var(--tb-fs-xs);
	font-weight: 600;
}

.tb-nalog-strana .tamban-pdv-napomena {
	margin: var(--tb-s-2xs) 0 0;
	color: var(--tb-muted);
	font-size: var(--tb-fs-xs);
	text-align: end;
}

.tb-nalog-strana .wc-item-meta {
	margin: var(--tb-s-3xs) 0 0;
	padding: 0;
	color: var(--tb-muted);
	font-size: var(--tb-fs-sm);
	list-style: none;
}

.tb-nalog-strana .wc-item-meta li,
.tb-nalog-strana .wc-item-meta p {
	display: inline;
	margin: 0;
}

.tb-nalog-strana .wc-item-meta li {
	display: block;
}

.tb-nalog-strana .wc-item-meta .wc-item-meta-label {
	float: none;
	margin-inline-end: 0.25em;
	font-weight: 600;
}

.tb-nalog-strana .order-again {
	margin: 0 0 var(--tb-s-l);
}

/* Adrese kupca u porudžbini */
.tb-nalog-strana .woocommerce-customer-details .woocommerce-columns--addresses {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
	gap: var(--tb-s-s);
}

.tb-nalog-strana .woocommerce-customer-details .woocommerce-columns--addresses::before,
.tb-nalog-strana .woocommerce-customer-details .woocommerce-columns--addresses::after {
	display: none;
}

.tb-nalog-strana .woocommerce-customer-details .woocommerce-column {
	float: none;
	inline-size: auto;
}

.tb-nalog-strana .woocommerce-customer-details address {
	padding: var(--tb-s-s);
	border: var(--tb-border-w) solid var(--tb-line);
	border-radius: var(--tb-radius);
	background: var(--tb-paper);
	font-style: normal;
	line-height: 1.6;
}

.tb-nalog-strana .woocommerce-customer-details address p {
	margin: var(--tb-s-2xs) 0 0;
}

/* --------------------------------------------------------------------------
   8. Adrese i podaci naloga
   -------------------------------------------------------------------------- */
.woocommerce-edit-address .woocommerce-MyAccount-content > p:first-child,
.woocommerce-edit-address .woocommerce-MyAccount-content > .woocommerce-notices-wrapper + p {
	margin: 0 0 var(--tb-s-m);
	color: var(--tb-muted);
}

.tb-nalog-strana .woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: var(--tb-s-s);
}

.woocommerce-account .tb-nalog-strana .woocommerce .woocommerce-Addresses::before,
.woocommerce-account .tb-nalog-strana .woocommerce .woocommerce-Addresses::after {
	display: none;
}

.tb-nalog-strana .woocommerce-Addresses .woocommerce-Address {
	float: none;
	inline-size: auto;
	padding: clamp(1.125rem, 2.5vw, 1.5rem);
	border: var(--tb-border-w) solid var(--tb-line);
	border-radius: var(--tb-radius);
	background: var(--tb-paper);
}

.tb-nalog-strana .woocommerce-Address-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--tb-s-2xs) var(--tb-s-s);
	margin: 0 0 var(--tb-s-xs);
}

.woocommerce-account .tb-nalog-strana .addresses .woocommerce-Address-title::before,
.woocommerce-account .tb-nalog-strana .addresses .woocommerce-Address-title::after {
	display: none;
}

.tb-nalog-strana .woocommerce-Address-title :is(h2, h3) {
	float: none;
	margin: 0;
	font-size: var(--tb-fs-lg);
}

.tb-nalog-strana .woocommerce-Address-title .edit {
	display: inline-flex;
	align-items: center;
	float: none;
	min-block-size: var(--tb-control-h-sm);
	margin: 0;
	color: var(--tb-forest);
	font-size: var(--tb-fs-xs);
	font-weight: 600;
	letter-spacing: var(--tb-ls-caps);
	text-transform: uppercase;
	text-decoration: none;
}

.tb-nalog-strana .woocommerce-Address-title .edit:hover {
	text-decoration: underline;
	text-underline-offset: 0.25em;
}

.tb-nalog-strana .woocommerce-Address address {
	color: var(--tb-ink);
	font-style: normal;
	line-height: 1.6;
}

/* Obrasci adrese i podataka naloga: dve kolone za ime i prezime, ostalo preko cele širine */
.tb-nalog-strana :is(.woocommerce-address-fields__field-wrapper, form.woocommerce-EditAccountForm) {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	column-gap: var(--tb-s-s);
	max-width: 760px;
}

.tb-nalog-strana :is(.woocommerce-address-fields__field-wrapper, form.woocommerce-EditAccountForm) > * {
	grid-column: 1 / -1;
}

.tb-nalog-strana :is(.woocommerce-address-fields__field-wrapper, form.woocommerce-EditAccountForm) .form-row {
	float: none;
	inline-size: auto;
}

.tb-nalog-strana form.woocommerce-EditAccountForm > .clear,
.tb-nalog-strana .woocommerce-address-fields__field-wrapper > .clear {
	display: none;
}

@media (min-width: 600px) {
	.tb-nalog-strana :is(.woocommerce-address-fields__field-wrapper, form.woocommerce-EditAccountForm) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.tb-nalog-strana :is(.woocommerce-address-fields__field-wrapper, form.woocommerce-EditAccountForm) > .form-row-first {
		grid-column: 1;
	}

	.tb-nalog-strana :is(.woocommerce-address-fields__field-wrapper, form.woocommerce-EditAccountForm) > .form-row-last {
		grid-column: 2;
	}
}

.tb-nalog-strana .woocommerce-address-fields > p:last-child,
.tb-nalog-strana form.woocommerce-EditAccountForm > p:last-of-type {
	margin: var(--tb-s-xs) 0 0;
}

.woocommerce-edit-address .woocommerce-MyAccount-content form > :is(h2, h3) {
	margin: 0 0 var(--tb-s-m);
	font-size: var(--tb-fs-lg);
}

.tb-nalog-strana form.woocommerce-EditAccountForm fieldset {
	margin: var(--tb-s-xs) 0 var(--tb-s-m);
	padding: var(--tb-s-m) var(--tb-s-m) 0;
	border: var(--tb-border-w) solid var(--tb-line);
	border-radius: var(--tb-radius);
	background: var(--tb-paper);
}

.tb-nalog-strana form.woocommerce-EditAccountForm legend {
	padding: 0 var(--tb-s-2xs);
	font-size: var(--tb-fs-md);
	font-weight: 600;
}

.tb-nalog-strana form.woocommerce-EditAccountForm #account_display_name_description {
	display: block;
	margin-top: var(--tb-s-2xs);
	color: var(--tb-muted);
	font-size: var(--tb-fs-xs);
}

/* --------------------------------------------------------------------------
   9. Zaboravljena i nova lozinka
   -------------------------------------------------------------------------- */
.tb-nalog-strana form.woocommerce-ResetPassword {
	margin: 0;
	padding: clamp(1.25rem, 4vw, 2.25rem);
	border: var(--tb-border-w) solid var(--tb-line);
	border-radius: var(--tb-radius);
	background: var(--tb-white);
}

.tb-nalog-strana form.woocommerce-ResetPassword > p:first-child {
	margin: 0 0 var(--tb-s-m);
	color: var(--tb-muted);
	line-height: 1.55;
}

.tb-nalog-strana form.woocommerce-ResetPassword .form-row {
	float: none;
	inline-size: auto;
}

.tb-nalog-strana form.woocommerce-ResetPassword .clear {
	display: none;
}

.tb-nalog-strana form.woocommerce-ResetPassword .button {
	inline-size: 100%;
}

.woocommerce-lost-password .tb-nalog-strana .woocommerce > p {
	color: var(--tb-muted);
	line-height: 1.55;
}

/* --------------------------------------------------------------------------
   10. Upiti i usluge, lista želja (sadržaj iz dodatka)
   -------------------------------------------------------------------------- */
.tb-nalog-sekcija__uvod {
	max-width: 70ch;
	margin: 0 0 var(--tb-s-l);
	color: var(--tb-muted);
	line-height: 1.55;
}

.tb-nalog-blok + .tb-nalog-blok {
	margin-top: var(--tb-s-xl);
}

.tb-nalog-strana .tb-nalog-blok__naslov {
	margin: 0 0 var(--tb-s-s);
	font-size: var(--tb-fs-lg);
}

.tb-nalog-lista {
	display: grid;
	gap: var(--tb-s-xs);
	margin: 0;
	padding: 0;
	list-style: none;
}

.tb-nalog-stavka {
	padding: var(--tb-s-s) clamp(1rem, 2.5vw, 1.25rem);
	border: var(--tb-border-w) solid var(--tb-line);
	border-radius: var(--tb-radius);
	background: var(--tb-white);
}

.tb-nalog-stavka__vrh {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--tb-s-2xs) var(--tb-s-s);
}

.tb-nalog-strana .tb-nalog-stavka__naslov {
	margin: 0;
	font-size: var(--tb-fs-md);
	font-weight: 600;
}

.tb-nalog-stavka__podaci {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
	gap: var(--tb-s-xs) var(--tb-s-l);
	margin: var(--tb-s-xs) 0 0;
}

.tb-nalog-stavka__podaci > div {
	min-width: 0;
}

.tb-nalog-stavka__podaci dt {
	margin: 0 0 2px;
	color: var(--tb-muted);
	font-size: var(--tb-fs-xs);
	font-weight: 500;
}

.tb-nalog-stavka__podaci dd {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--tb-s-2xs);
	margin: 0;
	font-size: var(--tb-fs-card);
	overflow-wrap: anywhere;
}

.tb-nalog-stavka__podaci a {
	color: var(--tb-forest);
	font-weight: 600;
}

.tb-nalog-stavka__poruka {
	grid-column: 1 / -1;
}

.tb-nalog-stavka__datum {
	color: var(--tb-muted);
	font-size: var(--tb-fs-sm);
}

.tb-nalog-stavka__stanje {
	margin: var(--tb-s-xs) 0 0;
	padding-top: var(--tb-s-xs);
	border-top: var(--tb-border-w) dashed var(--tb-line);
	color: var(--tb-muted);
	font-size: var(--tb-fs-sm);
	line-height: 1.5;
}

.tb-nalog-prazno {
	padding: clamp(1.25rem, 3vw, 1.75rem);
	border: var(--tb-border-w) dashed var(--tb-line-strong);
	border-radius: var(--tb-radius);
	background: var(--tb-paper);
}

.tb-nalog-prazno p {
	margin: 0;
	color: var(--tb-muted);
}

.tb-nalog-prazno .tb-nalog-prazno__akcije {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--tb-s-s) var(--tb-s-l);
	margin-top: var(--tb-s-s);
}

.tb-nalog-napomena {
	max-width: 70ch;
	margin: var(--tb-s-l) 0 0;
	color: var(--tb-muted);
	font-size: var(--tb-fs-xs);
	line-height: 1.5;
}

/* Lista želja u nalogu: kartice iz kataloga (kartice.css), uža mreža pored menija */
.tb-nalog-lista .tb-wishlist-page,
.tb-nalog-sekcija .tb-wishlist-page {
	margin: 0;
}

@media (min-width: 900px) {
	.tb-nalog-sekcija .tb-products {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* --------------------------------------------------------------------------
   11. Obaveštenja (sadržaj iz dodatka, Obavestenja\Nalog): prijave „Obavesti me kada stigne“ i podešavanja
   obaveštenja sa liste želja
   -------------------------------------------------------------------------- */
.tb-nalog-ob {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	align-items: start;
	gap: var(--tb-s-s);
}

.tb-nalog-ob:not(:has(.tb-nalog-ob__media)) {
	grid-template-columns: minmax(0, 1fr);
}

.tb-nalog-ob__media img {
	display: block;
	inline-size: 64px;
	block-size: 64px;
	border-radius: var(--tb-radius-sm);
	background: var(--tb-paper);
	object-fit: cover;
}

.tb-nalog-ob__telo {
	min-width: 0;
}

.tb-nalog-strana .tb-nalog-ob .tb-nalog-stavka__naslov a {
	color: var(--tb-ink);
	text-decoration: none;
}

.tb-nalog-strana .tb-nalog-ob .tb-nalog-stavka__naslov a:hover {
	text-decoration: underline;
}

.tb-nalog-ob__otkazi {
	margin: var(--tb-s-xs) 0 0;
}

.tb-status--ob-na-cekanju {
	background: color-mix(in srgb, var(--tb-warning) 9%, var(--tb-white));
	box-shadow: none;
	color: var(--tb-warning);
}

.tb-status--ob-aktivno {
	background: color-mix(in srgb, var(--tb-forest) 8%, var(--tb-white));
	box-shadow: none;
	color: var(--tb-forest);
}

.tb-status--ob-poslato {
	background: color-mix(in srgb, var(--tb-success) 9%, var(--tb-white));
	box-shadow: none;
	color: var(--tb-success);
}

.tb-status--ob-otkazano {
	color: var(--tb-muted);
}

.tb-nalog-ob-izbor {
	max-width: 70ch;
	padding: var(--tb-s-s) clamp(1rem, 2.5vw, 1.25rem);
	border: var(--tb-border-w) solid var(--tb-line);
	border-radius: var(--tb-radius);
	background: var(--tb-white);
}

.tb-nalog-ob-izbor__grupa {
	display: grid;
	margin: 0;
	padding: 0;
	border: 0;
}

.tb-nalog-ob-izbor__legenda {
	margin: 0 0 var(--tb-s-2xs);
	padding: 0;
	font-weight: 600;
}

/* WooCommerce daje oznakama razmak ispod (.woocommerce-page label); ovde je red visok najmanje 44 px (dodir). */
.woocommerce-page .tb-nalog-ob-izbor__opcija {
	box-sizing: border-box;
	align-items: flex-start;
	margin: 0;
	padding-block: 0.6875rem;
	line-height: 1.4;
}

.tb-nalog-ob-izbor__opcija input {
	margin-top: 0.05rem;
}

.tb-nalog-ob-izbor__opis {
	margin: var(--tb-s-2xs) 0 0;
	color: var(--tb-muted);
	font-size: var(--tb-fs-xs);
	line-height: 1.5;
}

.tb-nalog-ob-izbor__akcije {
	margin: var(--tb-s-s) 0 0;
}

/* --------------------------------------------------------------------------
   12. Brisanje naloga (Podaci naloga, ispod obrasca; sadržaj iz dodatka, Nalog\Brisanje, D-020)
   Dugme „Zatraži brisanje naloga“ otvara korak potvrde (nalog.js); bez JavaScript-a korak je odmah vidljiv.
   Dugmad su 48 px (.tb-btn), red sa štikliranjem najmanje 44 px, pa i na dodir nema manjih meta.
   -------------------------------------------------------------------------- */
.tb-brisanje {
	max-width: 760px;
	margin-top: var(--tb-s-xl);
	padding-top: var(--tb-s-l);
	border-top: var(--tb-border-w) solid var(--tb-line);
}

.tb-brisanje [hidden] {
	display: none !important;
}

.tb-brisanje__poruka:is(.is-uspeh, .is-info, .is-greska) {
	margin: 0 0 var(--tb-s-m);
	padding: var(--tb-s-s) clamp(1rem, 2.5vw, 1.25rem);
	border-inline-start: 4px solid var(--tb-forest);
	border-radius: var(--tb-radius);
	background: color-mix(in srgb, var(--tb-forest) 6%, var(--tb-white));
	color: var(--tb-ink);
	line-height: 1.55;
}

.tb-brisanje__poruka.is-uspeh {
	border-inline-start-color: var(--tb-success);
	background: color-mix(in srgb, var(--tb-success) 8%, var(--tb-white));
}

.tb-brisanje__poruka.is-greska {
	border-inline-start-color: var(--tb-sale-dark);
	background: color-mix(in srgb, var(--tb-sale-dark) 6%, var(--tb-white));
}

.tb-brisanje__poruka p {
	margin: 0;
}

.tb-brisanje .tb-brisanje__uvod {
	margin-bottom: var(--tb-s-m);
}

.tb-brisanje__kolone {
	display: grid;
	gap: var(--tb-s-s);
	margin: 0 0 var(--tb-s-m);
}

@media (min-width: 600px) {
	.tb-brisanje__kolone {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.tb-brisanje__kolona {
	padding: var(--tb-s-s) clamp(1rem, 2.5vw, 1.25rem);
	border: var(--tb-border-w) solid var(--tb-line);
	border-radius: var(--tb-radius);
	background: var(--tb-paper);
}

.tb-nalog-strana .tb-brisanje__podnaslov {
	margin: 0 0 var(--tb-s-2xs);
	font-size: var(--tb-fs-md);
	font-weight: 600;
}

.tb-brisanje__lista,
.tb-brisanje__koraci {
	margin: 0;
	padding-inline-start: 1.25rem;
	color: var(--tb-ink);
	font-size: var(--tb-fs-sm);
	line-height: 1.55;
}

.tb-brisanje__lista li + li,
.tb-brisanje__koraci li + li {
	margin-top: var(--tb-s-3xs);
}

.tb-brisanje__koraci {
	max-width: 70ch;
	margin-bottom: var(--tb-s-m);
}

.tb-brisanje__otvori {
	margin: 0;
}

.tb-brisanje__potvrda,
.tb-brisanje__status {
	padding: var(--tb-s-s) clamp(1rem, 2.5vw, 1.25rem);
	border: var(--tb-border-w) solid var(--tb-line);
	border-radius: var(--tb-radius);
	background: var(--tb-white);
}

.tb-brisanje__otvori + .tb-brisanje__potvrda {
	margin-top: var(--tb-s-s);
}

.tb-brisanje__polje {
	margin: 0;
}

/* WooCommerce daje oznakama razmak ispod (.woocommerce-page label); red je visok najmanje 44 px (dodir). */
.woocommerce-page .tb-brisanje .tb-check {
	box-sizing: border-box;
	align-items: flex-start;
	margin: 0;
	padding-block: 0.6875rem;
	line-height: 1.4;
}

.tb-brisanje .tb-check input {
	margin-top: 0.05rem;
}

.tb-brisanje .tb-check input[aria-invalid="true"] {
	outline: 2px solid var(--tb-sale-dark);
	outline-offset: 2px;
}

.tb-brisanje__greska {
	margin: 0 0 var(--tb-s-2xs);
}

.tb-brisanje__akcije {
	display: flex;
	flex-wrap: wrap;
	gap: var(--tb-s-xs);
	margin: var(--tb-s-s) 0 0;
}

.tb-brisanje__status p {
	margin: 0 0 var(--tb-s-xs);
	line-height: 1.55;
}

.tb-brisanje__status .tb-brisanje__akcije {
	margin-top: var(--tb-s-xs);
}

.tb-brisanje__status-vrh {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--tb-s-2xs) var(--tb-s-s);
}

.tb-brisanje__datum {
	color: var(--tb-muted);
	font-size: var(--tb-fs-xs);
}

.tb-brisanje__napomena {
	max-width: 70ch;
	margin: 0;
	color: var(--tb-ink);
	line-height: 1.55;
}

/* Telefon: dugmad preko cele širine (tekst dugmeta je velikim slovima i ne lomi se) */
@media (max-width: 599px) {
	.tb-brisanje :is(.tb-brisanje__otvori, .tb-brisanje__akcije) .tb-btn {
		inline-size: 100%;
		white-space: normal;
	}
}