/* Travel module: country pages, emergency page, accident helper, trip splitter. Base styles are in site.css / tools.css. */
.travel-page { max-width: 820px; }
.travel-page .fact { margin: 1rem 0; }
.travel-page .fact h2 { margin-top: 0; }
.travel-page .fact h3 { margin: .8rem 0 .3rem; font-size: 1rem; }
.travel-page .source { font-size: .85rem; margin: .4rem 0 0; }
.travel-page .link-list li { margin-bottom: .4rem; }
.travel-page .steps { padding-left: 1.3rem; }
.travel-page .steps li { margin-bottom: .45rem; }
.travel-page textarea, .travel-page select, .travel-page input[type=text], .travel-page input[type=date], .travel-page input[type=time] { width: 100%; }
#locate-text { font-family: inherit; }
.accident-form fieldset { border: 1px solid var(--line); border-radius: var(--radius); margin: 1rem 0; padding: .8rem 1rem; }
.accident-form legend { font-weight: 600; padding: 0 .4rem; }
.accident-form label { display: block; margin-bottom: .6rem; }
.accident-form label.check { display: flex; gap: .5rem; font-weight: 400; margin-bottom: .3rem; }
.accident-form .circ { display: grid; gap: var(--gap); grid-template-columns: 1fr; }
@media (min-width: 720px) { .accident-form .circ { grid-template-columns: 1fr 1fr; } }
.accident-form .step-nav { display: flex; gap: .8rem; align-items: center; justify-content: space-between; }
.accident-form.stepped fieldset[hidden] { display: none; }
.sheet-table { width: 100%; border-collapse: collapse; margin: .6rem 0 1rem; }
.sheet-table th, .sheet-table td { border: 1px solid var(--line); padding: .35rem .5rem; text-align: left; vertical-align: top; }
.sheet-table th { width: 32%; font-weight: 600; background: var(--bg-alt); }
.sheet-parties { display: grid; gap: var(--gap); grid-template-columns: 1fr; }
@media (min-width: 900px) { .sheet-parties { grid-template-columns: 1fr 1fr; } }
.sheet .circ-list, .sheet .photo-list { list-style: none; padding: 0; margin: 0; }
.sheet .signature { height: 3.2rem; }
.sheet .sketch { border: 1px solid var(--line); height: 14rem; }
@media print {
  .site-header, .site-footer, .no-print, .btn { display: none !important; }
  body { background: #fff; color: #000; font-size: 10.5pt; }
  main.container { max-width: none; padding: 0; }
  .sheet-parties { grid-template-columns: 1fr 1fr; gap: 1rem; }
  .sheet-table th { background: #eee !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .sheet h2 { break-after: avoid; }
  .sheet-table tr, .sheet .sketch { break-inside: avoid; }
  a { color: #000; text-decoration: none; }
}

.fact-titles { margin: .25rem 0 .75rem; padding-left: 1.1rem; font-size: .95rem; }

/* Country cards: always two per row. Images in /img/country-backgrounds/{code}.jpeg are laid under a gradient of the theme card colour on the left (light or dark), where the text sits. */
.travel-page .country-grid { display: grid; gap: var(--gap); margin: 1rem 0 2rem; row-gap: 1.25rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.country-grid .card { display: flex; flex-direction: column; gap: .4rem; }
.country-grid .card p { margin: 0; }
.country-grid .card a.more { font-weight: 600; }
.country-card { padding: 1.25rem 1.4rem; background-image: linear-gradient(90deg, var(--bg-alt) 0%, color-mix(in srgb, var(--bg-alt) 94%, transparent) 45%, color-mix(in srgb, var(--bg-alt) 35%, transparent) 80%, transparent 100%), var(--country-bg, none); background-size: cover; background-position: right center; background-repeat: no-repeat; margin-bottom: .2rem; }
.country-card .card-links { margin-top: auto; display: flex; gap: 1rem; flex-wrap: wrap; }
@media (max-width: 480px) { .country-card { padding: 1rem; } }
.country-card[data-country="rs"] { --country-bg: url(/img/country-backgrounds/rs.jpeg); }
.country-card[data-country="hr"] { --country-bg: url(/img/country-backgrounds/hr.jpeg); }
.country-card[data-country="ba"] { --country-bg: url(/img/country-backgrounds/ba.jpeg); }
.country-card[data-country="me"] { --country-bg: url(/img/country-backgrounds/me.jpeg); }
.country-card[data-country="si"] { --country-bg: url(/img/country-backgrounds/si.jpeg); }
.country-card[data-country="at"] { --country-bg: url(/img/country-backgrounds/at.jpeg); }
.country-card[data-country="de"] { --country-bg: url(/img/country-backgrounds/de.jpeg); }
.country-card[data-country="hu"] { --country-bg: url(/img/country-backgrounds/hu.jpeg); }
.country-card[data-country="ro"] { --country-bg: url(/img/country-backgrounds/ro.jpeg); }
.country-card[data-country="bg"] { --country-bg: url(/img/country-backgrounds/bg.jpeg); }
.country-card[data-country="mk"] { --country-bg: url(/img/country-backgrounds/mk.jpeg); }
.country-card[data-country="al"] { --country-bg: url(/img/country-backgrounds/al.jpeg); }
.country-card[data-country="gr"] { --country-bg: url(/img/country-backgrounds/gr.jpeg); }