/* Mubau — Amazon-style header */

/* Header */
.bhfb-header { background-color: #131921 !important; }

/* Icons white, orange on hover */
.bhfb-header .bhfb-component-search .header-search svg,
.bhfb-header .bhfb-component-woo_icons .header-item svg:not(.stroke-based),
.bhfb-header .menu-toggle svg { fill: #fff !important; }
.bhfb-header .bhfb-component-search .header-search:hover svg,
.bhfb-header .bhfb-component-woo_icons .header-item:hover svg:not(.stroke-based),
.bhfb-header .menu-toggle:hover svg { fill: #febd69 !important; }

/* Hide logo element */
.bhfb-component-logo { display: none !important; }

/* Show only mobile header */
.bhfb-header.bhfb-desktop { display: none !important; }
.bhfb-header.bhfb-mobile { display: block !important; }

/* Mobile header row */
.bhfb-header.bhfb-mobile .bhfb-main_header_row .bhfb-row {
    display: flex !important; flex-direction: row !important;
    justify-content: flex-start !important; align-items: center !important;
    flex-wrap: nowrap !important;
}
.bhfb-header.bhfb-mobile .bhfb-main_header_row {
    position: relative !important; min-height: 60px !important; padding: 5px 15px !important;
}

/* Hamburger absolute left */
.bhfb-header.bhfb-mobile .bhfb-component-mobile_hamburger {
    position: absolute !important; left: 15px !important; top: 50% !important;
    transform: translateY(-50%) !important; z-index: 20 !important; margin: 0 !important;
}

/* Column 1: search bar */
.bhfb-header.bhfb-mobile .bhfb-column-1 {
    flex: 1 1 auto !important; width: auto !important;
    padding-left: 130px !important; padding-right: 10px !important;
}

/* Column 2: logo */
.bhfb-header.bhfb-mobile .bhfb-column-2 {
    display: block !important; visibility: visible !important;
    position: absolute !important; left: 55px !important; top: 50% !important;
    transform: translateY(-50%) !important; z-index: 15 !important;
    width: auto !important; flex: none !important;
}
.bhfb-header.bhfb-mobile .bhfb-column-2 .bhfb-component-logo { display: block !important; visibility: visible !important; }
.bhfb-header.bhfb-mobile .bhfb-column-2 .site-title a { color: #fff !important; font-size: 22px !important; font-weight: 700 !important; }

/* Column 3: icons right */
.bhfb-header.bhfb-mobile .bhfb-column-3 {
    flex: 0 0 auto !important; width: auto !important; margin-left: auto !important;
    display: flex !important; flex-direction: row !important; align-items: center !important; gap: 15px !important;
}
.bhfb-header.bhfb-mobile .bhfb-column-3 .bhfb-builder-item + .bhfb-builder-item { margin-left: 0 !important; }

/* Hide extra rows */
.bhfb-header.bhfb-mobile .bhfb-above_header_row,
.bhfb-header.bhfb-mobile .bhfb-below_header_row { display: none !important; }

/* Search bar styling */
.bhfb-header.bhfb-mobile .bhfb-component-search .header-search {
    display: flex !important; align-items: center !important; width: 100% !important;
    background: #fff !important; border-radius: 4px !important;
    padding: 6px 10px !important; text-decoration: none !important;
}
.bhfb-header.bhfb-mobile .bhfb-component-search .header-search::after {
    content: "Search Mubau" !important; color: #999 !important;
    font-size: 14px !important; margin-left: 8px !important; flex: 1 !important;
}
.bhfb-header.bhfb-mobile .bhfb-component-search .header-search svg { fill: #999 !important; width: 18px !important; height: 18px !important; flex-shrink: 0 !important; }
.bhfb-header.bhfb-mobile .bhfb-component-search .header-search:hover svg { fill: #666 !important; }
.bhfb-header.bhfb-mobile .bhfb-component-search .icon-cancel { display: none !important; }

/* Offcanvas menu */
.botiga-offcanvas-menu {
    display: block !important; position: fixed !important; left: 0 !important; top: 0 !important;
    width: 300px !important; max-width: 300px !important; height: 100% !important;
    background-color: #131921 !important; color: #fff !important; z-index: 99999 !important;
    overflow-y: auto !important; padding: 30px 20px !important;
    transform: translateX(-100%) !important; transition: transform 0.3s ease !important;
    opacity: 1 !important; visibility: visible !important;
}
.botiga-offcanvas-menu.toggled { transform: translateX(0) !important; }
.botiga-offcanvas-menu .mobile-menu-close svg { fill: #fff !important; }
.botiga-offcanvas-menu .botiga-dropdown-ul > .botiga-dropdown-li > a {
    color: #fff !important; font-size: 16px !important; padding: 12px 0 !important; display: block !important;
}
.botiga-offcanvas-menu .botiga-dropdown-ul > .botiga-dropdown-li > a:hover { color: #febd69 !important; }
.botiga-offcanvas-menu .mobile-offcanvas-menu-content { display: block !important; }
.botiga-offcanvas-menu .mobile-header-item { visibility: visible !important; }

/* Product cards - Amazon style */
.woocommerce ul.products li.product { border: 1px solid #e7e7e7 !important; border-radius: 4px !important; padding: 10px !important; transition: box-shadow 0.2s !important; background: #fff !important; }
.woocommerce ul.products li.product:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important; }
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { text-decoration: none !important; }
.woocommerce ul.products li.product h2 a, .woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #0F1111 !important; text-decoration: none !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important;
    display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;
}
.woocommerce ul.products li.product h2 a:hover { color: #c7511f !important; }
.woocommerce ul.products li.product .price { display: block !important; font-size: 18px !important; font-weight: 700 !important; color: #B12704 !important; margin: 5px 0 !important; }
.woocommerce ul.products li.product .button.add_to_cart_button, .woocommerce ul.products li.product .button.product_type_simple {
    background-color: #febd69 !important; color: #0F1111 !important; border: 1px solid #febd69 !important;
    font-size: 14px !important; font-weight: 500 !important; padding: 8px 16px !important; border-radius: 4px !important;
}
.woocommerce ul.products li.product .button.add_to_cart_button:hover { background-color: #f3a847 !important; }
.woocommerce ul.products li.product .star-rating { display: inline-block !important; margin: 5px 0 !important; font-size: 0.9em !important; color: #febd69 !important; }

/* Hero banner minimal */
.woocommerce-products-header, .page-header { padding: 10px 20px !important; background: #f8f8f8 !important; border-bottom: 1px solid #ddd !important; min-height: auto !important; }
.woocommerce-products-header__title, .page-title { font-size: 20px !important; margin: 0 !important; color: #333 !important; font-weight: 600 !important; }
.woocommerce-breadcrumb { font-size: 12px !important; color: #999 !important; margin: 0 0 4px 0 !important; }
.woocommerce-breadcrumb a { color: #666 !important; }

/* Sidebar layout */
@media (min-width: 992px) {
    .botiga-site-layout-sidebar-left .content-area { display: flex !important; gap: 20px !important; }
    .botiga-site-layout-sidebar-left #primary { flex: 1 !important; order: 2 !important; }
    .botiga-site-layout-sidebar-left #secondary { display: block !important; flex: 0 0 250px !important; order: 1 !important; padding-top: 10px !important; }
}

/* Single product */
.single-product .product .price { font-size: 24px !important; font-weight: 700 !important; color: #B12704 !important; }
.single-product .product .single_add_to_cart_button { background-color: #febd69 !important; color: #0F1111 !important; border: 1px solid #febd69 !important; padding: 12px 30px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 4px !important; }
.single-product .product .single_add_to_cart_button:hover { background-color: #f3a847 !important; }
.related.products { margin-top: 40px !important; padding-top: 30px !important; border-top: 1px solid #e7e7e7 !important; }
.related.products > h2 { font-size: 20px !important; font-weight: 700 !important; margin-bottom: 20px !important; }

/* Tabs */
.woocommerce-tabs { display: block !important; margin-top: 30px !important; border: 1px solid #e7e7e7 !important; border-radius: 4px !important; }
.woocommerce-tabs ul.wc-tabs { display: flex !important; padding: 0 !important; margin: 0 !important; border-bottom: 1px solid #e7e7e7 !important; background: #f8f8f8 !important; list-style: none !important; }
.woocommerce-tabs ul.wc-tabs li { margin: 0 !important; border: none !important; background: none !important; }
.woocommerce-tabs ul.wc-tabs li a { display: block !important; padding: 12px 20px !important; color: #333 !important; text-decoration: none !important; font-weight: 600 !important; border-bottom: 2px solid transparent !important; }
.woocommerce-tabs ul.wc-tabs li.active a { color: #febd69 !important; border-bottom-color: #febd69 !important; background: #fff !important; }
.woocommerce-tabs .woocommerce-Tabs-panel { padding: 20px !important; }

/* Cart */
.woocommerce-cart .cart-empty { text-align: center !important; font-size: 18px !important; margin: 40px 0 15px !important; }
.woocommerce-cart .return-to-shop { text-align: center !important; }
.woocommerce-cart .return-to-shop a { background-color: #febd69 !important; color: #0F1111 !important; padding: 12px 30px !important; border-radius: 4px !important; text-decoration: none !important; font-weight: 600 !important; display: inline-block !important; }
.woocommerce-cart .return-to-shop a:hover { background-color: #f3a847 !important; }

/* Footer */
.site-footer { background-color: #232F3E !important; padding: 40px 20px 20px !important; margin-top: 40px !important; }
.site-footer .site-info { display: none !important; }

/* Pagination */
.woocommerce-pagination .page-numbers li a, .woocommerce-pagination .page-numbers li span { color: #333 !important; background: #f5f5f5 !important; border: 1px solid #ddd !important; padding: 8px 14px !important; }
.woocommerce-pagination .page-numbers li .current { background: #232F3E !important; color: #fff !important; border-color: #232F3E !important; }

/* Back to top */
.back-to-top { display: none !important; position: fixed !important; bottom: 30px !important; right: 30px !important; background: #232F3E !important; color: #fff !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; text-align: center !important; line-height: 44px !important; font-size: 20px !important; cursor: pointer !important; z-index: 999 !important; border: none !important; box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important; text-decoration: none !important; }
.back-to-top:hover { background: #febd69 !important; color: #232F3E !important; }

/* Mobile */
@media (max-width: 767px) {
    .woocommerce ul.products.columns-4 li.product { width: 48% !important; float: left !important; margin-right: 4% !important; }
    .woocommerce ul.products.columns-4 li.product:nth-child(2n) { margin-right: 0 !important; }
    .woocommerce ul.products.columns-4 li.product:nth-child(2n+1) { clear: both !important; }
    #secondary { display: none !important; }
}

.sidebar-widget a { color: #333 !important; }
.sidebar-widget a:hover { color: #c7511f !important; }
.site-footer .site-info, .site-footer .site-info * { display: none !important; }

.site-footer { padding-bottom: 10px !important; }
.site-footer .footer-widgets { margin-bottom: 10px !important; }
.site-footer > *:last-child:empty,
.site-footer > div:empty { display: none !important; }
.site-footer .row:last-child,
.site-footer .footer-bottom { display: none !important; }

/* Footer - no extra space */
#page { display:flex; flex-direction:column; min-height:100vh; }
.site-footer { margin-top:auto !important; }
body { overflow-x:hidden; }
