/**
 * File: assets/css/woocommerce-global.css
 * Description: Custom styles for all WooCommerce pages including product, category, checkout, and cart
 * Version: 1.0.1
 * Last Modified: 2025-10-31
 *
 * This file loads on all WooCommerce pages: shop, product categories/tags, single products,
 * cart, checkout, and My Account pages.
 *
 * Use this file for common WooCommerce page elements, notices/messages, breadcrumbs,
 * common form styling, page containers, and shared WC components.
 */

/* ===========================================
 * Table of Contents:
 * ===========================================
 * 1. WooCommerce Notices & Messages
 * 2. Breadcrumbs
 * 3. Form Elements
 * 4. Page Containers
 * 5. Common Tables
 * 6. Pagination
 * 7. Result Count & Sorting
 * 8. Shared Components
 * 9. Buttons & Actions
 * 10. Cart Styling
 * 11. Recurring Subscriptions
 */

/* ===========================================
 * 1. WooCommerce Notices & Messages
 * =========================================== */

/* Add your WooCommerce notices styles here */


/* ===========================================
 * 2. Breadcrumbs
 * =========================================== */

/* Add your breadcrumb styles here */


/* ===========================================
 * 3. Form Elements
 * =========================================== */

/* Add your form element styles here */


/* ===========================================
 * 4. Page Containers
 * =========================================== */

/* Add your page container styles here */


/* ===========================================
 * 5. Common Tables
 * =========================================== */

/**
 * WooCommerce Table Styling
 * Remove borders and center content for cleaner appearance
 */

/* Remove all table borders */
.woocommerce table,
.woocommerce-page table,
.woocommerce-page table td,
.woocommerce-page table th {
    border: none !important;
    padding: 10px !important;
}

/* Collapse table borders */
.woocommerce table,
.woocommerce-page table {
    border-collapse: collapse !important;
}

/* Center table cell content */
.woocommerce table td {
    text-align: center !important;
}

/* Right-align cart actions */
.woocommerce-page table.cart td.actions {
    text-align: right !important;
}

/* Center table headers to match cell alignment */
.woocommerce table.shop_table thead tr th {
    text-align: center;
}


/* ===========================================
 * 6. Pagination
 * =========================================== */

/* Add your pagination styles here */


/* ===========================================
 * 7. Result Count & Sorting
 * =========================================== */

/* Add your result count and sorting styles here */


/* ===========================================
 * 8. Shared Components
 * =========================================== */

/* Add any other shared WooCommerce component styles here */


/* ===========================================
 * 9. Buttons & Actions
 * =========================================== */

/**
 * WooCommerce Button Border Radius
 * Consistent rounded button styling across all WC pages
 */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    border-radius: 20px !important;
}


/* ===========================================
 * 10. Cart Styling
 * =========================================== */

/**
 * Cart Page Mobile Responsiveness
 * Add horizontal padding on mobile devices
 */
@media(max-width: 768px) {
    .woocommerce-cart main#main {
        padding-inline: 30px;
    }
}


/* ===========================================
 * 11. Recurring Subscriptions
 * =========================================== */

/**
 * Hide Recurring Subscription Totals
 * Removes recurring payment rows from cart/checkout totals
 */
.recurring-totals,
.cart-subtotal.recurring-total,
.shipping.recurring-total,
.order-total.recurring-total {
    display: none;
}