/*
 * BMB modern header CTA and mobile navigation refinements.
 */

#main_navbar .bmb-header-quote > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 8px 0 8px 14px;
    padding: 11px 20px !important;
    border: 0 !important;
    border-radius: 999px;
    background: #ed7d22 !important;
    color: #fff !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    box-shadow: 0 8px 20px rgba(237, 125, 34, .24);
    transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;
}

#main_navbar .bmb-header-quote > a:hover,
#main_navbar .bmb-header-quote > a:focus {
    background: #d96c12 !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(237, 125, 34, .32);
}

#main_navbar .bmb-mobile-quote {
    display: none !important;
}

@media (max-width: 767px) {
    #main_navbar .logo img {
        width: 150px !important;
        max-width: 150px !important;
    }

    #main_navbar .main-menu > .navbar {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 7px;
        min-height: 58px;
    }

    #main_navbar .bmb-mobile-quote {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 8px 11px;
        border: 0;
        border-radius: 999px;
        background: #ed7d22;
        color: #fff !important;
        font-size: 12px;
        font-weight: 800;
        line-height: 1.1;
        white-space: nowrap;
        text-decoration: none !important;
        box-shadow: 0 7px 16px rgba(237, 125, 34, .22);
    }

    #main_navbar .navbar-toggle,
    #main_navbar .navbar-toggle:hover,
    #main_navbar .navbar-toggle:focus,
    #main_navbar .navbar-toggle:active {
        display: inline-flex !important;
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        margin: 0 !important;
        padding: 10px !important;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 4px;
        border: 0 !important;
        border-color: transparent !important;
        border-radius: 10px !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        -webkit-appearance: none;
        appearance: none;
    }

    #main_navbar .navbar-toggle .icon-bar {
        display: block;
        width: 23px;
        height: 2px;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 999px;
        background: #ed7d22 !important;
        transition: transform .2s ease, opacity .2s ease;
    }

    #main_navbar .navbar-toggle[aria-expanded="true"] .icon-bar:nth-of-type(2) {
        transform: translateY(6px) rotate(45deg);
    }

    #main_navbar .navbar-toggle[aria-expanded="true"] .icon-bar:nth-of-type(3) {
        opacity: 0;
    }

    #main_navbar .navbar-toggle[aria-expanded="true"] .icon-bar:nth-of-type(4) {
        transform: translateY(-6px) rotate(-45deg);
    }

    #main_navbar #main_nav {
        width: 100%;
    }

    #main_navbar #main_nav.in {
        display: block !important;
    }

    #main_navbar .bmb-header-quote {
        margin: 10px 14px 14px !important;
    }

    #main_navbar .bmb-header-quote > a {
        width: 100%;
        margin: 0;
    }

    #main_navbar .menu-item-has-children.open > .dropdown-menu {
        display: block !important;
    }
}

@media (max-width: 390px) {
    #main_navbar .logo img {
        width: 130px !important;
        max-width: 130px !important;
    }

    #main_navbar .bmb-mobile-quote {
        padding-inline: 9px;
        font-size: 11px;
    }
}


#main_navbar .main-menu,
#main_navbar .main-menu .navbar,
#main_navbar .main-menu .menu,
#main_navbar #main_nav {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Contact form - page Contact */
body.page-id-517 .vc_row.touch { display:flex; align-items:flex-start!important; }
body.page-id-517 .touch_bg .touch_middle,
body.page-id-517 .touch_bg .input_form { margin-top:0!important; padding-top:0!important; }
body.page-id-517 .touch_bg .wpcf7 {
margin:0!important; padding:38px 40px!important;
border:1px solid rgba(23,32,28,.08); border-radius:26px;
background:#fff; box-shadow:0 18px 50px rgba(23,32,28,.09);
}
body.page-id-517 .wpcf7-form {
display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
column-gap:18px; row-gap:0;
}
body.page-id-517 .wpcf7-form > fieldset,
body.page-id-517 .wpcf7-form > .wpcf7-response-output,
body.page-id-517 .wpcf7-form > p:nth-of-type(5),
body.page-id-517 .wpcf7-form > p:nth-of-type(6),
body.page-id-517 .wpcf7-form > p:nth-of-type(7) { grid-column:1/-1; }
body.page-id-517 .wpcf7-form > p { margin:0 0 18px!important; }
body.page-id-517 .wpcf7-form label {
display:block; color:#17201c; font-size:14px; font-weight:800; line-height:1.45;
}
body.page-id-517 .wpcf7-form-control-wrap { display:block; margin-top:8px; }
body.page-id-517 .wpcf7-form input[type="text"],
body.page-id-517 .wpcf7-form input[type="email"],
body.page-id-517 .wpcf7-form input[type="tel"],
body.page-id-517 .wpcf7-form select,
body.page-id-517 .wpcf7-form textarea {
width:100%!important; max-width:none!important;
border:1px solid #dfe6e2!important; border-radius:14px!important;
background:#f7f9f8!important; color:#17201c!important;
font:inherit; outline:0; box-shadow:none!important;
transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;
}
body.page-id-517 .wpcf7-form input[type="text"],
body.page-id-517 .wpcf7-form input[type="email"],
body.page-id-517 .wpcf7-form input[type="tel"],
body.page-id-517 .wpcf7-form select { min-height:54px; padding:0 16px!important; }
body.page-id-517 .wpcf7-form textarea {
min-height:170px; padding:15px 16px!important; resize:vertical;
}
body.page-id-517 .wpcf7-form input:focus,
body.page-id-517 .wpcf7-form select:focus,
body.page-id-517 .wpcf7-form textarea:focus {
border-color:#ed7d22!important; background:#fff!important;
box-shadow:0 0 0 4px rgba(237,125,34,.13)!important;
}
body.page-id-517 .wpcf7-form .wpcf7-submit {
min-height:50px; padding:12px 28px!important; border:0!important;
border-radius:999px!important; background:#ed7d22!important; color:#fff!important;
font-size:15px; font-weight:800; box-shadow:0 10px 24px rgba(237,125,34,.25);
cursor:pointer; transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;
}
body.page-id-517 .wpcf7-form .wpcf7-submit:hover,
body.page-id-517 .wpcf7-form .wpcf7-submit:focus {
background:#d96c12!important; transform:translateY(-1px);
box-shadow:0 13px 28px rgba(237,125,34,.32);
}
body.page-id-517 .wpcf7-not-valid-tip { margin-top:7px; font-size:13px; font-weight:700; }
body.page-id-517 .wpcf7-response-output { margin:0!important; border-radius:12px; }
.bmb-footer-bottom a { color:#ed7d22!important; font-weight:800; text-decoration:none; }
.bmb-footer-bottom a:hover,
.bmb-footer-bottom a:focus { color:#fff!important; text-decoration:underline; }
@media (max-width:767px) {
body.page-id-517 .vc_row.touch { display:block; }
body.page-id-517 .touch_bg .wpcf7 {
margin-top:24px!important; padding:24px 20px!important; border-radius:20px;
}
body.page-id-517 .wpcf7-form { grid-template-columns:1fr; }
body.page-id-517 .wpcf7-form > p { grid-column:1/-1; }
}

/* Visual refinements - brighter cover and light grey contact form */
.bmb-hero {
background-image:linear-gradient(90deg,rgba(13,24,19,.68) 0%,rgba(13,24,19,.42) 48%,rgba(13,24,19,.06) 100%),url("https://bmb-conception.com/wp-content/themes/bmb-modern/bmb-cover-modern.png")!important;
}
body.page-id-517 .touch_bg .wpcf7 {
background:#e5e8e6!important;
border-color:#e3e8e5!important;
}
body.page-id-517 .wpcf7-form input[type="text"],
body.page-id-517 .wpcf7-form input[type="email"],
body.page-id-517 .wpcf7-form input[type="tel"],
body.page-id-517 .wpcf7-form select,
body.page-id-517 .wpcf7-form textarea {
background:#fff!important;
}

/* Quote button text states */
.bmb-header-quote > a,
.bmb-header-quote > a:visited,
.bmb-mobile-quote,
.bmb-mobile-quote:visited {
color:#fff!important;
}
.bmb-header-quote > a:active,
.bmb-header-quote > a:focus,
.bmb-mobile-quote:active,
.bmb-mobile-quote:focus {
background:#fff!important;
color:#ed7d22!important;
}