/**
 * File: woocommerce-global.css
 * Description: Custom styles for all WooCommerce pages including product, category, checkout, and cart.
 * Version: 1.0.3
 * Last Modified: 2025-06-26
 
 * ===========================================
 * Table of Contents:
 * ===========================================
 * 1. WooCommerce Notices
 *    - General Notices Styling (Desktop)
 *    - Tablet View Overrides
 *    - Mobile View Overrides
 *
 * 2. Hide Product Tags for Non-admin Users
 */

/* ===========================================
 * 1. WooCommerce Notices
 * =========================================== */

/**
 * Customizes WooCommerce notices:
 * 52% width on desktops, 100% on tablets, and 100% on mobile.
 * Empty cart notice always takes full width. Aligns content to the left and adds margin-bottom.
 */
.woocommerce .woocommerce-notices-wrapper,
.wc-empty-cart-message,
.woocommerce-info {
    max-width: 52%; /* General notices width - same as the checkout address fields */
    margin: 0 0 20px 0; /* Align to left, adds margin-bottom */
    text-align: left; /* Align text to the left */
}

.cart-empty.woocommerce-info {
    max-width: 100%; /* Empty cart notice takes full width */
}

/**
 * Tablet View Overrides
 */

@media (max-width: 768px) {
    .woocommerce .woocommerce-notices-wrapper,
    .woocommerce-info {
        max-width: 100%;
        margin: 0 0 20px 0; /* Align to left with margin bottom */
    }
}

/**
 * Mobile View Overrides
 */
 
@media (max-width: 480px) {
    .woocommerce .woocommerce-notices-wrapper,
    .woocommerce-info,
    .cart-empty.woocommerce-info {
        max-width: 100%; /* Full width on mobile */
        margin: 0 0 20px 0; /* Full width with margin bottom */
    }
}

/* ===========================================
 * 2. Hide Product Tags for Non-admin Users
 * =========================================== */

.non-admin-user .product_meta .tagged_as {
    display: none !important;
}