/* Udon Car Rent 3.1.3 - WCAG AA (4.5:1) text colours. Only the pairs that failed the automated audit are changed; the rest of the palette stays. */
body .additional, body h2.additional, body .h2.additional, body .item-content.additional,
body .box-title, body dl.dl-boxed dd { color: #005fa8; }
body .item-content.high { color: #a85400; }
body .item-content.extra { color: #856000; }
body .responsive .navigation-header-trigger, body .navigation-header-trigger { background-color: #b85c00; color: #fff; }
/* the site's mu-plugin (Udon Car Rent Extensions): LINE / booking buttons and the "add" button of the usage form */
html body a.udc-global-line-chat, html body a.udc-global-line-chat:hover, html body a.udc-global-line-chat:focus { background: #057a3d !important; }
html body .udc-global-mobilebar > a.udc-global-mobilebar__line, html body .udc-global-mobilebar > a.udc-global-mobilebar__line:hover, html body .udc-global-mobilebar > a.udc-global-mobilebar__line:focus { background: #057a3d !important; }
html body .udc-global-mobilebar > a.udc-global-mobilebar__book, html body .udc-global-mobilebar > a.udc-global-mobilebar__book:hover, html body .udc-global-mobilebar > a.udc-global-mobilebar__book:focus { background: #b84700 !important; }
body .udc-usage-add, body .udc-usage-remove { color: #a84300; }
/* orange call-to-action buttons: white text needs a darker orange (4.6:1) */
body .button, body a.button, body .btn-primary, body .btn-book, body a.btn-primary, body .btn-search { background-color: #b85c00; background-image: none; color: #fff; }
body .button:hover, body .btn-primary:hover, body .btn-book:hover { background-color: #9c4d00; color: #fff; }
/* WCAG 2.2 target size (24 px): slider dots keep their look but are spaced apart, checkboxes/radios are 24 px */
body .bx-wrapper .bx-pager.bx-default-pager a { margin: 0 7px; }
body input[type="checkbox"], body input[type="radio"] { width: 24px; height: 24px; margin: 3px 6px 3px 0; vertical-align: middle; }
/* phones: 800 px wide hero instead of 1100 px (about 20 KB less before the first paint) */
@media (max-width: 700px) {
  .slideshow-item.booking, .static-background { background-image: url(../img/intro-booking-sm.webp); }
}