/*
Theme Name: PASTE LMS Network Theme
Theme URI: https://withpaste.com
Author: PASTE Engineering Team
Author URI: https://withpaste.com
Description: Custom Neo-Brutalist WordPress Multisite & Sensei LMS Theme for PASTE Open, PASTE Practice, and Universal Blog.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: paste-lms
Tags: education, lms, sensei, multisite, neo-brutalist, responsive, dark-mode
*/

:root {
  --color-primary: #FFD700;
  --color-primary-hover: #FFC700;
  --color-dark: #0a0a0a;
  --color-dark-surface: #141414;
  --color-gray-border: rgba(0, 0, 0, 0.1);
  --color-white: #ffffff;
  --shadow-brutal: 4px 4px 0px 0px #0a0a0a;
  --shadow-brutal-hover: 6px 6px 0px 0px #0a0a0a;
  --shadow-brutal-yellow: 4px 4px 0px 0px #FFD700;
  --border-brutal: 2px solid #0a0a0a;
  --radius-brutal: 1rem;
}

/* ==============================================================
   WooCommerce Neo-Brutalist Styles
   ============================================================== */

.woocommerce .woocommerce-message, 
.woocommerce .woocommerce-error, 
.woocommerce .woocommerce-info {
    border: 2px solid #000 !important;
    background-color: #fff !important;
    color: #000 !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0px 0px #0a0a0a !important;
    font-family: inherit !important;
    font-weight: 700;
}
.woocommerce .woocommerce-message::before, 
.woocommerce .woocommerce-info::before {
    color: #000 !important;
}

.woocommerce table.shop_table {
    border: 2px solid #000 !important;
    border-radius: 0 !important;
}
.woocommerce table.shop_table th, 
.woocommerce table.shop_table td {
    border-top: 2px solid #000 !important;
    border-bottom: none !important;
}
.woocommerce table.shop_table th {
    background-color: #f5f5f5;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px;
}

/* Buttons */
.woocommerce button.button, 
.woocommerce a.button, 
.woocommerce input.button {
    background-color: #000 !important;
    border: 2px solid #000 !important;
    color: #FFD700 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    border-radius: 0 !important;
    padding: 12px 24px !important;
    box-shadow: 4px 4px 0px 0px #000 !important;
    transition: all 0.2s ease-in-out !important;
}
.woocommerce button.button:hover, 
.woocommerce a.button:hover, 
.woocommerce input.button:hover {
    background-color: #FFD700 !important;
    color: #000 !important;
    transform: translate(2px, 2px) !important;
    box-shadow: 2px 2px 0px 0px #000 !important;
}

/* Inputs */
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
    border: 2px solid #000 !important;
    background-color: #f5f5f5 !important;
    border-radius: 0 !important;
    padding: 10px 15px !important;
    color: #000 !important;
    box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.1) !important;
}
.woocommerce form .form-row input.input-text:focus, 
.woocommerce form .form-row textarea:focus {
    outline: none !important;
    background-color: #fff !important;
    box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.1), 0 0 0 2px #FFD700 !important;
}
.woocommerce form .form-row label {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}

/* Cart & Checkout Specific */
.woocommerce-cart .cart-collaterals .cart_totals {
    border: 2px solid #000;
    padding: 20px;
    background: #fff;
    box-shadow: 8px 8px 0px 0px #000;
}
.woocommerce-checkout #order_review {
    border: 2px solid #000;
    padding: 20px;
    background: #fff;
    box-shadow: 8px 8px 0px 0px #000;
}
.woocommerce-checkout #payment {
    background: #f5f5f5 !important;
    border-radius: 0 !important;
    border: 2px solid #000 !important;
}
.woocommerce-checkout #payment div.payment_box {
    background-color: #e5e5e5 !important;
    border: 2px solid #000;
    border-radius: 0;
}
.woocommerce-checkout #payment div.payment_box::before {
    display: none !important; /* Hide WooCommerce triangle pointer */
}

/* Payment Gateway Radios */
.woocommerce-checkout #payment ul.payment_methods li input[type=radio] {
    accent-color: #000;
}