/* Visitteo trip-cost box [visitteo_trip_costs] and fuel type switch. */
.vt-cost{--vt-teal:#006C75;--vt-ink:#1C1F20;--vt-muted:#374151;--vt-line:#dfe3e7;font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--vt-ink);background:#fff;border:1px solid var(--vt-line);border-radius:12px;padding:22px;margin:48px 0 32px !important;max-width:560px;box-sizing:border-box;}
.vt-cost *{box-sizing:border-box;}
.vt-cost__sr,.vt-fuel__sr{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.vt-cost__eyebrow{margin:0 0 4px !important;padding:0;font-size:11px;line-height:1.4;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--vt-teal);}
.vt-cost .vt-cost__route{margin:0 0 22px !important;padding:0;font-size:14px;line-height:1.5;font-weight:500;color:var(--vt-ink);}
.vt-cost__route .vt-cost__arrow{display:inline-block;width:4px;height:7px;margin:0 6px 0 7px;vertical-align:middle;position:relative;top:-1px;overflow:visible;fill:none;stroke:var(--vt-ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.vt-cost .vt-cost__table{width:100% !important;margin:0 !important;border:0 !important;outline:none !important;outline-offset:0 !important;box-shadow:none !important;border-radius:0 !important;overflow:visible !important;border-collapse:collapse !important;border-spacing:0;background:none !important;table-layout:fixed;line-height:1.4;}
.vt-cost .vt-cost__table caption{caption-side:top;}
.vt-cost .vt-cost__table tr,.vt-cost .vt-cost__table tr:nth-child(odd),.vt-cost .vt-cost__table tr:nth-child(even){background:none !important;border:0 !important;}
/* Exactly 4 lines: under the column titles, Fuel, Tolls and Total. */
.vt-cost .vt-cost__table th,.vt-cost .vt-cost__table td{padding:10px 0 !important;border:0 !important;border-right:0 !important;border-bottom:1px solid var(--vt-line) !important;background:none !important;vertical-align:middle;color:var(--vt-ink) !important;font-family:inherit;}
.vt-cost .vt-cost__table thead th{padding:0 0 8px !important;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none !important;color:var(--vt-muted) !important;text-align:right;}
.vt-cost .vt-cost__table thead th:first-child{width:46%;text-align:left;}
.vt-cost .vt-cost__table tbody th{text-align:left;}
.vt-cost .vt-cost__table td{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
.vt-cost .vt-cost__table tbody th,.vt-cost .vt-cost__table tbody td{font-size:15px !important;font-weight:500 !important;}
.vt-cost .vt-cost__table tr.vt-cost__total th,.vt-cost .vt-cost__table tr.vt-cost__total td{font-size:15px !important;font-weight:600 !important;}
.vt-cost .vt-cost__note{margin:18px 0 0 !important;padding:0;font-size:12px;line-height:1.5;color:#374151 !important;}
/* One value per fuel type in the HTML; only the chosen one is shown. */
.vt-cost [data-fuel]:not(.is-on){display:none !important;}
/* Fuel type switch (before the first destination heading). */
.vt-fuel{display:flex;flex-direction:column;gap:8px;margin:48px 0 24px !important;font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
.vt-fuel__label{margin:0 !important;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#374151;}
.vt-fuel__chips{display:flex;flex-wrap:wrap;gap:8px;}
.vt-fuel .vt-fuel__chip,.vt-fuel .vt-fuel__chip:focus,.vt-fuel .vt-fuel__chip:active{appearance:none;-webkit-appearance:none;margin:0;padding:10px 15px;border:1.4px solid #006C75 !important;border-radius:6px !important;background:#fff !important;color:#00535a !important;font:600 13.5px/1.2 Poppins,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer;box-shadow:none !important;outline:none;text-transform:none;letter-spacing:0;transition:color .15s,border-color .15s,background-color .15s;}
.vt-fuel .vt-fuel__chip:hover{border-color:rgba(0,108,117,.62) !important;color:rgba(0,83,90,.78) !important;background:#fff !important;}
.vt-fuel .vt-fuel__chip.is-active,.vt-fuel .vt-fuel__chip.is-active:focus{background:#006C75 !important;border-color:#006C75 !important;color:#fff !important;}
.vt-fuel .vt-fuel__chip.is-active:hover{background:rgba(0,108,117,.86) !important;border-color:rgba(0,108,117,.86) !important;}
.vt-fuel .vt-fuel__chip:focus-visible{outline:2px solid #006C75 !important;outline-offset:2px;}
.vt-fuel__hint{margin:4px 0 0 !important;font-size:13px;line-height:1.5;color:#374151;}
/* Same fade as the filters; no theme opacity/filter effects; no stuck hover after a tap on phones. */
.vt-fuel button,.vt-fuel button:hover,.vt-fuel button:focus,.vt-fuel button:active{opacity:1 !important;filter:none !important;transform:none !important;-webkit-tap-highlight-color:transparent;}
@media (hover:none){.vt-fuel .vt-fuel__chip:hover{border-color:#006C75 !important;color:#00535a !important;background:#fff !important;}.vt-fuel .vt-fuel__chip.is-active:hover{background:#006C75 !important;border-color:#006C75 !important;color:#fff !important;}}
@media (max-width:640px){.vt-cost{padding:18px;}.vt-cost .vt-cost__table thead th:first-child{width:40%;}.vt-cost .vt-cost__table thead th{font-size:11px;}}
/* 24px between the fuel type switch and the first destination heading. */
.vt-fuel + h2,.vt-fuel + .vt-city-h{margin-top:0 !important;}
/* Small teal heading: same line height and 10px below as in the other cards. */
.vt-cost .vt-cost__eyebrow{margin:0 0 10px !important;padding:0 !important;line-height:1.4 !important;}
/* Fuel type: 10px under the "Fuel type" label (hint keeps 12px). */
.vt-fuel{gap:0 !important;}
.vt-fuel .vt-fuel__label{margin:0 0 10px !important;line-height:1.4 !important;}
.vt-fuel .vt-fuel__hint{margin:12px 0 0 !important;}
/* Key facts [visitteo_trip_summary]: H2, short bullets with a bold lead-in, small note. */
.vt-facts{margin:48px 0 32px !important;font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1C1F20;}
.vt-facts h2.vt-facts__title{margin:0 0 24px !important;}
.vt-facts .vt-facts__note{margin:18px 0 0 !important;padding:0 0 0 18px !important;font-size:12px !important;line-height:1.5;color:#374151;}
.vt-facts .vt-facts__list{list-style:none !important;margin:0 !important;padding:0 !important;}
.vt-facts .vt-facts__list li{position:relative;margin:0 0 8px !important;padding:0 0 0 18px !important;line-height:1.6;}
.vt-facts .vt-facts__list li:last-child{margin-bottom:0 !important;}
.vt-facts .vt-facts__list li::before{content:"";position:absolute;left:2px;top:.68em;width:6px;height:6px;border-radius:50%;background:#1C1F20;}
.vt-facts .vt-facts__list li::marker{content:none;}
.vt-facts strong{font-weight:600;color:#1C1F20;}
.vt-facts [data-fuel]:not(.is-on){display:none !important;}
/* "More about {city}" at the end of a post: H2, then links with small dark dots. */
.vt-city{margin:48px 0 32px !important;font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
.vt-city h2.vt-city__title{margin:0 0 24px !important;}
.vt-city .vt-city__list{margin-top:0 !important;margin-bottom:0 !important;}
.vt-city .vt-city__list li{margin:0 0 8px !important;}
.vt-city .vt-city__list li:last-child{margin-bottom:0 !important;}
/* Bullets and hover come from the theme, so they look like the lists and links in the article text. Only the resting look is set here. */
.vt-city .vt-city__list a,.vt-city .vt-city__list a:visited{color:#006C75 !important;text-decoration:none !important;transition:color .15s;}
/* Hover: the same light fade as links in the text (no gray, no underline). */
.vt-city .vt-city__list a:hover,.vt-city .vt-city__list a:focus,.vt-city .vt-city__list a:active{color:rgba(0,108,117,.72) !important;text-decoration:none !important;background:none !important;box-shadow:none !important;}
/* Cluster links: bold topic name in the text colour. */
.vt-cluster .vt-cluster__list strong{color:#1C1F20;font-weight:600;}
.vt-cluster + .vt-city{margin-top:40px !important;}
.vt-city .vt-city__list a{font-weight:400 !important;}
.vt-city h3.vt-city__group{margin:24px 0 12px !important;}
.vt-city h2.vt-city__title + h3.vt-city__group{margin-top:0 !important;}

/* Key facts note: source links in teal, no underline, soft fade on hover. */
.vt-facts .vt-facts__note a{color:#006C75 !important;text-decoration:none !important;transition:opacity .2s ease;}
.vt-facts .vt-facts__note a:hover,.vt-facts .vt-facts__note a:focus{opacity:.7;}