/* Minimalni stilovi za compliance_page; sve je ograničeno na .pp-page kako ne bi utjecalo na temu. */
.pp-page { line-height: 1.6; }
.pp-page .pp-lead { font-size: 1.1em; }
.pp-page .pp-muted { color: #5a6470; font-size: .92em; }
.pp-page .pp-cta { display: inline-block; padding: .65rem 1.1rem; border-radius: 6px; background: #0b5cad; color: #fff; text-decoration: none; font-weight: 600; }
.pp-page .pp-table-wrap { overflow-x: auto; margin: 1rem 0; }
.pp-page .pp-table { border-collapse: collapse; width: 100%; min-width: 560px; }
.pp-page .pp-table th, .pp-page .pp-table td { border: 1px solid #d5dae0; padding: .5rem .65rem; text-align: left; vertical-align: top; }
.pp-page .pp-table thead th { background: #f4f6f8; }
.pp-page .pp-defs dt { font-weight: 700; margin-top: .75rem; }
.pp-page .pp-defs dd { margin: .15rem 0 0; }
.pp-page .pp-status { display: inline-block; padding: .05rem .5rem; border-radius: 999px; border: 1px solid #d5dae0; font-size: .8rem; font-weight: 700; white-space: nowrap; }
.pp-page .pp-status--applies { color: #1e7a3c; border-color: #1e7a3c; }
.pp-page .pp-status--upcoming { color: #9a5b00; border-color: #9a5b00; }
.pp-page .pp-status--dependent { color: #5a6470; }
.pp-page .pp-unconfirmed { margin: 1.5rem 0; padding: .75rem 1rem; border: 1px dashed #9a5b00; border-radius: 6px; background: #faf6ee; }
.pp-page .pp-checklist { list-style: none; padding-left: 0; }
.pp-page .pp-checklist li::before { content: "\2610\00a0"; }
/* ---- v0.2.4: EUDR komponente (breadcrumbs, hero banner, TOC, lead kartica, Cal.com, hub). Boje preko varijabli; Astra tipografija se nasljeđuje. */
.pp-page { --pp-accent: #0b5cad; --pp-accent-soft: #eef4fb; --pp-border: #d5dae0; --pp-card: #f7f9fb; --pp-text-muted: #5a6470; }
.pp-page .pp-breadcrumbs { margin: 0 0 1rem; font-size: .88rem; }
.pp-page .pp-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .25rem; list-style: none; margin: 0; padding: 0; color: var(--pp-text-muted); }
.pp-page .pp-breadcrumbs li + li::before { content: "\203A"; margin-right: .35rem; opacity: .6; }
.pp-page .pp-breadcrumbs a { color: var(--pp-accent); text-decoration: none; }
.pp-page .pp-breadcrumbs a:hover, .pp-page .pp-breadcrumbs a:focus { text-decoration: underline; }
.pp-page .pp-breadcrumbs [aria-current="page"] { color: inherit; overflow-wrap: anywhere; }
.pp-page .pp-hero-banner { margin: 0 0 1.25rem; padding: 1rem 1.25rem; border-left: 4px solid var(--pp-accent); border-radius: 6px; background: var(--pp-accent-soft); }
.pp-page .pp-hero-banner p { margin: 0 0 .75rem; font-weight: 600; }
.pp-page .pp-hero-banner p:last-child { margin-bottom: 0; }
.pp-page .pp-toc { margin: 1.25rem 0; padding: 1rem 1.25rem; border: 1px solid var(--pp-border); border-radius: 6px; background: var(--pp-card); }
.pp-page .pp-toc h2 { margin: 0 0 .5rem; font-size: 1.05rem; }
.pp-page .pp-toc ol { margin: 0; padding-left: 1.25rem; }
.pp-page .pp-toc li { margin: .2rem 0; }
.pp-page .pp-toc a { text-decoration: none; }
.pp-page .pp-toc a:hover, .pp-page .pp-toc a:focus { text-decoration: underline; }
.pp-page .pp-lead-card, .pp-page .pp-booking { margin: 2rem 0; padding: 1.25rem; border: 1px solid var(--pp-border); border-radius: 8px; background: var(--pp-card); }
.pp-page .pp-lead-card { border-top: 4px solid var(--pp-accent); }
.pp-page .pp-booking { border-top: 4px solid #1e7a3c; }
.pp-page .pp-lead-card h2, .pp-page .pp-booking h2 { margin-top: 0; }
.pp-page .pp-cal-secondary { margin-left: .75rem; font-weight: 600; }
.pp-page [hidden] { display: none !important; }
.pp-page .pp-cta:focus-visible { outline: 3px solid #f59e0b; outline-offset: 2px; }
.pp-page section[id] { scroll-margin-top: 5rem; }
.pp-page .pp-hub-list { list-style: none; margin: 1.5rem 0; padding: 0; }
.pp-page .pp-hub-list li { margin: 0 0 1rem; padding: .85rem 1rem; border: 1px solid var(--pp-border); border-radius: 6px; background: var(--pp-card); }
.pp-page .pp-hub-list a { font-weight: 700; }
.pp-page .pp-hub-list p { margin: .25rem 0 0; }
.pp-page .pp-table tbody tr:nth-child(even) td { background: rgba(0, 0, 0, .02); }
.pp-page .pp-table--grid { min-width: 0; }
@media (min-width: 782px) {
  .pp-page .pp-toc ol { columns: 2; column-gap: 2rem; }
  .pp-page .pp-toc li { break-inside: avoid; }
}
/* Tablice s 4 stupca (EUDR) na uskim zaslonima: svaki redak postaje kartica s oznakom stupca. */
@media (max-width: 640px) {
  .pp-page .pp-table--stack, .pp-page .pp-table--stack tbody, .pp-page .pp-table--stack tr, .pp-page .pp-table--stack td { display: block; width: 100%; }
  .pp-page .pp-table--stack { min-width: 0; }
  .pp-page .pp-table--stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .pp-page .pp-table--stack tr { margin: 0 0 .85rem; border: 1px solid var(--pp-border); border-radius: 6px; overflow: hidden; }
  .pp-page .pp-table--stack td { border: 0; border-bottom: 1px solid var(--pp-border); padding: .45rem .7rem; }
  .pp-page .pp-table--stack td:last-child { border-bottom: 0; }
  .pp-page .pp-table--stack td::before { content: attr(data-label); display: block; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--pp-text-muted); }
  .pp-page .pp-lead-card, .pp-page .pp-booking, .pp-page .pp-hero-banner { padding: 1rem; }
  .pp-page .pp-cal-secondary { display: inline-block; margin: .5rem 0 0; }
}
@media (prefers-color-scheme: dark) {
  .pp-page { --pp-accent: #7db4ee; --pp-accent-soft: #14202d; --pp-border: #2c343c; --pp-card: #171d23; --pp-text-muted: #9aa5b1; }
  .pp-page .pp-table tbody tr:nth-child(even) td { background: rgba(255, 255, 255, .03); }
  .pp-page .pp-cta { background: #1d6fc4; }
  .pp-page .pp-muted { color: #9aa5b1; }
  .pp-page .pp-table th, .pp-page .pp-table td { border-color: #2c343c; }
  .pp-page .pp-table thead th { background: #1c2229; }
  .pp-page .pp-unconfirmed { background: #1c2229; }
}