/* ============================================================================
   MGV GPS Security — brend (učitava se POSLIJE css/theme.css)
   Paleta preuzeta sa mgv-gps.com / mgv.rs i iz logotipa:
     zlatna  #E7CE8C (sajt) · #C9A863 / #BE9953 / #B38D46 (logo)
     crna    #000000 / #121211 · tamnoplava #111032 (tekst na zlatnim dugmadima)
   Font naslova: Montserrat (kao na sajtu)
   ============================================================================ */

:root {
  --mgv-gold: #e7ce8c;
  --mgv-gold-2: #c9a863;
  --mgv-gold-3: #b38d46;
  --mgv-gold-dark: #8a6a22;
  --mgv-black: #0b0b0c;
  --mgv-navy: #111032;
  --mgv-gold-gradient: linear-gradient(135deg, #e9d08e 0%, #c9a863 45%, #a8822f 100%);

  /* svijetla tema: tamnije zlato zbog čitljivosti bijelog teksta (kontrast ≥ 5:1) */
  --vfl-primary: #8a6a22;
  --vfl-primary-hover: #745818;
  --vfl-primary-active: #5f4813;
  --vfl-primary-soft: #f6eed8;
  --vfl-primary-soft-ink: #6b5117;
  --vfl-on-primary: #ffffff;
  --vfl-info: #8a6a22;
  --vfl-info-soft: #f6eed8;
  --vfl-info-soft-ink: #6b5117;
  --vfl-bg: #f7f5f0;
  --vfl-surface-2: #f3efe6;
  --vfl-border: #e7e1d4;
  --vfl-border-strong: #d6ccb6;
  --vfl-divider: #efe9dc;
  --vfl-text: #121211;
  --vfl-text-muted: #6b6458;
  --vfl-text-subtle: #9a9284;
  --vfl-focus-ring: 0 0 0 3px rgba(201, 168, 99, 0.35);
  --vfl-font-brand: "Montserrat", var(--vfl-font);
}

[data-theme="dark"] {
  --vfl-primary: #e7ce8c;
  --vfl-primary-hover: #f0dca6;
  --vfl-primary-active: #d9b866;
  --vfl-primary-soft: #3a3020;
  --vfl-primary-soft-ink: #f0dca6;
  --vfl-on-primary: #111032;
  --vfl-info: #e7ce8c;
  --vfl-info-soft: #3a3020;
  --vfl-info-soft-ink: #f0dca6;
  --vfl-bg: #0b0b0c;
  --vfl-surface: #161618;
  --vfl-surface-2: #1e1e21;
  --vfl-surface-elevated: #1e1e21;
  --vfl-text: #f5f5f4;
  --vfl-text-muted: #a8a29e;
  --vfl-text-subtle: #78716c;
  --vfl-text-inverse: #111032;
  --vfl-border: #2a2a2e;
  --vfl-border-strong: #3a3a40;
  --vfl-divider: #1f1f22;
  --vfl-focus-ring: 0 0 0 3px rgba(231, 206, 140, 0.35);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --vfl-primary: #e7ce8c;
    --vfl-primary-hover: #f0dca6;
    --vfl-primary-active: #d9b866;
    --vfl-primary-soft: #3a3020;
    --vfl-primary-soft-ink: #f0dca6;
    --vfl-on-primary: #111032;
    --vfl-info: #e7ce8c;
    --vfl-info-soft: #3a3020;
    --vfl-info-soft-ink: #f0dca6;
    --vfl-bg: #0b0b0c;
    --vfl-surface: #161618;
    --vfl-surface-2: #1e1e21;
    --vfl-surface-elevated: #1e1e21;
    --vfl-text: #f5f5f4;
    --vfl-text-muted: #a8a29e;
    --vfl-text-subtle: #78716c;
    --vfl-text-inverse: #111032;
    --vfl-border: #2a2a2e;
    --vfl-border-strong: #3a3a40;
    --vfl-divider: #1f1f22;
    --vfl-focus-ring: 0 0 0 3px rgba(231, 206, 140, 0.35);
  }
}

/* ------------------------------------------------------------ Logo (umjesto autića) */
.mgv-logo-img { display: block; height: auto; max-width: 100%; object-fit: contain; }

/* header aplikacije */
.vfl-logo-mark.mgv-logo {
  width: auto; height: 36px; background: none; border-radius: 0; box-shadow: none; padding: 0;
}
.vfl-logo-mark.mgv-logo .mgv-logo-img { height: 36px; width: auto; }

/* bočni meni */
.vfl-drawer-logo.mgv-logo {
  width: auto; height: 48px; background: none; border-radius: 0; box-shadow: none; padding: 0;
}
.vfl-drawer-logo.mgv-logo .mgv-logo-img { height: 48px; width: auto; }

/* login */
.vfl-brand-icon.mgv-logo {
  width: auto; height: auto; background: none; box-shadow: none; border-radius: 0;
  margin: 0 auto var(--vfl-space-4);
}
.vfl-brand-icon.mgv-logo .mgv-logo-img {
  width: 210px; max-width: 70vw; margin: 0 auto;
  filter: drop-shadow(0 6px 18px rgba(201, 168, 99, 0.25));
}
@media (max-width: 480px) {
  .vfl-brand-icon.mgv-logo { width: auto; height: auto; }
  .vfl-brand-icon.mgv-logo .mgv-logo-img { width: 170px; }
}

/* svijetla tema: zlato na bijelom je blijedo — logo malo tamniji i oštriji */
:root:not([data-theme="dark"]) .mgv-logo-img { filter: saturate(1.15) brightness(0.88) contrast(1.1); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) .mgv-logo-img { filter: none; }
}
:root:not([data-theme="dark"]) .vfl-brand-icon.mgv-logo .mgv-logo-img {
  filter: saturate(1.15) brightness(0.88) contrast(1.1) drop-shadow(0 6px 18px rgba(138, 106, 34, 0.18));
}

/* ------------------------------------------------------------ Tipografija brenda */
.vfl-brand-name, .vfl-header-title, .vfl-drawer-app-name, .vfl-page-title, .vfl-modal-title {
  font-family: var(--vfl-font-brand);
  letter-spacing: -0.01em;
}
.vfl-brand-name { font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; font-size: 20px; }
.vfl-brand-tagline { letter-spacing: 0.02em; }

/* ------------------------------------------------------------ Dugmad */
.vfl-btn--primary {
  background: var(--vfl-primary);
  border-color: var(--vfl-primary);
  color: var(--vfl-on-primary);
}
[data-theme="dark"] .vfl-btn--primary,
[data-theme="dark"] .vfl-btn--login {
  background: var(--mgv-gold-gradient);
  border-color: transparent;
  color: var(--mgv-navy);
  font-weight: 600;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) .vfl-btn--primary {
    background: var(--mgv-gold-gradient); border-color: transparent; color: var(--mgv-navy); font-weight: 600;
  }
}
.vfl-btn--login { text-transform: uppercase; letter-spacing: 0.08em; font-family: var(--vfl-font-brand); font-weight: 600; }

/* aktivna stavka menija */
.vfl-nav-link.active, .vfl-nav-item.active > a, .vfl-drawer .active > a {
  box-shadow: inset 3px 0 0 var(--mgv-gold-2);
}

/* ------------------------------------------------------------ Login pozadina (crno-zlatno) */
body.vfl-login {
  --vfl-login-bg-image: none !important;
  --vfl-login-overlay:
    radial-gradient(circle at 12% 0%, rgba(201, 168, 99, 0.22), transparent 45%),
    radial-gradient(circle at 88% 100%, rgba(231, 206, 140, 0.16), transparent 50%),
    linear-gradient(160deg, #fbf9f4 0%, #f1ebdd 100%) !important;
}
html[data-theme="dark"] body.vfl-login,
body.vfl-login.vfl-login-theme-dark {
  --vfl-login-overlay:
    radial-gradient(circle at 12% 0%, rgba(201, 168, 99, 0.20), transparent 45%),
    radial-gradient(circle at 88% 100%, rgba(231, 206, 140, 0.10), transparent 50%),
    linear-gradient(160deg, #121211 0%, #000000 100%) !important;
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) body.vfl-login:not(.vfl-login-theme-light) {
    --vfl-login-overlay:
      radial-gradient(circle at 12% 0%, rgba(201, 168, 99, 0.20), transparent 45%),
      radial-gradient(circle at 88% 100%, rgba(231, 206, 140, 0.10), transparent 50%),
      linear-gradient(160deg, #121211 0%, #000000 100%) !important;
  }
}
body.vfl-login .vfl-login-card { border: 1px solid color-mix(in srgb, var(--mgv-gold-2) 28%, transparent); }
body.vfl-login .vfl-install-btn::after { border-color: color-mix(in srgb, var(--mgv-gold-2) 65%, transparent); }
.mgv-login-platforma { display: block; margin-top: 4px; opacity: .75; }

/* ------------------------------------------------------------ Traka „Pregledate klijenta" (Master admin) */
.mgv-klijent-traka {
  position: sticky; top: 0; z-index: calc(var(--vfl-z-header) + 1);
  display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap;
  padding: 8px 16px; font-size: 13px; font-weight: 500;
  background: var(--mgv-gold-gradient); color: var(--mgv-navy);
}
.mgv-klijent-traka a, .mgv-klijent-traka button {
  background: var(--mgv-navy); color: var(--mgv-gold); border: 0; border-radius: 999px;
  padding: 4px 12px; font-weight: 600; text-decoration: none; cursor: pointer;
}

/* dugme za instalaciju aplikacije na loginu — zlatni puls umjesto plavog */
@keyframes vflInstallPulse {
  0%, 100% { box-shadow: 0 0 0 rgba(201, 168, 99, 0); transform: scale(1); }
  50%      { box-shadow: 0 0 18px rgba(201, 168, 99, 0.6); transform: scale(1.04); }
}
/* svijetla tema: zlatni prelaz na glavnom dugmetu prijave */
:root:not([data-theme="dark"]) .vfl-btn--login {
  background: linear-gradient(135deg, #b38d46 0%, #8a6a22 100%);
  border-color: transparent; color: #fff;
}