/*
Theme Name: KH Cryptos Theme
Theme URI: https://connectahost.com/
Author: OpenAI
Author URI: https://openai.com/
Description: Advanced modern crypto WordPress theme for KH Cryptos with WooCommerce support, dark/light mode, animated hero slider, sticky header, live market ribbon and polished account/checkout experience.
Version: 1.5.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: buybitcoin-market
Tags: ecommerce, woocommerce, dark, custom-logo, full-width-template, custom-menu, featured-images
*/

.bbm-navbar-row {
    display: contents;
}

.bbm-floating-tab-stack {
    display: none;
}

.slide-panel {
    display: none;
}

@media (max-width: 1024px) {
    html,
    body {
        overflow-x: hidden !important;
    }

    body {
        padding-bottom: 118px !important;
    }

    .bbm-header {
        z-index: 110 !important;
    }

    .bbm-navbar-wrap {
        position: relative !important;
        z-index: 111 !important;
    }

    .bbm-navbar-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
        min-height: auto !important;
        padding: 12px 0 !important;
    }

    .bbm-navbar-row-main {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        min-width: 0 !important;
    }

    .bbm-navbar-row-actions {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .bbm-brand-wrap {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    .bbm-brand-wrap .custom-logo-link,
    .bbm-brand-wrap .bbm-site-branding {
        justify-content: flex-start !important;
        gap: 10px !important;
        max-width: 100% !important;
    }

    .bbm-brand-wrap .custom-logo-link img,
    .bbm-brand-wrap .bbm-site-branding img,
    .bbm-brand-wrap .bbm-logo-mark,
    .bbm-brand-wrap .bbm-logo-name {
        max-width: 100% !important;
        height: 34px !important;
    }

    .bbm-mobile-toggle {
        display: grid !important;
        place-items: center !important;
        flex: 0 0 40px !important;
        width: 40px !important;
        height: 40px !important;
        margin: 0 !important;
        border-radius: 12px !important;
    }

    .bbm-nav {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        left: 0 !important;
        right: 0 !important;
        display: none !important;
        justify-self: stretch !important;
        padding: 16px !important;
        border-radius: 18px !important;
        z-index: 112 !important;
    }

    .bbm-nav.is-open {
        display: block !important;
    }

    .bbm-menu {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
    }

    .bbm-menu a {
        min-height: 42px !important;
        padding: 0 12px !important;
    }

    .bbm-header-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        flex-wrap: nowrap !important;
        padding: 2px 0 6px !important;
        scrollbar-width: none !important;
    }

    .bbm-header-actions::-webkit-scrollbar,
    .bbm-color-switcher::-webkit-scrollbar {
        display: none !important;
    }

    .bbm-header-actions .bbm-icon-btn {
        flex: 0 0 auto !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        border-radius: 10px !important;
    }

    .bbm-header-actions .bbm-icon-btn svg,
    .bbm-mobile-toggle svg,
    .bbm-floating-tab-icon svg {
        width: 18px !important;
        height: 18px !important;
    }

    .bbm-cart-count {
        top: -4px !important;
        right: -4px !important;
        min-width: 16px !important;
        height: 16px !important;
        font-size: 0.62rem !important;
    }

    .bbm-phone-live-dot {
        right: 5px !important;
        bottom: 5px !important;
        width: 7px !important;
        height: 7px !important;
    }

    .bbm-topbar-inner {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 8px 0 !important;
    }

    .bbm-topbar-meta {
        gap: 10px !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        scrollbar-width: none !important;
    }

    .bbm-color-switcher.color-bar {
        position: fixed !important;
        top: 50% !important;
        right: 0 !important;
        left: auto !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        width: 28px !important;
        height: 120px !important;
        max-width: none !important;
        overflow: hidden !important;
        z-index: 999 !important;
        padding: 8px 4px !important;
        border-radius: 14px 0 0 14px !important;
        border-right: none !important;
    }

    .bbm-color-swatch {
        flex: 0 0 10px !important;
        width: 10px !important;
        height: 10px !important;
        min-width: 10px !important;
        border-radius: 999px !important;
    }

    .bbm-floating-agent-wrap {
        position: fixed !important;
        right: 10px !important;
        bottom: 80px !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        display: block !important;
        width: auto !important;
        z-index: 1000 !important;
        pointer-events: auto !important;
    }

    .bbm-floating-agent-desktop {
        display: none !important;
    }

    .bbm-floating-tab-stack.floating-buttons {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        align-items: center !important;
        pointer-events: auto !important;
    }

    .bbm-floating-tab.btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        width: 45px !important;
        height: 45px !important;
        min-height: 45px !important;
        padding: 0 !important;
        border: 1px solid var(--bbm-border) !important;
        border-radius: 999px !important;
        background: #0a1f2e !important;
        box-shadow: var(--bbm-shadow) !important;
        color: #ffffff !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        appearance: none !important;
    }

    .bbm-floating-tab-icon {
        display: inline-grid !important;
        place-items: center !important;
        width: 100% !important;
        height: 100% !important;
        border-radius: 999px !important;
        background: transparent !important;
        color: inherit !important;
        flex: 0 0 auto !important;
    }

    .bbm-floating-tab-text {
        display: none !important;
    }

    .bbm-floating-panel.slide-panel {
        position: fixed !important;
        right: 0 !important;
        top: 0 !important;
        width: 80% !important;
        max-width: 360px !important;
        height: 100% !important;
        display: block !important;
        gap: 12px !important;
        padding: 20px 16px !important;
        border: 1px solid var(--bbm-border) !important;
        border-right: none !important;
        border-radius: 20px 0 0 20px !important;
        background: #0a1f2e !important;
        box-shadow: var(--bbm-shadow) !important;
        transform: translateX(100%) !important;
        opacity: 1 !important;
        pointer-events: none !important;
        transition: transform 0.3s ease !important;
        z-index: 2000 !important;
    }

    .bbm-floating-panel.slide-panel.active {
        transform: translateX(0) !important;
        pointer-events: auto !important;
    }

    body.panel-open .floating-buttons {
        display: none !important;
    }

    .bbm-floating-panel-body {
        display: none !important;
    }

    .bbm-floating-panel-body.is-active {
        display: grid !important;
        gap: 12px !important;
    }

    .bbm-floating-panel-head {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    .bbm-floating-panel-head strong {
        font-size: 0.98rem !important;
        line-height: 1.2 !important;
    }

    .bbm-floating-panel p {
        margin: 0 !important;
        color: var(--bbm-text-soft) !important;
        font-size: 0.88rem !important;
        line-height: 1.5 !important;
    }

    .bbm-floating-panel .bbm-btn {
        width: 100% !important;
        justify-content: center !important;
    }

    .bbm-floating-panel-close {
        display: inline-grid !important;
        place-items: center !important;
        width: 30px !important;
        height: 30px !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        border-radius: 10px !important;
        cursor: pointer !important;
        font-size: 1rem !important;
        line-height: 1 !important;
        color: #ffffff !important;
        background: transparent !important;
    }

    .bbm-site-main,
    .bbm-footer {
        position: relative !important;
        z-index: 1 !important;
    }

    .bbm-footer {
        padding: 52px 0 148px !important;
        overflow: hidden !important;
    }

    .bbm-footer-shell {
        width: min(100% - 24px, 100% - 24px) !important;
    }

    .bbm-footer-grid-six {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .bbm-footer-grid-six > * {
        width: 100% !important;
        min-width: 0 !important;
    }

    .bbm-footer-brand,
    .bbm-footer-box,
    .bbm-footer-contact-card {
        padding: 18px !important;
        background: var(--bbm-card) !important;
        border: 1px solid var(--bbm-border) !important;
        border-radius: 20px !important;
        box-shadow: var(--bbm-shadow) !important;
    }

    .bbm-footer-brand p,
    .bbm-footer-list a,
    .bbm-footer-bottom {
        line-height: 1.6 !important;
        word-break: break-word !important;
    }

    .bbm-footer-socials {
        flex-wrap: wrap !important;
    }

    .bbm-footer-form,
    .bbm-footer-form input,
    .bbm-footer-form textarea,
    .bbm-footer-mini-map,
    .bbm-footer-mini-map iframe {
        width: 100% !important;
        max-width: 100% !important;
    }

    .bbm-footer-contact-card .bbm-inline-actions,
    .bbm-inline-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .bbm-footer-contact-card .bbm-inline-actions > *,
    .bbm-inline-actions > * {
        width: 100% !important;
        justify-content: center !important;
        min-height: 46px !important;
    }

    .bbm-footer-bottom {
        margin-top: 18px !important;
        padding-top: 18px !important;
        text-align: center !important;
    }
}