/* Theme fixes layered over the compiled main.css (source SCSS is not in this repo) */

/* Keep the mobile side menu above the WordPress admin bar (z-index 99999) */
.navbar-side {
    z-index: 100000;
}

/* Above the sticky header from Customizer > Additional CSS (z-index 9999) */
.overlay {
    z-index: 10000;
}

/* Dropdowns: main.css loads its arrow from icongr.am (now offline) and WooCommerce clears the background */
select:not([multiple]),
.woocommerce div.product form.cart .variations select {
    padding: 8px 40px 8px 12px !important;
    border: 1px solid #adb5bd;
    border-radius: 3px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23323643' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center / 16px 16px;
    color: #323643;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s;
}

select:not([multiple]):hover,
.woocommerce div.product form.cart .variations select:hover {
    border-color: #6db33f;
}

select:not([multiple]):focus,
.woocommerce div.product form.cart .variations select:focus {
    border-color: #6db33f;
    outline: none;
    box-shadow: 0 0 0 3px rgba(109, 179, 63, .25);
}