/**
 * Brand Country Restrictions – Frontend Styles v1.3.3
 */

/* ── Single product page: restriction notice ─────────────────────────────
 * Plain grey box — no icon, no purple/WooCommerce styling.
 * NOTE: Remove any .bcr-restriction-notice overrides you may have added in
 * Appearance → Customize → Additional CSS — those will override this file.
 * ─────────────────────────────────────────────────────────────────────── */
.bcr-restriction-notice {
    display: block;
    padding: 12px 16px;
    margin: 12px 0;
    background: #f5f5f5 !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    color: #555 !important;
    font-size: 14px;
    line-height: 1.5;
    box-shadow: none !important;
}

/* Remove the ⚠ icon if any theme/custom CSS adds it via ::before */
.bcr-restriction-notice::before {
    content: none !important;
    display: none !important;
}

/* ── Shop listing: hide the entire add-to-cart button link ───────────────
 * The Cosmetsy theme renders an <a class="button"> inside .product-media
 * as an overlay on the product image. Hide it entirely on listing pages.
 * ─────────────────────────────────────────────────────────────────────── */
.product-media a.button,
.product-media .button,
figure.entry-media a.button {
    display: none !important;
}

/* ── Shop listing: hide price when setting is OFF ────────────────────────
 * bcr-hide-price class is added to the product <li> by BCR_Restrictions
 * when "Show Price for Restricted Products" is toggled OFF in admin.
 * Targets the Cosmetsy theme's custom .product-price-wrapper element.
 * ─────────────────────────────────────────────────────────────────────── */
li.bcr-hide-price .product-price-wrapper,
li.bcr-hide-price .price {
    display: none !important;
}

/* ── Shop listing: unavailability badge below the price ──────────────────
 * Small, italic, grey — unobtrusive.
 * ─────────────────────────────────────────────────────────────────────── */
.bcr-unavailable-badge {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: #999;
    font-style: italic;
    line-height: 1.4;
}