
/* =====================================================
   SEARCH OVERLAY
   ===================================================== */
.br-search-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,0.98);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}
.br-search-overlay.is-open { display: flex; }
.br-search-overlay__inner {
    width: 100%;
    max-width: 640px;
    padding: 24px;
    position: relative;
}
.br-search-overlay__close {
    position: absolute;
    top: -40px;
    right: 0;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #333;
    padding: 8px;
}
.br-search-overlay .search-field,
.br-search-overlay input[type="search"] {
    width: 100%;
    border: none;
    border-bottom: 2px solid #333;
    padding: 12px 0;
    font-size: 20px;
    font-family: var(--br-font);
    outline: none;
    background: transparent;
}
.br-search-overlay .search-submit { display: none; }

/* =====================================================
   MOBILE NAV
   ===================================================== */
.br-mobile-nav {
    background: #fff;
    border-top: 1px solid var(--br-color-border);
    padding: 16px 0;
}
.br-mobile-nav__list,
.br-mobile-nav ul {
    list-style: none;
}
.br-mobile-nav a,
.br-mobile-nav li > a {
    display: block;
    padding: 12px 24px;
    font-size: 14px;
    letter-spacing: 0.04em;
    color: var(--br-color-text);
    border-bottom: 1px solid var(--br-color-border);
    text-decoration: none;
}
.br-mobile-nav a:hover { background: var(--br-color-bg-light); }

/* =====================================================
   CART COUNT ANIMATION
   ===================================================== */
@keyframes br-bump {
    0%,100% { transform: scale(1); }
    50% { transform: scale(1.4); }
}
.br-cart-count--bump { animation: br-bump 0.3s ease; }

/* =====================================================
   TAGLINE
   ===================================================== */
.br-tagline {
    text-align: center;
    padding: 32px 24px;
    font-size: 13px;
    color: #666;
    line-height: 1.7;
    max-width: 560px;
    margin: 0 auto;
}

/* =====================================================
   WC OVERRIDES
   ===================================================== */
.woocommerce-product-gallery { display: none !important; }
.woocommerce-tabs { display: none !important; }
.related.products { display: none !important; }
.entry-summary .woocommerce-product-rating { display: none !important; }

/* Single product layout */
.woocommerce div.product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    max-width: var(--br-max-width);
    margin: 0 auto;
    padding: 28px 24px 48px;
    align-items: start;
}
.woocommerce div.product #brProductGallery { grid-column: 1; }
.woocommerce div.product .br-product-info { grid-column: 2; }
.woocommerce div.product .br-accordion { grid-column: 1 / -1; }

/* WC notices */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    border-top: none !important;
    border-left: 3px solid #333 !important;
    padding: 12px 16px !important;
    font-size: 12px !important;
    font-family: var(--br-font) !important;
    background: #f9f9f9 !important;
    margin: 0 0 16px !important;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul {
    display: flex;
    justify-content: center;
    gap: 4px;
    list-style: none;
    padding: 24px 0;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--br-color-border);
    font-size: 12px;
    font-family: var(--br-font);
    color: var(--br-color-text);
    background: #fff;
    transition: background 0.15s;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--br-color-text);
    color: #fff;
    border-color: var(--br-color-text);
}

/* =====================================================
   ADMIN — Product meta boxes style
   ===================================================== */
