/**
 * GeoHide Product Features CSS
 * Styles for hiding elements when product is restricted
 */

/* Visual indicator for restricted products (debug/admin view) */
body.product-restricted .product-restricted-message {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #721c24;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
}

/* Base restriction styles - these classes are added by JS */
.geohide-hidden {
    display: none !important;
}

/* 
 * The following styles are applied when the body has .product-restricted class
 * This is a fallback/reinforcement to the JS-based hiding 
 */

/* Hide Add to Cart section */
body.product-restricted .product-add-to-cart,
body.product-restricted .add-to-cart,
body.product-restricted .product-quantity {
    display: none !important;
}

/* Hide Prices */
body.product-restricted .product-prices,
body.product-restricted .current-price,
body.product-restricted .price {
    display: none !important;
}

/* Hide Variants/Attributes if configured to do so */
/* Note: We use specific classes that might be toggled */
body.product-restricted.hide-variants .product-variants,
body.product-restricted.hide-variants .product-variants-item {
    display: none !important;
}

/* Restriction overlay for disabled elements */
.restriction-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(255, 255, 255, 0.5);
    cursor: not-allowed;
}