/*
 * Trag ljubimaca v570 — svetloplava paleta cele javne platforme.
 * Ovaj fajl menja isključivo boje, senke i kontrast. Raspored nije promenjen.
 */

body.trag-ljubimaca-body.trag-light-palette-v570 {
  --bg: #eaf6fc;
  --bg-soft: #f7fbfe;
  --panel: rgba(255, 255, 255, 0.88);
  --panel-solid: #ffffff;
  --text: #17344d;
  --muted: #536f82;
  --line: rgba(38, 96, 128, 0.18);
  --accent: #0b79a8;
  --accent-soft: rgba(11, 121, 168, 0.12);
  --accent-alt: #278766;
  --warm: #b66c08;
  --shadow: 0 20px 52px rgba(51, 105, 136, 0.14);
  --page-glow-left: rgba(78, 181, 226, 0.24);
  --page-glow-right: rgba(86, 204, 184, 0.15);
  --header-tint: rgba(248, 253, 255, 0.91);
  color-scheme: light;
  background:
    radial-gradient(circle at 10% 5%, var(--page-glow-left), transparent 31%),
    radial-gradient(circle at 92% 78%, var(--page-glow-right), transparent 28%),
    linear-gradient(145deg, #f9fdff 0%, #e6f4fb 48%, #f3faff 100%);
  background-attachment: fixed;
  color: var(--text);
}

body.trag-light-palette-v570.section-tone-home,
body.trag-light-palette-v570.section-tone-default {
  --accent: #0b79a8;
  --accent-soft: rgba(11, 121, 168, 0.12);
  --page-glow-left: rgba(78, 181, 226, 0.24);
  --page-glow-right: rgba(86, 204, 184, 0.15);
}

body.trag-light-palette-v570.section-tone-memory {
  --accent: #087b9f;
  --accent-soft: rgba(8, 123, 159, 0.12);
  --page-glow-left: rgba(106, 199, 230, 0.22);
  --page-glow-right: rgba(132, 143, 232, 0.10);
}

body.trag-light-palette-v570.section-tone-search {
  --accent: #b45309;
  --accent-soft: rgba(180, 83, 9, 0.10);
  --page-glow-left: rgba(251, 191, 36, 0.16);
  --page-glow-right: rgba(248, 113, 113, 0.09);
}

body.trag-light-palette-v570.section-tone-adoption {
  --accent: #237d59;
  --accent-soft: rgba(35, 125, 89, 0.11);
  --page-glow-left: rgba(74, 196, 139, 0.17);
  --page-glow-right: rgba(251, 191, 36, 0.09);
}

body.trag-light-palette-v570.section-tone-support {
  --accent: #6555ad;
  --accent-soft: rgba(101, 85, 173, 0.11);
  --page-glow-left: rgba(166, 153, 229, 0.16);
  --page-glow-right: rgba(85, 190, 222, 0.10);
}

body.trag-light-palette-v570.section-tone-network {
  --accent: #167f70;
  --accent-soft: rgba(22, 127, 112, 0.11);
  --page-glow-left: rgba(80, 197, 177, 0.16);
  --page-glow-right: rgba(251, 191, 36, 0.09);
}

body.trag-light-palette-v570.section-tone-journal {
  --accent: #456fb3;
  --accent-soft: rgba(69, 111, 179, 0.11);
  --page-glow-left: rgba(114, 160, 224, 0.16);
  --page-glow-right: rgba(85, 190, 222, 0.10);
}

/* Zaglavlje, navigacija i podnožje. */
body.trag-light-palette-v570 .site-header {
  background: rgba(248, 253, 255, 0.91) !important;
  border-bottom-color: rgba(38, 96, 128, 0.16);
  box-shadow: 0 10px 34px rgba(49, 104, 136, 0.12);
}

body.trag-light-palette-v570 .site-title,
body.trag-light-palette-v570 .site-title a,
body.trag-light-palette-v570 .primary-nav,
body.trag-light-palette-v570 .trag-nav a,
body.trag-light-palette-v570 .footer-nav a {
  color: var(--text);
}

body.trag-light-palette-v570 .trag-nav a,
body.trag-light-palette-v570 .footer-nav a,
body.trag-light-palette-v570 .lang-pill,
body.trag-light-palette-v570 .header-chip,
body.trag-light-palette-v570 .header-contact-link {
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.72);
  color: #284b64;
  box-shadow: 0 6px 18px rgba(50, 102, 130, 0.06);
}

body.trag-light-palette-v570 .trag-nav a:hover,
body.trag-light-palette-v570 .footer-nav a:hover,
body.trag-light-palette-v570 .header-chip:hover,
body.trag-light-palette-v570 .header-contact-link:hover {
  border-color: rgba(11, 121, 168, 0.32);
  background: #ffffff;
  color: #075985;
}

body.trag-light-palette-v570 .lang-pill-active {
  border-color: rgba(11, 121, 168, 0.32);
  background: #0b79a8;
  color: #ffffff;
}

body.trag-light-palette-v570 .site-footer {
  border-top-color: rgba(38, 96, 128, 0.15);
  background:
    radial-gradient(circle at 12% 0%, rgba(78, 181, 226, 0.14), transparent 30%),
    radial-gradient(circle at 90% 24%, rgba(166, 153, 229, 0.09), transparent 26%),
    linear-gradient(180deg, rgba(242, 250, 254, 0.92), rgba(230, 245, 252, 0.96));
}

body.trag-light-palette-v570 .site-footer::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.46), transparent 28%);
}

body.trag-light-palette-v570 .site-header.is-header-condensed {
  background: rgba(248, 253, 255, 0.96) !important;
  border-color: rgba(38, 96, 128, 0.18);
  box-shadow: 0 16px 38px rgba(49, 104, 136, 0.14);
}

body.trag-light-palette-v570 .site-header .brand-mark,
body.trag-light-palette-v570 .header-nav-shell,
body.trag-light-palette-v570 .footer-brand-mark {
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 0 12px 28px rgba(52, 105, 136, 0.10), inset 0 1px 0 #ffffff;
}

body.trag-light-palette-v570 .site-header .brand-mark,
body.trag-light-palette-v570 .footer-brand-mark {
  aspect-ratio: 1220 / 280;
}

body.trag-light-palette-v570 .site-header .brand-mark img,
body.trag-light-palette-v570 .footer-brand-mark img {
  width: 100%;
  max-width: 100% !important;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 8px 18px rgba(52, 105, 136, 0.12));
}

body.trag-light-palette-v570 .site-header .site-tagline,
body.trag-light-palette-v570 .site-header .brand-note,
body.trag-light-palette-v570 .header-contact-note {
  color: #536f82 !important;
}

body.trag-light-palette-v570 .primary-nav .trag-nav a {
  background: transparent;
  color: #294b63;
}

body.trag-light-palette-v570 .primary-nav .trag-nav a:hover,
body.trag-light-palette-v570 .primary-nav .trag-nav .current-menu-item > a,
body.trag-light-palette-v570 .primary-nav .trag-nav .current-menu-ancestor > a,
body.trag-light-palette-v570 .primary-nav .trag-nav .current_page_item > a,
body.trag-light-palette-v570 .primary-nav .trag-nav .current_page_ancestor > a,
body.trag-light-palette-v570 .primary-nav .trag-nav .menu-item-quick-search a {
  border-color: rgba(11, 121, 168, 0.22);
  background: rgba(216, 241, 251, 0.72);
  color: #075985;
  box-shadow: inset 0 1px 0 #ffffff, 0 8px 18px rgba(52, 105, 136, 0.08);
}

/* v575 — profesionalna stanja glavne navigacije: diskretan hover, jasan
   fokus tastature i trajno označena trenutno otvorena stranica. */
body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li > a {
  border-color: transparent !important;
  background: transparent !important;
  color: #294b63 !important;
  box-shadow: none !important;
  transition: color .18s ease, background-color .18s ease,
    border-color .18s ease, box-shadow .18s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li:not(.current-menu-item):not(.current-menu-ancestor):not(.current_page_item):not(.current_page_ancestor) > a:hover {
    border-color: rgba(11, 121, 168, .20) !important;
    background: rgba(216, 241, 251, .68) !important;
    color: #075985 !important;
    box-shadow: inset 0 1px 0 #ffffff, 0 7px 16px rgba(52, 105, 136, .08) !important;
  }
}

body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li > a:focus-visible {
  border-color: #0b79a8 !important;
  background: #e4f5fc !important;
  color: #064c70 !important;
  outline: 3px solid rgba(11, 121, 168, .24) !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li.current-menu-item > a,
body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li.current-menu-ancestor > a,
body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li.current_page_item > a,
body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li.current_page_ancestor > a {
  border-color: rgba(11, 121, 168, .32) !important;
  background: #d5effa !important;
  color: #064c70 !important;
  font-weight: 700 !important;
  box-shadow: inset 0 1px 0 #ffffff, 0 8px 18px rgba(52, 105, 136, .10) !important;
}

body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li.current-menu-item > a::after,
body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li.current-menu-ancestor > a::after,
body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li.current_page_item > a::after,
body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li.current_page_ancestor > a::after {
  background: #0b79a8 !important;
}

body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li > a:active {
  background: #c8e9f7 !important;
}

body.trag-light-palette-v570 .header-menu-toggle {
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.82);
  color: #24465e;
  box-shadow: 0 10px 22px rgba(52, 105, 136, 0.10), inset 0 1px 0 #ffffff;
}

@media (max-width: 1480px) {
  body.trag-light-palette-v570 .site-header .header-nav-shell {
    border-color: rgba(38, 96, 128, 0.18) !important;
    background: rgba(248, 253, 255, 0.97) !important;
    box-shadow: 0 18px 44px rgba(49, 104, 136, 0.16) !important;
  }

  body.trag-light-palette-v570 .site-header .header-language-wrap {
    border-top-color: rgba(38, 96, 128, 0.15) !important;
  }
}

body.trag-light-palette-v570 :where(
  .footer-brand-panel,
  .footer-search-panel,
  .footer-contact-panel,
  .footer-card-panel
) {
  border-color: var(--line);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(241, 249, 253, 0.84));
  box-shadow: 0 16px 38px rgba(52, 105, 136, 0.10), inset 0 1px 0 #ffffff;
}

body.trag-light-palette-v570 :where(
  .footer-mini-pill,
  .footer-email-link,
  .footer-search-link,
  .footer-legal-link,
  .footer-social-link
) {
  border-color: rgba(38, 96, 128, 0.18);
  background: rgba(255, 255, 255, 0.76);
  color: #31576f;
  box-shadow: 0 8px 20px rgba(52, 105, 136, 0.08);
}

body.trag-light-palette-v570 :where(
  .footer-email-link,
  .footer-mini-pill,
  .footer-legal-title
) {
  color: #075985;
}

body.trag-light-palette-v570 .footer-legal-row {
  border-top-color: rgba(38, 96, 128, 0.15);
}

/* Glavni svetli preliv i razdelnici na svim veličinama ekrana. */
body.trag-light-palette-v570 .section-space::after {
  background: linear-gradient(90deg, transparent, rgba(38, 96, 128, 0.13), transparent);
}

@media (max-width: 760px) {
  body.trag-ljubimaca-body.trag-light-palette-v570 {
    background:
      radial-gradient(circle at 16% 6%, var(--page-glow-left), transparent 35%),
      radial-gradient(circle at 90% 82%, var(--page-glow-right), transparent 30%),
      linear-gradient(145deg, #f9fdff 0%, #e6f4fb 52%, #f3faff 100%);
  }
}

/* Hero početne i hero blokovi unutrašnjih stranica. */
body.trag-light-palette-v570 .hero-section {
  background:
    radial-gradient(circle at 12% 12%, rgba(89, 188, 226, 0.18), transparent 32%),
    radial-gradient(circle at 92% 76%, rgba(106, 208, 188, 0.12), transparent 30%),
    linear-gradient(180deg, rgba(250, 254, 255, 0.98), rgba(232, 246, 252, 0.87) 70%, rgba(232, 246, 252, 0) 100%);
}

body.trag-light-palette-v570 .hero-section::before,
body.trag-light-palette-v570 .hero-section::after {
  opacity: 0.72;
}

body.trag-light-palette-v570 .hero-floating-note,
body.trag-light-palette-v570 .hero-trust-pill,
body.trag-light-palette-v570 .hero-entry-card,
body.trag-light-palette-v570 .hero-panel-highlight,
body.trag-light-palette-v570 .quick-stat {
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.76);
  color: var(--text);
  box-shadow: 0 12px 30px rgba(52, 105, 136, 0.09);
}

body.trag-light-palette-v570 .hero-sidecard,
body.trag-light-palette-v570 .hero-premium-panel {
  border-color: var(--line);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(240, 249, 253, 0.88));
  box-shadow: 0 24px 60px rgba(52, 105, 136, 0.14);
}

body.trag-light-palette-v570 .hero-preview-card {
  border-color: var(--line);
  background: linear-gradient(180deg, #ffffff, #edf8fd);
  box-shadow: inset 0 1px 0 #ffffff, 0 14px 34px rgba(52, 105, 136, 0.09);
}

body.trag-light-palette-v570 .hero-preview-media {
  border-color: var(--line);
  background: linear-gradient(180deg, rgba(188, 229, 247, 0.48), rgba(255, 255, 255, 0.78));
}

/* v581 — veća fotografija istaknutog sećanja uz očuvanje proporcija. */
body.trag-light-palette-v570 .hero-preview-media img {
  width: auto;
  height: auto;
  max-width: 88%;
  max-height: 88%;
  object-fit: contain;
}

/* v581 — profesionalno kompaktan meni na laptop i desktop ekranima. */
@media (min-width: 900px) and (max-width: 1480px) {
  body.trag-light-palette-v570 .site-header.is-menu-open .header-nav-shell {
    gap: 10px !important;
    padding: 12px 14px !important;
  }

  body.trag-light-palette-v570 .site-header .primary-nav .trag-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li {
    width: auto !important;
    min-width: 0 !important;
  }

  body.trag-light-palette-v570 .site-header .primary-nav .trag-nav a {
    min-height: 42px !important;
    padding: 9px 10px !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  body.trag-light-palette-v570 .site-header .header-language-wrap {
    padding-top: 10px !important;
  }
}

body.trag-light-palette-v570 .hero-preview-badge,
body.trag-light-palette-v570 .hero-entry-kicker,
body.trag-light-palette-v570 .hero-preview-location,
body.trag-light-palette-v570 .hero-support-copy {
  color: #315b73 !important;
}

/* Kartice i paneli — ista geometrija, svetla površina. */
body.trag-light-palette-v570 :where(
  .card,
  .feature-card,
  .compact-info-card,
  .home-tabs,
  .entry-tile,
  .value-card,
  .home-lost-step-card,
  .premium-search-card,
  .search-results-shell,
  .directory-results-bar,
  .result-card-side-note,
  .preview-meta-box,
  .upload-card,
  .report-form,
  .partner-detail-card,
  .support-local-map-item,
  .support-partner-logo,
  .found-tools-card,
  .found-preview-card
) {
  border-color: var(--line);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.91), rgba(245, 251, 254, 0.88));
  box-shadow: var(--shadow);
}

body.trag-light-palette-v570 .home-lost-steps-shell {
  border-color: rgba(38, 96, 128, 0.18);
  background:
    radial-gradient(circle at top right, rgba(89, 188, 226, 0.17), transparent 34%),
    radial-gradient(circle at bottom left, rgba(255, 166, 145, 0.11), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(235, 247, 252, 0.92));
  box-shadow: 0 24px 60px rgba(52, 105, 136, 0.14), inset 0 1px 0 #ffffff;
}

body.trag-light-palette-v570 .home-lost-step-card h3,
body.trag-light-palette-v570 .home-lost-step-card:nth-child(4) h3,
body.trag-light-palette-v570 .home-lost-step-index {
  color: #17344d;
}

body.trag-light-palette-v570 .home-lost-step-index {
  box-shadow: 0 8px 18px rgba(52, 105, 136, 0.10), inset 0 1px 0 #ffffff;
}

body.trag-light-palette-v570 :where(
  .home-tab-panel[data-tab-panel="memories"] .compact-card,
  .home-tab-panel[data-tab-panel="lost"] .compact-card,
  .home-tab-panel[data-tab-panel="adoption"] .compact-card,
  .home-tab-panel[data-tab-panel="support"] .compact-card,
  .home-tab-panel[data-tab-panel="blog"] .compact-card,
  .home-bottom-compact .compact-info-card
) {
  border-color: var(--line) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.90), rgba(241, 249, 253, 0.86)) !important;
  box-shadow: 0 18px 44px rgba(52, 105, 136, 0.10), inset 0 1px 0 #ffffff !important;
}

body.trag-light-palette-v570 .home-lost-cta-note {
  border-top-color: rgba(38, 96, 128, 0.15);
  color: #536f82 !important;
}

body.trag-light-palette-v570 .entry-tile:hover,
body.trag-light-palette-v570 .hero-entry-card:hover,
body.trag-light-palette-v570 .home-lost-step-card:hover,
body.trag-light-palette-v570 .premium-search-card:hover {
  border-color: color-mix(in srgb, var(--accent) 34%, transparent);
  background: #ffffff;
  box-shadow: 0 20px 42px rgba(52, 105, 136, 0.14);
}

/* Tekstovi i informativne oznake. */
body.trag-light-palette-v570 :where(h1, h2, h3, h4, h5, h6) {
  color: var(--text);
}

body.trag-light-palette-v570 :where(
  .section-kicker,
  .brand-note,
  .entry-order,
  .compact-email,
  .home-first-bridge p
) {
  color: var(--accent) !important;
}

body.trag-light-palette-v570 :where(
  .badge-pill,
  .mini-pill,
  .card-meta,
  .verified-badge,
  .result-stat-chip,
  .quick-stat-number,
  .value-card-icon,
  .home-tab-button.is-active,
  .lost-search-duration-pill,
  .found-duration-pill,
  .adoption-days-left,
  .adoption-lifecycle-badge
) {
  border-color: rgba(11, 121, 168, 0.23);
  background: rgba(11, 121, 168, 0.10);
  color: #075985;
}

body.trag-light-palette-v570 .home-tab-button.is-active {
  border-color: rgba(11, 121, 168, 0.28);
  background: rgba(11, 121, 168, 0.12);
  color: #075985;
}

body.trag-light-palette-v570 .lost-lifecycle-badge {
  border-color: rgba(11, 121, 168, 0.20);
  background: rgba(11, 121, 168, 0.09);
  color: #31576f;
}

body.trag-light-palette-v570 .mini-pill-alt,
body.trag-light-palette-v570 .dashboard-status-approved_for_publish,
body.trag-light-palette-v570 .lost-lifecycle-badge-active_confirmed {
  border-color: rgba(34, 139, 92, 0.24);
  background: rgba(34, 139, 92, 0.11);
  color: #166534;
}

body.trag-light-palette-v570 .card-meta-warm,
body.trag-light-palette-v570 .preview-pill-waiting,
body.trag-light-palette-v570 .dashboard-status-pending_review,
body.trag-light-palette-v570 .lost-lifecycle-badge-older,
body.trag-light-palette-v570 .adoption-lifecycle-badge-needs-check {
  border-color: rgba(180, 106, 8, 0.24);
  background: rgba(251, 191, 36, 0.15);
  color: #854d0e;
}

body.trag-light-palette-v570 .lost-status-searching,
body.trag-light-palette-v570 .dashboard-status-revision_requested,
body.trag-light-palette-v570 .lost-social-status.is-error {
  border-color: rgba(190, 24, 93, 0.22);
  background: rgba(244, 114, 182, 0.11);
  color: #9d174d;
}

body.trag-light-palette-v570 .lost-status-found,
body.trag-light-palette-v570 .lost-lifecycle-found .lost-status-badge {
  border-color: #ef767d !important;
  background: linear-gradient(135deg, #b4232d, #dc2638) !important;
  color: #ffffff !important;
}

body.trag-light-palette-v570 .lost-status-closed,
body.trag-light-palette-v570 .dashboard-status-rejected,
body.trag-light-palette-v570 .dashboard-status-closed,
body.trag-light-palette-v570 .adoption-lifecycle-badge-archived {
  border-color: rgba(71, 85, 105, 0.20);
  background: rgba(100, 116, 139, 0.10);
  color: #475569;
}

body.trag-light-palette-v570 .lost-results-section-heading,
body.trag-light-palette-v570 .found-results-section-heading.found-section-older,
body.trag-light-palette-v570 .adoption-results-section-heading.adoption-section-needs-check,
body.trag-light-palette-v570 .adoption-section-name-id {
  border-color: rgba(180, 106, 8, 0.22);
  background: rgba(255, 247, 221, 0.92);
  color: #854d0e;
}

body.trag-light-palette-v570 .lost-results-section-heading :where(span, small),
body.trag-light-palette-v570 .found-results-section-heading.found-section-older :where(span, small),
body.trag-light-palette-v570 .adoption-results-section-heading.adoption-section-needs-check :where(span, small),
body.trag-light-palette-v570 .adoption-section-name-id span {
  color: #854d0e;
}

body.trag-light-palette-v570 :where(
  .listing-id-code,
  .listing-id-code strong,
  .listing-id-code span,
  .lost-older-id-strip .listing-id-code,
  .lost-older-id-strip .listing-id-code strong,
  .lost-older-id-strip .listing-id-code span,
  .found-older-id-strip .listing-id-code,
  .found-older-id-strip .listing-id-code strong,
  .found-older-id-strip .listing-id-code span,
  .adoption-older-compact .listing-id-code,
  .adoption-older-compact .listing-id-code strong,
  .adoption-older-compact .listing-id-code span
) {
  border-color: rgba(38, 96, 128, 0.18) !important;
  color: #365b72 !important;
}

body.trag-light-palette-v570 .lost-id-archive-grid .lost-older-id-card {
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 10px 24px rgba(52, 105, 136, 0.09);
}

body.trag-light-palette-v570 .lost-id-archive-grid .lost-older-id-card:hover {
  border-color: rgba(11, 121, 168, 0.30);
  background: #ffffff;
}

/* Dugmad i interaktivne kontrole. */
body.trag-light-palette-v570 .button-primary,
body.trag-light-palette-v570.section-tone-memory .button-primary,
body.trag-light-palette-v570.section-tone-search .button-primary,
body.trag-light-palette-v570.section-tone-adoption .button-primary,
body.trag-light-palette-v570.section-tone-support .button-primary,
body.trag-light-palette-v570.section-tone-network .button-primary,
body.trag-light-palette-v570.section-tone-journal .button-primary,
body.trag-light-palette-v570.section-tone-default .button-primary {
  border-color: color-mix(in srgb, var(--accent) 82%, #17344d 18%);
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 86%, #ffffff 14%), var(--accent));
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 14px 28px color-mix(in srgb, var(--accent) 24%, transparent);
}

body.trag-light-palette-v570 .button-primary:hover {
  background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 78%, #17344d 22%));
  color: #ffffff;
  box-shadow: 0 18px 34px color-mix(in srgb, var(--accent) 30%, transparent);
}

body.trag-light-palette-v570 :where(
  .button-secondary,
  .button-soft,
  .hero-subaction-button,
  .share-chip,
  .home-tab-button,
  .lost-social-format,
  .lost-tools-modal-close
) {
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.82);
  color: #24465e;
  text-shadow: none;
  box-shadow: 0 8px 20px rgba(52, 105, 136, 0.08);
}

body.trag-light-palette-v570 :where(
  .button-secondary,
  .button-soft,
  .hero-subaction-button,
  .share-chip,
  .home-tab-button,
  .lost-social-format,
  .lost-tools-modal-close
):hover {
  border-color: rgba(11, 121, 168, 0.34);
  background: #ffffff;
  color: #075985;
}

body.trag-light-palette-v570 .share-chip-icon {
  color: #0b79a8;
}

body.trag-light-palette-v570 .share-chip--whatsapp .share-chip-icon { color: #168447; }
body.trag-light-palette-v570 .share-chip--viber .share-chip-icon { color: #665CAC; }
body.trag-light-palette-v570 .share-chip--facebook .share-chip-icon { color: #1769aa; }
body.trag-light-palette-v570 .share-chip--email .share-chip-icon { color: #a16207; }

/* Forme, polja i poruke. */
body.trag-light-palette-v570 :where(input, select, textarea) {
  border-color: rgba(38, 96, 128, 0.22);
  background: rgba(255, 255, 255, 0.94);
  color: #17344d;
  box-shadow: inset 0 1px 2px rgba(38, 96, 128, 0.05);
}

body.trag-light-palette-v570 :where(input, textarea)::placeholder {
  color: #6d8291;
  opacity: 1;
}

body.trag-light-palette-v570 :where(input, select, textarea):focus {
  border-color: var(--accent);
  background: #ffffff;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);
}

body.trag-light-palette-v570 :where(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--accent);
}

body.trag-light-palette-v570 .filter-note,
body.trag-light-palette-v570 .approval-note-info,
body.trag-light-palette-v570 .lost-social-privacy {
  border-color: rgba(11, 121, 168, 0.20);
  background: rgba(222, 243, 252, 0.82);
  color: #28566f;
}

body.trag-light-palette-v570 .approval-note,
body.trag-light-palette-v570 .trag-notice-success {
  border-color: rgba(35, 125, 89, 0.20);
  background: rgba(220, 248, 233, 0.88);
  color: #166534;
}

body.trag-light-palette-v570 .approval-note-pending,
body.trag-light-palette-v570 .preview-pill-waiting {
  border-color: rgba(180, 106, 8, 0.22);
  background: rgba(255, 247, 221, 0.92);
  color: #854d0e;
}

body.trag-light-palette-v570 .trag-notice-error,
body.trag-light-palette-v570 .file-validation-message.is-error {
  border-color: rgba(185, 28, 28, 0.20);
  background: rgba(254, 226, 226, 0.88);
  color: #991b1b;
}

body.trag-light-palette-v570 .upload-thumb-box,
body.trag-light-palette-v570 .memory-live-photo-box,
body.trag-light-palette-v570 .preview-upload-summary {
  border-color: var(--line);
  background: rgba(231, 244, 250, 0.72);
}

body.trag-light-palette-v570 .upload-card small {
  color: #536f82;
}

body.trag-light-palette-v570 .button:focus-visible,
body.trag-light-palette-v570 .footer-search-link:focus-visible,
body.trag-light-palette-v570 .header-chip:focus-visible,
body.trag-light-palette-v570 .header-contact-link:focus-visible,
body.trag-light-palette-v570 .home-tab-button:focus-visible,
body.trag-light-palette-v570 .lang-pill:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(11, 121, 168, 0.38), 0 14px 30px rgba(52, 105, 136, 0.14);
}

/* Direktorijumi, partneri, podrška i lokalni SEO. */
body.trag-light-palette-v570 :where(
  .directory-filter-card,
  .directory-results-toolbar,
  .directory-results-grid .partner-card,
  .directory-results-grid .partner-detail-card,
  .preview-live-card,
  .privacy-page-section .trust-info-card,
  .local-seo-card,
  .trust-link-card,
  .trust-info-card,
  .trust-cta-card,
  .home-assurance-shell,
  .assurance-step-card,
  .trust-stat-card,
  .support-results-grid .support-result-card,
  .support-result-card .partner-card-qr-wrap,
  .adoption-card-qr
) {
  border-color: var(--line) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.90), rgba(242, 250, 253, 0.86)) !important;
  box-shadow: 0 18px 44px rgba(52, 105, 136, 0.11), inset 0 1px 0 #ffffff !important;
}

body.trag-light-palette-v570 :where(
  .directory-filter-card label > span,
  .directory-results-grid .partner-card-description,
  .lost-card-description,
  .partner-card-description,
  .adoption-card p,
  .blog-card p,
  .memory-owner-text,
  .contact-project-copy p,
  .privacy-page-hero .trust-page-heading p,
  .support-result-card .support-partner-description
) {
  color: #536f82;
}

/* v571 — opis usluge saradnika na strani „Nađi podršku“ mora ostati
   maksimalno čitljiv na svetloj kartici. */
body.trag-light-palette-v570 .support-results-grid .support-result-card .support-partner-description {
  color: #111827 !important;
  font-weight: 600;
  line-height: 1.45;
}

body.trag-light-palette-v570 .directory-count-chip,
body.trag-light-palette-v570 .result-filter-pill,
body.trag-light-palette-v570 .local-seo-service-pill,
body.trag-light-palette-v570 .local-seo-city-pill,
body.trag-light-palette-v570 .assurance-step-index {
  border-color: rgba(11, 121, 168, 0.22);
  background: rgba(11, 121, 168, 0.09);
  color: #075985;
}

body.trag-light-palette-v570 .local-seo-city-pill:hover,
body.trag-light-palette-v570 .local-seo-city-pill:focus-visible {
  border-color: rgba(11, 121, 168, 0.34);
  background: rgba(11, 121, 168, 0.14);
  color: #075985;
}

body.trag-light-palette-v570 .support-partner-logo-placeholder {
  background: linear-gradient(180deg, rgba(204, 237, 249, 0.92), rgba(255, 255, 255, 0.88));
  color: #075985;
}

body.trag-light-palette-v570 .support-partner-logo-initials {
  background: #0b79a8;
  color: #ffffff;
}

body.trag-light-palette-v570 .support-result-card .partner-card-qr-label {
  color: #31576f;
}

/* Mali baneri saradnika ostaju iste veličine, ali prelaze u vedru paletu. */
body.trag-light-palette-v570 .page-template-page-saradnja .tl-partner-mini-banner,
body.trag-light-palette-v570 .tl-partner-mini-banner {
  border-color: rgba(38, 96, 128, 0.18) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(226, 244, 251, 0.94)) !important;
  box-shadow: 0 8px 20px rgba(52, 105, 136, 0.11) !important;
}

body.trag-light-palette-v570 .page-template-page-saradnja .tl-partner-mini-banner:hover,
body.trag-light-palette-v570 .tl-partner-mini-banner:hover {
  border-color: rgba(11, 121, 168, 0.38) !important;
  box-shadow: 0 12px 26px rgba(52, 105, 136, 0.15) !important;
}

body.trag-light-palette-v570 .page-template-page-saradnja .tl-partner-mini-visual,
body.trag-light-palette-v570 .tl-partner-mini-visual {
  border-color: rgba(38, 96, 128, 0.18) !important;
  background: rgba(255, 255, 255, 0.82) !important;
}

body.trag-light-palette-v570 .page-template-page-saradnja .tl-partner-mini-initials,
body.trag-light-palette-v570 .tl-partner-mini-initials,
body.trag-light-palette-v570 .page-template-page-saradnja .tl-partner-mini-copy h3,
body.trag-light-palette-v570 .tl-partner-mini-copy h3 {
  color: #17344d !important;
}

body.trag-light-palette-v570 .page-template-page-saradnja .tl-partner-mini-copy p,
body.trag-light-palette-v570 .tl-partner-mini-copy p,
body.trag-light-palette-v570 .page-template-page-saradnja .tl-partner-mini-copy small,
body.trag-light-palette-v570 .tl-partner-mini-copy small {
  color: #536f82 !important;
}

body.trag-light-palette-v570 .page-template-page-saradnja .tl-partner-mini-badge,
body.trag-light-palette-v570 .tl-partner-mini-badge,
body.trag-light-palette-v570 .page-template-page-saradnja .tl-partner-mini-action,
body.trag-light-palette-v570 .tl-partner-mini-action {
  border-color: rgba(11, 121, 168, 0.24) !important;
  background: rgba(11, 121, 168, 0.10) !important;
  color: #075985 !important;
}

/* Sećanja zadržavaju nežnost, ali su tekst i sveća čitljivi na svetloj pozadini. */
body.trag-light-palette-v570 .memorial-candle,
body.trag-light-palette-v570 .memory-candle-inline {
  border-color: rgba(169, 84, 118, 0.18);
  background: linear-gradient(180deg, rgba(255, 248, 251, 0.94), rgba(250, 237, 243, 0.84));
}

body.trag-light-palette-v570 .memorial-candle-visual,
body.trag-light-palette-v570 .memory-candle-inline-visual {
  border-color: rgba(169, 84, 118, 0.16);
  background: radial-gradient(circle at 50% 30%, rgba(255, 205, 221, 0.28), transparent 30%), linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(250, 237, 243, 0.72));
  box-shadow: inset 0 1px 0 #ffffff, inset 0 -20px 42px rgba(169, 84, 118, 0.06);
}

body.trag-light-palette-v570 :where(
  .memorial-candle-kicker,
  .memorial-candle-meta,
  .memorial-candle-count-wrap strong,
  .memory-candle-inline-title,
  .memory-candle-inline-meta,
  .memory-candle-inline-meta strong
) {
  color: #8d4562;
}

body.trag-light-palette-v570 .memorial-candle.is-done .js-memory-candle-trigger,
body.trag-light-palette-v570 .memory-candle-inline.is-done .js-memory-candle-trigger {
  border-color: rgba(169, 84, 118, 0.24);
  background: rgba(255, 255, 255, 0.82);
  color: #8d4562;
}

/* Udomljavanje i stari ID blokovi. */
body.trag-light-palette-v570 .adoption-lifecycle-list .adoption-results-section-heading,
body.trag-light-palette-v570 .adoption-lifecycle-list .adoption-section-id-only {
  border-color: rgba(180, 106, 8, 0.20);
  background: rgba(255, 247, 221, 0.90);
}

body.trag-light-palette-v570 .adoption-lifecycle-list .adoption-results-section-heading :where(span, small),
body.trag-light-palette-v570 .adoption-lifecycle-list .adoption-section-id-only span,
body.trag-light-palette-v570 .adoption-lifecycle-badge-older,
body.trag-light-palette-v570 .adoption-contact-hidden {
  color: #854d0e;
}

body.trag-light-palette-v570 .adoption-contact-box,
body.trag-light-palette-v570 .adoption-contact-form-note {
  border-color: rgba(11, 121, 168, 0.20);
  background: rgba(222, 243, 252, 0.78);
}

body.trag-light-palette-v570 .adoption-contact-box strong {
  color: #17344d;
}

body.trag-light-palette-v570 .adoption-contact-box a {
  color: #075985;
}

/* Panel za deljenje i A4 — kontrole svetle, sadržaj postera ostaje netaknut. */
body.trag-light-palette-v570 .lost-tools-modal-backdrop {
  background: rgba(32, 61, 79, 0.58);
}

body.trag-light-palette-v570 .lost-tools-modal-dialog,
body.trag-light-palette-v570 .lost-tools-modal.is-fullscreen .lost-tools-modal-dialog {
  border-color: rgba(38, 96, 128, 0.20);
  background: #f4fbfe;
  color: var(--text);
  box-shadow: 0 34px 90px rgba(20, 62, 88, 0.32);
}

body.trag-light-palette-v570 .lost-tools-modal-header {
  border-bottom-color: rgba(38, 96, 128, 0.16);
}

body.trag-light-palette-v570 .lost-social-generator,
body.trag-light-palette-v570 .lost-social-controls {
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 16px 38px rgba(52, 105, 136, 0.11);
}

body.trag-light-palette-v570 .lost-social-preview {
  border-color: var(--line);
  background-color: #dcecf3;
}

body.trag-light-palette-v570 .lost-social-privacy strong,
body.trag-light-palette-v570 .lost-social-status {
  color: #176b4b;
}

/* Završni statusi ostaju upečatljivi, ali više nisu sumorni. */
body.trag-light-palette-v570 :where(
  .found-pet-is-resolved,
  .found-pet-is-reunited,
  .trag-found-pet-resolved-single,
  .trag-found-pet-reunited-single
) {
  border-color: rgba(220, 38, 38, 0.48) !important;
  background: linear-gradient(180deg, rgba(255, 241, 242, 0.98), rgba(254, 226, 226, 0.88)) !important;
  box-shadow: 0 20px 46px rgba(190, 24, 93, 0.12) !important;
}

body.trag-light-palette-v570 .lost-lifecycle-found {
  border-color: rgba(220, 38, 38, 0.48) !important;
  background: linear-gradient(180deg, rgba(255, 241, 242, 0.98), rgba(254, 226, 226, 0.88)) !important;
  box-shadow: 0 20px 46px rgba(190, 24, 93, 0.12) !important;
}

body.trag-light-palette-v570 .lost-lifecycle-found .lost-card-identity h3,
body.trag-light-palette-v570 .trag-lost-pet-found-single > h1,
body.trag-light-palette-v570.trag-lost-pet-is-found .post-card > h1,
body.trag-light-palette-v570 .found-pet-is-resolved > h3,
body.trag-light-palette-v570 .found-pet-is-reunited > h3,
body.trag-light-palette-v570 .trag-found-pet-resolved-single > h1,
body.trag-light-palette-v570 .trag-found-pet-reunited-single > h1,
body.trag-light-palette-v570.trag-found-pet-is-resolved .post-card > h1,
body.trag-light-palette-v570.trag-found-pet-is-reunited .post-card > h1 {
  color: #b4232d !important;
  text-shadow: none;
}

body.trag-light-palette-v570 .adoption-pet-is-adopted > h3,
body.trag-light-palette-v570 .trag-adoption-adopted-single > h1,
body.trag-light-palette-v570.trag-adoption-is-adopted .post-card > h1 {
  color: #166534 !important;
  text-shadow: none;
}

body.trag-light-palette-v570 :where(
  .adoption-pet-is-adopted,
  .trag-adoption-adopted-single
) {
  border-color: rgba(34, 139, 92, 0.46) !important;
  background: linear-gradient(180deg, rgba(240, 253, 244, 0.98), rgba(220, 252, 231, 0.88)) !important;
  box-shadow: 0 20px 46px rgba(22, 163, 74, 0.11) !important;
}

body.trag-light-palette-v570 .trag-adoption-adopted-message {
  border-color: rgba(34, 139, 92, 0.24);
  background: rgba(220, 252, 231, 0.86);
  color: #166534;
}

body.trag-light-palette-v570 .hunting-dog-seo-note {
  border-color: #ef4444;
  background: linear-gradient(135deg, #fff1f2, #ffe4e6);
  color: #881337;
  box-shadow: 0 14px 32px rgba(190, 24, 93, 0.10);
}

body.trag-light-palette-v570 .hunting-dog-seo-note :where(.hunting-dog-seo-note-title, p) {
  color: #881337;
}

/* Lokalna obaveštenja dobijaju isti vedar ton. */
body.trag-light-palette-v570 .tl-local-alerts-hero {
  border: 1px solid rgba(38, 96, 128, 0.17);
  background: linear-gradient(135deg, #dff4ff, #c9edf7);
  color: #17344d;
  box-shadow: 0 24px 60px rgba(52, 105, 136, 0.14);
}

body.trag-light-palette-v570 .tl-local-alerts-hero :where(h1, p) {
  color: #17344d;
}

body.trag-light-palette-v570 .tl-local-alerts-trust span {
  border-color: rgba(38, 96, 128, 0.20);
  background: rgba(255, 255, 255, 0.66);
  color: #244b64;
}

body.trag-light-palette-v570 .tl-local-alerts-float a {
  border-color: rgba(11, 121, 168, 0.32);
  background: #0b79a8;
  color: #ffffff;
  box-shadow: 0 16px 36px rgba(11, 121, 168, 0.24);
}

body.trag-light-palette-v570 .tl-local-alerts-float small {
  color: rgba(255, 255, 255, 0.86);
}

/* Tamne pozadine ostaju samo tamo gde su namerne: fotografija, svetlosni prikaz i poster. */
body.trag-light-palette-v570 .memory-lightbox-overlay,
body.trag-light-palette-v570 .lost-social-loading,
body.trag-light-palette-v570 .lost-poster-name,
body.trag-light-palette-v570 .lost-poster-top,
body.trag-light-palette-v570 .lost-poster-contact,
body.trag-light-palette-v570 .lost-poster-found-banner {
  color: #ffffff;
}

body.trag-light-palette-v570 .memory-lightbox-caption,
body.trag-light-palette-v570 .memory-lightbox-close,
body.trag-light-palette-v570 .memory-lightbox-nav {
  color: #ffffff;
}

/* Rezervna pravila za pregledače bez color-mix podrške. */
@supports not (color: color-mix(in srgb, white 50%, black)) {
  body.trag-light-palette-v570 .button-primary {
    border-color: #075985;
    background: #0b79a8;
    color: #ffffff;
  }

  body.trag-light-palette-v570 :where(input, select, textarea):focus {
    box-shadow: 0 0 0 3px rgba(11, 121, 168, 0.16);
  }
}

/* v583 — jasnija profesionalna dugmad glavnog menija. */
body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li > a {
  border: 1px solid rgba(38, 96, 128, 0.18) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(237, 248, 253, 0.92)) !important;
  color: #254b63 !important;
  font-weight: 800 !important;
  box-shadow: 0 6px 15px rgba(52, 105, 136, 0.08), inset 0 1px 0 #ffffff !important;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, color 160ms ease !important;
}

body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li > a:hover,
body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li > a:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(11, 121, 168, 0.48) !important;
  background: linear-gradient(180deg, #ffffff, #dff3fb) !important;
  color: #075985 !important;
  box-shadow: 0 11px 22px rgba(39, 111, 148, 0.16), inset 0 1px 0 #ffffff !important;
}

body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > .current-menu-item > a,
body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > .current-menu-ancestor > a,
body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > .current_page_item > a,
body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > .current_page_ancestor > a {
  border-color: rgba(11, 121, 168, 0.58) !important;
  background: linear-gradient(180deg, #dff4fc, #ccebf7) !important;
  color: #064f73 !important;
  box-shadow: 0 10px 24px rgba(11, 121, 168, 0.17), inset 0 -3px 0 rgba(11, 121, 168, 0.56) !important;
}

body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li > a[href*="/izgubljeni-ljubimci/"],
body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li > a[href*="/udomljavanje-ljubimaca/"] {
  border-color: rgba(11, 121, 168, 0.38) !important;
  background: linear-gradient(180deg, #e5f7fd, #d3eef8) !important;
  color: #075985 !important;
  box-shadow: 0 9px 20px rgba(11, 121, 168, 0.14), inset 0 1px 0 #ffffff !important;
}

body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li > a[href*="/izgubljeni-ljubimci/"]:hover,
body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li > a[href*="/izgubljeni-ljubimci/"]:focus-visible,
body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li > a[href*="/udomljavanje-ljubimaca/"]:hover,
body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li > a[href*="/udomljavanje-ljubimaca/"]:focus-visible {
  border-color: rgba(7, 89, 133, 0.64) !important;
  background: linear-gradient(180deg, #d7f2fb, #bde5f4) !important;
  box-shadow: 0 13px 26px rgba(11, 121, 168, 0.21), inset 0 1px 0 #ffffff !important;
}

@media (prefers-reduced-motion: reduce) {
  body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li > a {
    transition: none !important;
  }

  body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li > a:hover,
  body.trag-light-palette-v570 .site-header .primary-nav .trag-nav > li > a:focus-visible {
    transform: none;
  }
}


/* v597 — svetla paleta privatnog korisničkog naloga. */
body.trag-light-palette-v570.section-tone-account{
  --accent:#0b79a8;
  --accent-soft:rgba(11,121,168,.11);
  --page-glow-left:rgba(78,181,226,.20);
  --page-glow-right:rgba(86,204,184,.12);
}
body.trag-light-palette-v570 .menu-item-account > a{
  border-color:rgba(11,121,168,.35) !important;
  background:linear-gradient(180deg,#eaf8fd,#dff2f9) !important;
  color:#075985 !important;
}
body.trag-light-palette-v570 .menu-item-account > a .menu-account-icon{
  background:rgba(11,121,168,.13);
}
body.trag-light-palette-v570 .account-auth-card,
body.trag-light-palette-v570 .account-dashboard-hero,
body.trag-light-palette-v570 .account-sidebar,
body.trag-light-palette-v570 .account-pet-card,
body.trag-light-palette-v570 .account-empty-state,
body.trag-light-palette-v570 .account-details-form,
body.trag-light-palette-v570 .account-pet-preview-card,
body.trag-light-palette-v570 .account-submissions-table-wrap{
  background:rgba(255,255,255,.90);
  border-color:rgba(38,96,128,.17);
  box-shadow:0 18px 46px rgba(51,105,136,.11);
}
body.trag-light-palette-v570 .account-stat{
  background:#f8fcfe;
  border-color:rgba(38,96,128,.16);
}
body.trag-light-palette-v570 .account-nav > a.is-active{
  border-color:rgba(11,121,168,.28);
  background:#e6f5fb;
  color:#075985;
}
body.trag-light-palette-v570 .account-nav > a:hover,
body.trag-light-palette-v570 .account-nav > a:focus-visible,
body.trag-light-palette-v570 .account-nav-logout:hover,
body.trag-light-palette-v570 .account-nav-logout:focus-visible{
  background:#edf8fc;
}
body.trag-light-palette-v570 .account-form-security-note,
body.trag-light-palette-v570 .registered-pet-prefill-note{
  background:#edf8fc;
  border-color:rgba(11,121,168,.19);
}
body.trag-light-palette-v570 .account-pet-photo{
  background:#f5fbfe;
}