/* Global landing-page accessibility fixes for the Bestonlinecabinets theme.
   The Magento/luma checkout theme does not inherit this stylesheet.
   Priority overrides below name their compiled Tailwind sources locally.
   Mobile inset consumers exclude the homepage; T4 owns the variable on html. */

.btn-primary:not(.btn-outline),
.boc-sp-cta-group .boc-sp-cta-primary,
.boc-summary-card a.boc-lp-btn-primary,
#boc-mobile-cta-bar .boc-sp-bar-design,
#boc-mobile-cta-bar .boc-sp-bar-add,
.cat-item .sample-btn {
    background-color: #C2410C;
    border-color: #C2410C;
    color: #FFFFFF;
}

.btn-primary:not(.btn-outline):hover,
.boc-sp-cta-group .boc-sp-cta-primary:hover,
.boc-summary-card a.boc-lp-btn-primary:hover,
#boc-mobile-cta-bar .boc-sp-bar-design:hover,
#boc-mobile-cta-bar .boc-sp-bar-add:hover,
.cat-item .sample-btn:hover {
    background-color: #9A3412;
    border-color: #9A3412;
}

html body .btn-outline {
    /* Overrides styles.css important !text-themeSecondary and hover:!text-white utilities. */
    color: #111 !important;
    border-color: #8A8F98;
    background-color: transparent;
}

html body .btn-outline:hover {
    background-color: #F3F4F6;
    /* Overrides styles.css important hover:!text-white utility. */
    color: #111 !important;
}

:focus-visible,
.btn:focus-visible,
html body :focus-visible,
html body #boc-chat-launcher:focus-visible,
html body #boc-chat-gate button:focus-visible,
html body #boc-chat-gate input:focus-visible {
    /* Overrides styles.css .btn:focus-visible important outline from tailwind/components/button.css. */
    outline: 3px solid #9A3412 !important;
    outline-offset: 2px;
}

#header > div:first-child :focus-visible,
.page-footer :focus-visible {
    /* Overrides styles.css important .btn:focus-visible outline and the global rule above. */
    outline-color: #fff !important;
}

html body#html-body input:focus,
html body#html-body textarea:focus,
html body#html-body select:focus {
    /* Overrides styles.css important focus:!border-[#888888] utility. */
    border-color: #9A3412 !important;
    box-shadow: 0 0 0 1px #9A3412;
}

html .page-footer .footer-links .footer-title {
    color: #fff;
}

.breadcrumbs [aria-current="page"] {
    color: #222;
}

#notice-cookie-block a {
    color: #C2410C;
    text-decoration: underline;
}

/* The production head's later #boc-chat-launcher rule uses currentColor
   for its SVG. Two type selectors beat that single ID without priority flags.
   Keep its coral background and the #notice-cookie-block .cookie position. */
html body #boc-chat-launcher {
    color: #222;
}

@media (max-width: 767px) {
    body:not(.cms-index-index) #boc-chat-launcher {
        bottom: calc(15px + var(--boc-lp-bottom-inset, 0px));
    }

    body:not(.cms-index-index) #back-to-top {
        width: 44px;
        height: 44px;
        right: 23px;
        bottom: calc(87px + var(--boc-lp-bottom-inset, 0px));
    }
}