/*
 * Ziher.me — tamni dizajn za WooCommerce „Moj nalog" (T1.15).
 *
 * Čuva zatečeni tamni identitet sajta (iz makete stranice 428):
 *   --bg-site: #0b1220 · --bg-body: #060a12 · --primary: #1D9E75
 *   border: rgba(255,255,255,0.07) · text-muted: rgba(255,255,255,0.55)
 *
 * Učitava se SAMO na `is_account_page()` (vidi functions.php).
 */

.ziher-nalog-kartica {
	margin: 0 0 16px;
	padding: 16px 18px;
	border: 1px solid var(--ziher-border);
	border-radius: 12px;
	background: var(--ziher-panel);
}
.ziher-nalog-kartica h2,
.ziher-medalja {
	margin: 0 0 8px;
	color: var(--ziher-primary);
	font-size: 1.05rem;
}
.ziher-nalog-kartica p { margin: 0; }

/* Brko avatar — inicijal + medalja (D46: slika stiže od Marka, do tada inicijal). */
.ziher-brko-avatar {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	margin: 0 0 12px;
	border-radius: 50%;
	background: linear-gradient(160deg, #1d9e75, #0b5c47);
	color: #fff;
	font-size: 1.6rem;
	font-weight: 800;
	overflow: hidden;
}
.ziher-brko-avatar--slika img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ziher-brko-medalja {
	position: absolute;
	right: -4px;
	bottom: -4px;
	padding: 3px 8px;
	border-radius: 999px;
	background: #060a12;
	border: 1px solid rgba(255, 255, 255, 0.16);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	white-space: nowrap;
}

/* Premium dashboard (C12 mockup, uklopljeno). */
.ziher-dash {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.ziher-dash__vrh {
	display: flex;
	align-items: center;
	gap: 14px;
}
.ziher-dash__koga p {
	margin: 0 0 4px;
}
.ziher-dash__koga p:not(.ziher-medalja) {
	color: var(--ziher-text-muted);
	font-size: 13px;
}

.ziher-dash__stanje {
	padding: 20px 18px;
	background: linear-gradient(160deg, rgba(29, 158, 117, 0.18), rgba(6, 10, 18, 0.45));
	border: 1px solid var(--ziher-border);
	border-radius: 16px;
}
.ziher-dash__stanje span {
	display: block;
	color: var(--ziher-text-muted);
	font-size: 13px;
}
.ziher-dash__stanje strong {
	display: block;
	margin: 6px 0 2px;
	color: #fff;
	font-size: 2rem;
	font-weight: 800;
	letter-spacing: -0.01em;
}
.ziher-dash__stanje small {
	color: var(--ziher-primary);
	font-size: 13px;
}

.ziher-dash__stat {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}
.ziher-dash__stat div {
	padding: 14px 12px;
	background: rgba(6, 10, 18, 0.45);
	border: 1px solid var(--ziher-border);
	border-radius: 14px;
}
.ziher-dash__stat span,
.ziher-dash__stat small {
	display: block;
	color: var(--ziher-text-muted);
	font-size: 12px;
}
.ziher-dash__stat strong {
	display: block;
	margin-top: 4px;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 800;
}

.ziher-dash__aktivnost h3 {
	margin: 0 0 10px;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
}
.ziher-dash__aktivnost ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.ziher-dash__aktivnost li {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 12px;
	align-items: center;
	padding: 11px 12px;
	background: rgba(6, 10, 18, 0.35);
	border: 1px solid var(--ziher-border);
	border-radius: 12px;
}
.ziher-dash__opis {
	flex: 1 1 140px;
	font-weight: 700;
	color: #fff;
	font-size: 14px;
}
.ziher-dash__meta {
	color: var(--ziher-text-muted);
	font-size: 12px;
}
.ziher-dash__stanje {
	font-weight: 700;
	font-size: 12px;
}
.ziher-dash__stanje.is-won { color: #3ddc97; }
.ziher-dash__stanje.is-lost { color: #e07a7a; }
.ziher-dash__stanje.is-pending { color: #7eb6ff; }
.ziher-dash__stanje.is-void { color: var(--ziher-text-muted); }

.ziher-dash__prazno {
	color: var(--ziher-text-muted);
	font-size: 13px;
	line-height: 1.5;
}

.ziher-nalog-napomena {
	display: block;
	margin-top: 4px;
	color: rgba(255, 255, 255, 0.55);
	font-size: 12px;
}

@media (max-width: 720px) {
	.ziher-dash__stat {
		grid-template-columns: 1fr 1fr;
	}
}

/* AŽURIRANO oznaka (C12 modul 2) — ista kao na javnim stranicama. */
.woocommerce-MyAccount-content .tiket-upozorenje {
	margin: 10px 0 0;
	padding: 8px 12px;
	border-left: 3px solid #f59e0b;
	background: rgba(245, 158, 11, 0.1);
	color: #fff;
	font-size: 13px;
	line-height: 1.4;
}
.woocommerce-MyAccount-content .tiket-upozorenje a {
	color: #f59e0b;
}

:root {
	--ziher-bg-site: #0b1220;
	--ziher-bg-body: #060a12;
	--ziher-panel: rgba(14, 22, 38, 0.6);
	--ziher-primary: #1D9E75;
	--ziher-primary-hover: #167e5d;
	--ziher-border: rgba(255, 255, 255, 0.07);
	--ziher-text-muted: rgba(255, 255, 255, 0.55);
	--ziher-text: #ffffff;
}

/* ============================================================================
   Pozadina i kontejner
   ============================================================================ */
.woocommerce-account.ast-separate-container,
.woocommerce-account .ast-container,
.woocommerce-account .site-content,
.woocommerce-account .ast-woocommerce-container,
.woocommerce-account .site-main,
.woocommerce-account #primary,
.woocommerce-account #content {
	background-color: var(--ziher-bg-body);
	background-image: none;
}

.woocommerce-account .ast-woocommerce-container {
	background-color: transparent;
	border: none;
}

.woocommerce-account .entry-content,
.woocommerce-account .woocommerce {
	color: var(--ziher-text);
}

/* ============================================================================
   Navigacija naloga — gornja horizontalna (C12 mockup, ne lijevi bočni meni)
   ============================================================================ */
.woocommerce-MyAccount-navigation.ziher-nalog-nav {
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--ziher-border);
	border-radius: 0;
	padding: 0;
	margin-bottom: 20px;
}

.woocommerce-MyAccount-navigation.ziher-nalog-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.woocommerce-MyAccount-navigation.ziher-nalog-nav ul li {
	margin: 0;
}

.woocommerce-MyAccount-navigation.ziher-nalog-nav ul li a {
	display: block;
	padding: 10px 14px;
	border-radius: 10px;
	color: var(--ziher-text-muted);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
	white-space: nowrap;
}

.woocommerce-MyAccount-navigation.ziher-nalog-nav ul li a:hover {
	background: rgba(255, 255, 255, 0.04);
	color: #fff;
}

.woocommerce-MyAccount-navigation.ziher-nalog-nav ul li.is-active a {
	background: var(--ziher-primary);
	color: #fff;
	font-weight: 700;
}

/* ============================================================================
   Sadržaj naloga (full-width, C12 mockup)
   ============================================================================ */
.woocommerce-account .woocommerce {
	max-width: 100%;
}
.woocommerce-MyAccount-content.ziher-nalog-sadrzaj {
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
	color: var(--ziher-text);
	width: 100%;
}

.woocommerce-MyAccount-content h1,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content h4,
.woocommerce-MyAccount-content p {
	color: var(--ziher-text);
}

.woocommerce-MyAccount-content p {
	color: var(--ziher-text-muted);
}

.woocommerce-MyAccount-content a {
	color: var(--ziher-primary);
}

.woocommerce-MyAccount-content a:hover {
	color: var(--ziher-primary-hover);
}

/* ============================================================================
   Tabele (narudžbe)
   ============================================================================ */
.woocommerce-MyAccount-content table.shop_table,
.woocommerce-table__table,
.woocommerce-orders-table {
	background: rgba(6, 10, 18, 0.4);
	border: 1px solid var(--ziher-border);
	border-radius: 12px;
	color: var(--ziher-text);
}

.woocommerce-MyAccount-content table th {
	color: var(--ziher-text-muted);
	text-transform: uppercase;
	font-size: 11px;
	border-bottom: 1px solid var(--ziher-border);
}

.woocommerce-MyAccount-content table td {
	color: var(--ziher-text);
	border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

/* ============================================================================
   Forme (adresa, detalji naloga, login)
   ============================================================================ */
.woocommerce-MyAccount-content input,
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea,
.woocommerce-MyAccount-content .input-text {
	background: rgba(6, 10, 18, 0.6);
	border: 1px solid var(--ziher-border);
	border-radius: 10px;
	color: #fff;
}

.woocommerce-MyAccount-content input:focus,
.woocommerce-MyAccount-content select:focus,
.woocommerce-MyAccount-content textarea:focus {
	border-color: var(--ziher-primary);
	outline: none;
}

.woocommerce-MyAccount-content label,
.woocommerce-MyAccount-content legend {
	color: rgba(255, 255, 255, 0.6);
}

/* ============================================================================
   Dugmad
   ============================================================================ */
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content button.button,
.woocommerce-MyAccount-content a.button {
	background: var(--ziher-primary);
	color: #fff;
	border: none;
	border-radius: 10px;
	font-weight: 700;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content button.button:hover,
.woocommerce-MyAccount-content a.button:hover {
	background: var(--ziher-primary-hover);
	color: #fff;
}

/* ============================================================================
   Custom kartice (Moji tiketi / Bet tracker) — placeholder
   ============================================================================ */
.ziher-account-panel {
	min-height: 180px;
}

.ziher-account-panel__title {
	font-size: 20px;
	font-weight: 800;
	color: #fff;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--ziher-border);
}

.ziher-account-panel__empty {
	font-size: 14px;
	line-height: 1.7;
	color: var(--ziher-text-muted);
}

.ziher-trk {
	font-family: Poppins, sans-serif;
}

.ziher-trk h2,
.ziher-trk h3 {
	margin: 0;
	color: #fff;
}

.ziher-trk h2 {
	font-size: 1.35rem;
	font-weight: 800;
}

.ziher-trk h3 {
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .02em;
	color: rgba(255, 255, 255, .72);
}

.ziher-trk__vrh {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
}

.ziher-trk__kad,
.ziher-trk__filter {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.woocommerce-account .woocommerce-MyAccount-content .ziher-trk__kad a,
.woocommerce-account .woocommerce-MyAccount-content .ziher-trk__filter a,
.woocommerce-account .woocommerce-MyAccount-content .ziher-trk__filter .is-zakljucan {
	padding: 6px 10px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 999px;
	color: rgba(255, 255, 255, .72);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-content .ziher-trk__kad a[aria-current="true"],
.woocommerce-account .woocommerce-MyAccount-content .ziher-trk__filter a[aria-current="true"] {
	background: #1d9e75;
	border-color: #1d9e75;
	color: #fff;
}

.ziher-trk__filter {
	margin: 16px 0 12px;
}

.ziher-trk__filter .is-zakljucan {
	opacity: .45;
}

.ziher-trk__brojevi {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.ziher-trk__brojevi div {
	padding: 14px 12px;
	background: rgba(6, 10, 18, .45);
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 14px;
}

.ziher-trk__brojevi span,
.ziher-trk__brojevi small {
	display: block;
	color: rgba(255, 255, 255, .55);
	font-size: 12px;
}

.ziher-trk__brojevi strong {
	display: block;
	margin: 4px 0 2px;
	color: #fff;
	font-size: 1.35rem;
	font-weight: 800;
}

.ziher-trk__rano,
.ziher-trk__prazno,
.ziher-trk__kasnije,
.ziher-trk__upozorenje {
	margin: 12px 0 0;
	color: rgba(255, 255, 255, .62);
	font-size: 13px;
	line-height: 1.5;
}

.ziher-trk__graf,
.ziher-trk__zakljucano,
.ziher-trk__sitno section,
.ziher-trk__tiket,
.ziher-trk__sacekaj,
.ziher-trk__unos {
	margin-top: 14px;
	padding: 14px;
	background: rgba(6, 10, 18, .35);
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 14px;
}

.ziher-trk__svg {
	display: block;
	width: 100%;
	height: auto;
}

.ziher-trk__premium {
	display: inline-block;
	margin-top: 8px;
	padding: 8px 14px;
	border-radius: 10px;
	background: #1d9e75;
	color: #fff !important;
	font-weight: 700;
	text-decoration: none;
}

.ziher-trk__sitno {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.ziher-trk__traka {
	display: grid;
	grid-template-columns: 88px 1fr auto;
	gap: 8px;
	align-items: center;
	margin-top: 8px;
	color: rgba(255, 255, 255, .78);
	font-size: 13px;
}

.ziher-trk__traka-lin {
	display: block;
	height: 8px;
	border-radius: 99px;
	background: rgba(255, 255, 255, .06);
	overflow: hidden;
}

.ziher-trk__traka-lin i {
	display: block;
	height: 100%;
	border-radius: 99px;
}

.ziher-trk .is-plus {
	color: #3ddc97;
}

.ziher-trk .is-minus {
	color: #e07a7a;
}

.ziher-trk__traka-lin .is-plus {
	background: #1d9e75;
}

.ziher-trk__traka-lin .is-minus {
	background: #c45c5c;
}

.ziher-trk__tiket details summary {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	align-items: center;
	cursor: pointer;
	list-style: none;
}

.ziher-trk__tiket details summary::-webkit-details-marker {
	display: none;
}

.ziher-trk__opis {
	flex: 1 1 160px;
	font-weight: 700;
	color: #fff;
}

.ziher-trk__meta,
.ziher-trk__stanje {
	color: rgba(255, 255, 255, .62);
	font-size: 13px;
}

.ziher-trk__meta {
	flex: 1 1 100%;
}

.ziher-trk__iznos {
	font-weight: 800;
	color: #fff;
}

.ziher-trk__sport {
	display: inline-flex;
	color: #7eb6ff;
}

.ziher-trk__sport[data-sport="fudbal"] {
	color: #3ddc97;
}

.ziher-trk__sport[data-sport="kosarka"] {
	color: #f08a2a;
}

.ziher-trk__sport[data-sport="tenis"] {
	color: #d6e34a;
}

.ziher-trk__noge {
	list-style: none;
	margin: 8px 0;
	padding: 0;
}

.ziher-trk__noge li,
.ziher-trk__unutra ul li {
	display: flex;
	gap: 8px;
	align-items: center;
	margin: 6px 0;
}

.woocommerce-MyAccount-content .ziher-trk button {
	margin: 8px 6px 0 0;
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 10px;
	background: transparent;
	color: #fff;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.woocommerce-MyAccount-content .ziher-trk button.is-dobitan {
	background: #1d9e75;
	border-color: #1d9e75;
}

.ziher-trk__unos label,
.ziher-trk__sacekaj p {
	display: block;
	margin-top: 10px;
	color: rgba(255, 255, 255, .72);
}

.ziher-trk__unos input {
	display: block;
	width: min(100%, 280px);
	margin-top: 4px;
}

#ziher-suggestions {
	margin: 6px 0 0;
	padding: 0;
	list-style: none;
}

#ziher-suggestions li {
	padding: 8px 10px;
	cursor: pointer;
	color: #fff;
}

@media (max-width: 720px) {
	.ziher-trk__brojevi,
	.ziher-trk__sitno {
		grid-template-columns: 1fr 1fr;
	}

}

/* ============================================================================
   Responsivnost
   ============================================================================ */
@media (max-width: 921px) {
	.woocommerce-MyAccount-content {
		padding: 20px;
	}
}

body.woocommerce-account:not(.logged-in) .entry-header {
	display: none;
}

.ziher-auth {
	width: min(440px, calc(100% - 32px));
	margin: 36px auto 56px;
	padding: 28px 24px 32px;
	background: #0b1220;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 16px;
	color: #fff;
	font-family: Poppins, sans-serif;
}

.ziher-auth h1 {
	margin: 0 0 16px;
	font-size: 1.4rem;
	color: #fff;
}

.ziher-auth__tabs {
	display: flex;
	gap: 8px;
	margin-bottom: 18px;
}

.ziher-auth__tab {
	min-height: 36px;
	padding: 8px 14px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 10px;
	background: transparent;
	color: rgba(255, 255, 255, .72);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.ziher-auth__tab.is-on {
	background: #1d9e75;
	border-color: #1d9e75;
	color: #fff;
}

.ziher-auth__panel {
	display: none;
}

.ziher-auth__panel.is-on {
	display: block;
}

.ziher-auth label,
.ziher-auth__lead,
.ziher-auth__note {
	color: rgba(255, 255, 255, .72);
	font-size: 14px;
}

.ziher-auth .input-text {
	display: block;
	width: 100%;
	margin-top: 6px;
	min-height: 44px;
	padding: 10px 12px;
	background: #060a12 !important;
	border: 1px solid rgba(255, 255, 255, .16) !important;
	border-radius: 10px;
	color: #fff !important;
	box-sizing: border-box;
}

.ziher-auth form.login,
.ziher-auth form.register,
.ziher-auth form.lost_reset_password {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border-radius: 0 !important;
}

.ziher-auth .form-row {
	margin: 0 0 14px;
}

.ziher-auth__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin: 0 0 16px;
}

.ziher-auth__check {
	display: flex;
	align-items: center;
	gap: 8px;
}

.ziher-auth__reset,
.ziher-auth a {
	color: #1d9e75;
}

.ziher-auth__submit {
	width: 100%;
	min-height: 46px;
	border: 0;
	border-radius: 12px;
	background: #1d9e75 !important;
	color: #fff !important;
	font: inherit;
	font-weight: 800;
	cursor: pointer;
}

.ziher-auth__submit:hover {
	background: #167e5d !important;
}

.ziher-auth__back {
	margin: 16px 0 0;
}

body.woocommerce-account .woocommerce-notices-wrapper,
body.woocommerce-account .woocommerce-error,
body.woocommerce-account .woocommerce-message {
	width: min(440px, calc(100% - 32px));
	margin-left: auto;
	margin-right: auto;
}