/* Accessibility overrides. Hand-written, not part of the gulp build. */

/* Skip link: hidden until it receives keyboard focus */
.a11y-skip-link {
    position: absolute;
    top: -100px;
    right: 10px;
    z-index: 100000;
    padding: 10px 18px;
    background: #0a0a0a;
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
    border-radius: 0 0 6px 6px;
}
.a11y-skip-link:focus {
    top: 0;
    color: #fff;
}

/* Visible keyboard focus everywhere */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible,
[role="tab"]:focus-visible {
    outline: 3px solid #0a0a0a !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 5px #fff;
}

/* Pink text on a white background: darker shade of the brand colour (5.1:1 on the pink blog band, 6.3:1 on white) */
.site-header .header-left .call-us__link,
.section-title__link {
    color: #964848;
}

/* Slide kicker used to be an <h1>; keep the same look now that it is a <div> */
.main-carousel-slick .mc-slide__top {
    font-size: 32px;
    line-height: 48px;
    font-weight: 700;
    margin: 0;
}
.main-carousel-slick .mc-slide__title {
    font-weight: 700;
    margin: 0;
}

/* White text on the brand pink (#d69292) is 2.5:1. Same hue, darker, gives 5.1:1. */
.page-header,
.btn--primary,
.cta-mobile,
#masthead-mobile .shop-icon .cart-bubble,
.site-header .header-right .shop-icon .cart-bubble,
.archive-content--sidebar .sidebar-filters .sidebar-filters-trigger,
.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-status .status,
body.woocommerce.single-product div.product .single_add_to_cart_button {
    background-color: #a85555;
}
.shim-woo-cart-menu-warp .shim-button-cart {
    background-color: #a85555 !important;
}
.btn--primary:not(:disabled):not(.disabled):hover {
    color: #fff;
    background-color: #8f4545;
}
/* The slider button is white with dark text; keep its own colours */
.main-carousel-slick .mc-slide__actions .btn--primary {
    background: #fff;
}
.main-carousel-slick .mc-slide__actions .btn--primary:hover {
    background: #d69292;
    color: #0a0a0a;
}

/* Sale badge: white on light green was 2.4:1 */
.looped-product .onsale,
.onsale.green {
    background-color: #4a7a0e !important;
}
.looped-product .onsale.white {
    background-color: #fff !important;
    color: #964848;
}

/* Grey labels were 4.47:1, just under the 4.5:1 minimum */
body .woocommerce-product-details__label,
body .quantity__label,
body .orderby-ttl,
body.woocommerce div.product form.cart .variations label {
    color: #666 !important;
}

/* Accessibility statement link in the bottom bar and the statement page itself */
.a11y-statement-link {
    color: inherit;
    text-decoration: underline;
}
.a11y-statement-link:hover {
    color: #fff;
}

/* Remaining light-grey text (#777, 4.47:1) across login, cart, checkout and account */
.login-form .login-password label,
.login-form .login-username label,
.checkout-stepper .step__txt,
.woocommerce .archive-main ul.products .looped-product .price,
body.woocommerce.single-product div.product .price-wrapper .full-price,
body.woocommerce.single-product div.product table.variations tr td.label,
body.woocommerce.single-product div.product form.cart div.quantity .quantity__label,
body.woocommerce.single-product div.product .woocommerce-tabs .wc-tabs li,
.woocommerce-cart .cart-page table.shop_table .product-remove .remove {
    color: #666;
}

/* Remaining light-pink text links on white */
#mobile-menu .mobile-menu-content ul li.has-submenu .mega-menu-item .mm-link,
.page-template-front-page-en .selected-products .sp-gallery__link,
.woocommerce-account table.woocommerce-orders-table .woocommerce-button,
.woocommerce .my-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a,
.woocommerce-checkout .checkbox a,
.checkbox > a {
    color: #964848 !important;
}