/* ==========================================================================
   Divi legacy shortcode button overrides

   Restyles the old Divi shortcode buttons (e.g. [button] -> <a class="big-button
   bigorange">) to match the site's new CTA button (see .menu-cta-btn / the
   careers CTA primary button). No markup changes needed: this targets the Divi
   classes directly and loads after the Divi legacy stylesheet so it wins.

   The legacy rules use `!important` on color/background, so the matching
   properties here are forced too.
   ========================================================================== */

a.big-button.bigorange,
a.big-button.bigorange:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #f26622 !important;
    background-image: none !important;
    color: #fff !important;
    border: 1px solid #f26622 !important;
    border-radius: 4px !important;
    padding: 12px 24px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    line-height: 1 !important;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.1s ease !important;
}

a.big-button.bigorange:hover,
a.big-button.bigorange:focus,
a.big-button.bigorange:focus-visible {
    background: #d4551a !important;
    background-image: none !important;
    border-color: #d4551a !important;
    color: #fff !important;
    transform: translateY(-1px);
    text-decoration: none;
}