/**
 * Theme Name:     The BMan
 * Author:         CreativeThemes
 * Template:       blocksy
 * Text Domain:	   the-bman
 * Description:    The BMan is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
 */

 /* Desktop default */

mark {
    white-space: nowrap;
}

 .lang-item {
    display: block;
}

#offcanvas .lang-item {
    display: flex;
    flex-direction: row;
    margin: 32px 0;
}

#offcanvas .lang-item a {
    font-size: 14px !important;
    width: auto;
}

.lang-item a {
    border-radius: 32px;
    border: 1px solid #fff;
    padding: 8px 16px !important;
    height: auto !important;
}

#offcanvas .menu-item-privacy-policy {
    margin-top: 32px;
}

.menu-item-privacy-policy a {
    font-size: 16px !important;
}

.wpcf7 label:not(.wpcf7-form-control-wrap) {
    font-size: 14px !important;
    font-weight: 400 !important;
}

select, textarea, input:is([type=url],[type=tel],[type=text],[type=time],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=number],[type=search],[type=password]), .ct-pseudo-input, fieldset .wc-stripe-elements-field, .ff-inherit-theme-style .ff-el-form-control:not([size]):not([multiple]) {
    border-radius: 6px !important;
    background-color: #050506 !important;
    border-color: #27272b !important;
    margin-top: 4px;
}

.wpcf7 p {
    margin-bottom: 16px !important;
}

input:is([type=url],[type=tel],[type=text],[type=time],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=number],[type=search],[type=password]) {
    height: 44px !important;
}

#header-menu-2 ul {
    display: flex;
    align-items: center;
    gap: 20px;
}

.btn-contact {
    height: 32px;
    background-color: var(--theme-palette-color-1) !important;
    border-radius: 32px;
    transition: 200ms all ease;
}

.btn-contact:hover {
    background-color: var(--theme-palette-color-2) !important;
}

.btn-contact a {
    color: var(--theme-palette-color-3) !important;
    padding: 8px 16px !important;
    font-weight: 500 !important;
}

/* Breathing glow animation */
.btn-cta {
    position: relative;
    z-index: 1;
}

.btn-cta::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    z-index: -1;
    box-shadow: 0 0 10px 3px #ffde59;
    opacity: 0.3;
    animation: breathingGlow 5.5s cubic-bezier(0.45, 0.05, 0.40, 0.95) infinite;
}

@keyframes breathingGlow {
    0% {
        box-shadow: 0 0 6px 2px #ffde59;
        opacity: 0.15;
    }
    50% {
        box-shadow: 0 0 15px 8px #ffde59;
        opacity: 0.25;
    }
    100% {
        box-shadow: 0 0 6px 2px #ffde59;
        opacity: 0.15;
    }
}