/**
 * Primary CTA colour consistency + floating chat clearance.
 *
 * Loaded last in the head so it wins over both styles.css and the CMS pages'
 * own inline <style> blocks. Kept in its own file because static assets on this
 * site are served unversioned with a one-year max-age, so an edit to an
 * existing stylesheet would not reach visitors who already have it cached.
 */

/* ==========================================================================
   Primary CTA colour + floating chat clearance
   Loaded after styles.css and after the CMS pages' own <style> blocks, so the
   declarations below need !important to win against per-page authored colours.
   ========================================================================== */

/* Service-page primary CTAs were authored per page in gold (#D49C63) and tan
   (#d4a15f), several with dark labels. #FA4F00 is the same orange as the PDP
   Add to Cart button. Secondary/outline CTAs are deliberately left alone. */
.tm-development-hero-assessment-cta,
.tm-marketing-hero-phone-cta,
.tm-marketing-closing-cta .tm-marketing-closing-phone-cta,
.tm-migration-hero-phone-cta,
.tm-migration-closing-cta .tm-migration-closing-phone-cta,
.tm-performance-hero-phone-cta,
.tm-performance-closing-cta .tm-performance-closing-phone-cta,
.tm-emergency-hero-phone-cta,
.tm-emergency-closing-cta .tm-emergency-closing-phone-cta,
.tm-checkout-hero-phone-cta,
.tm-integration-closing-cta .tm-integration-closing-phone-cta,
.tm-maint-phone-cta,
.tm-hosting-hero-phone-cta,
.tm-webdesign-closing-phone-cta,
a[class~="bg-[#D49C63]"],
a[class~="bg-[#d49c63]"],
a[class~="bg-[#d4a15f]"] {
    background: #FA4F00 !important;
    background-image: none !important;
    border-color: #FA4F00 !important;
    color: #fff !important;
}

.tm-development-hero-assessment-cta *,
.tm-marketing-hero-phone-cta *,
.tm-marketing-closing-cta .tm-marketing-closing-phone-cta *,
.tm-migration-hero-phone-cta *,
.tm-migration-closing-cta .tm-migration-closing-phone-cta *,
.tm-performance-hero-phone-cta *,
.tm-performance-closing-cta .tm-performance-closing-phone-cta *,
.tm-emergency-hero-phone-cta *,
.tm-emergency-closing-cta .tm-emergency-closing-phone-cta *,
.tm-checkout-hero-phone-cta *,
.tm-integration-closing-cta .tm-integration-closing-phone-cta *,
.tm-maint-phone-cta *,
.tm-hosting-hero-phone-cta *,
.tm-webdesign-closing-phone-cta *,
a[class~="bg-[#D49C63]"] *,
a[class~="bg-[#d49c63]"] *,
a[class~="bg-[#d4a15f]"] * {
    color: #fff !important;
}

.tm-development-hero-assessment-cta:hover,
.tm-development-hero-assessment-cta:focus-visible,
.tm-marketing-hero-phone-cta:hover,
.tm-marketing-hero-phone-cta:focus-visible,
.tm-marketing-closing-cta .tm-marketing-closing-phone-cta:hover,
.tm-marketing-closing-cta .tm-marketing-closing-phone-cta:focus-visible,
.tm-migration-hero-phone-cta:hover,
.tm-migration-hero-phone-cta:focus-visible,
.tm-migration-closing-cta .tm-migration-closing-phone-cta:hover,
.tm-migration-closing-cta .tm-migration-closing-phone-cta:focus-visible,
.tm-performance-hero-phone-cta:hover,
.tm-performance-hero-phone-cta:focus-visible,
.tm-performance-closing-cta .tm-performance-closing-phone-cta:hover,
.tm-performance-closing-cta .tm-performance-closing-phone-cta:focus-visible,
.tm-emergency-hero-phone-cta:hover,
.tm-emergency-hero-phone-cta:focus-visible,
.tm-emergency-closing-cta .tm-emergency-closing-phone-cta:hover,
.tm-emergency-closing-cta .tm-emergency-closing-phone-cta:focus-visible,
.tm-checkout-hero-phone-cta:hover,
.tm-checkout-hero-phone-cta:focus-visible,
.tm-integration-closing-cta .tm-integration-closing-phone-cta:hover,
.tm-integration-closing-cta .tm-integration-closing-phone-cta:focus-visible,
.tm-maint-phone-cta:hover,
.tm-maint-phone-cta:focus-visible,
.tm-hosting-hero-phone-cta:hover,
.tm-hosting-hero-phone-cta:focus-visible,
.tm-webdesign-closing-phone-cta:hover,
.tm-webdesign-closing-phone-cta:focus-visible,
a[class~="bg-[#D49C63]"]:hover,
a[class~="bg-[#D49C63]"]:focus-visible,
a[class~="bg-[#d49c63]"]:hover,
a[class~="bg-[#d49c63]"]:focus-visible,
a[class~="bg-[#d4a15f]"]:hover,
a[class~="bg-[#d4a15f]"]:focus-visible {
    background: #D94500 !important;
    background-image: none !important;
    border-color: #D94500 !important;
    color: #fff !important;
}

/* The floating chat launcher is fixed to the bottom-right corner at z-index
   900, which puts it directly over the sticky price / Add to Cart bar on
   product pages at phone widths. Shrink its footprint and move the sticky bar
   clear of it rather than hiding the widget. */
@media (max-width: 767px) {
    .tm-chatbot {
        --tm-chatbot-launcher-size: 3.5rem !important;
    }

    .fBtmBar.bottom_details_addtocart_sec {
        bottom: 5.5rem;
    }

    /* Keep the last row of page content out from under the launcher. */
    .page-footer {
        padding-bottom: 4.5rem;
    }
}