/*
  Theme Name: CK Logistics
  Author: Whetham Solutions
  Author URI: https://whethamsolutions.com
  Description: Wordpress theme for CK Logistics. Use of this theme outside of this company's website is strictly prohibited.
  Template: ion
  Text Domain: ckl
*/

:where(a, button, [tabindex]):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
:where(.button, .elementor-button, .ion-multi-button a):focus-visible { outline-color: var(--dark); }
.ion-skip-link { position: absolute; left: 12px; top: -100px; z-index: 100000; padding: 10px 16px; background: #fff; color: #000; font-weight: 600; border-radius: 4px; }
.ion-skip-link:focus { top: 12px; }

/* Menu toggle is a <button>: reset browser styling so it matches the link buttons. */
.mobile-navigation li.mobile-button a,
.mobile-navigation li.mobile-button .mobile-menu-toggle {
    text-align: center;
}

.mobile-navigation li.mobile-button .mobile-menu-toggle {
    display: inline-block;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.mobile-navigation li.mobile-button .mobile-menu-toggle:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 3px;
    border-radius: 5px;
}

.mobile-button a,
.mobile-button .mobile-menu-toggle {
    flex-direction: column;
}