/*
Theme Name: NLH Hockey Theme
Theme URI: https://nextlevel-hockey.com
Description: Next Level Hockey - Custom Theme
Author: Nancy
Template: hello-elementor
Version: 1.0.0
Text Domain: nlh-theme
*/


/* =============================================
   NLH HOCKEY — WooCommerce Dark Theme
============================================= */

/* ===== GLOBAL WOO OVERRIDES ===== */
body.woocommerce,
body.woocommerce-page {
    background: #020504 !important;
    color: #e0ede1 !important;
    font-family: 'Barlow', sans-serif !important;
}

/* ===== WOOCOMMERCE NOTICES ===== */
.woocommerce-message,
.woocommerce-info {
    background: rgba(0,255,65,0.08) !important;
    border-top-color: #00ff41 !important;
    color: #e0ede1 !important;
}
.woocommerce-error {
    background: rgba(255,64,64,0.08) !important;
    border-top-color: #ff4040 !important;
    color: #e0ede1 !important;
}

/* ===== SHOP PAGE ===== */
.woocommerce .products .product {
    background: #0a1309 !important;
    border: 1px solid rgba(0,255,65,0.12) !important;
    padding: 32px !important;
    transition: all .3s !important;
}
.woocommerce .products .product:hover {
    border-color: rgba(0,255,65,0.4) !important;
    transform: translateY(-3px) !important;
}
.woocommerce .products .product .woocommerce-loop-product__title {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 1.8rem !important;
    letter-spacing: 1px !important;
    color: #e0ede1 !important;
}
.woocommerce .products .product .price {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 2.5rem !important;
    color: #00ff41 !important;
}
.woocommerce .products .product .button {
    background: transparent !important;
    border: 1px solid rgba(0,255,65,0.35) !important;
    color: #00ff41 !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: .75rem !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    padding: 12px 24px !important;
    transition: all .2s !important;
    border-radius: 0 !important;
    width: 100% !important;
}
.woocommerce .products .product .button:hover {
    background: #00ff41 !important;
    color: #000 !important;
}

/* ===== MY ACCOUNT PAGE ===== */
.woocommerce-account .woocommerce {
    display: grid !important;
    grid-template-columns: 220px 1fr !important;
    gap: 32px !important;
    padding: 100px 80px !important;
    max-width: 100% !important;
}

/* Navigation sidebar */
.woocommerce-account .woocommerce-MyAccount-navigation {
    background: #0a1309 !important;
    border: 1px solid rgba(0,255,65,0.12) !important;
    padding: 24px 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: block !important;
    padding: 12px 24px !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: .78rem !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #7aaa80 !important;
    text-decoration: none !important;
    border-left: 2px solid transparent !important;
    transition: all .2s !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    color: #00ff41 !important;
    border-left-color: #00ff41 !important;
    background: rgba(0,255,65,0.05) !important;
}

/* Account content area */
.woocommerce-account .woocommerce-MyAccount-content {
    background: #0a1309 !important;
    border: 1px solid rgba(0,255,65,0.12) !important;
    padding: 40px !important;
}

/* Orders table */
.woocommerce-orders-table,
.woocommerce table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
}
.woocommerce-orders-table th,
.woocommerce table.shop_table th {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: .62rem !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #5a8060 !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid rgba(0,255,65,0.12) !important;
    text-align: left !important;
    background: transparent !important;
}
.woocommerce-orders-table td,
.woocommerce table.shop_table td {
    padding: 14px 16px !important;
    border-bottom: 1px solid rgba(255,255,255,0.04) !important;
    font-size: .85rem !important;
    font-weight: 300 !important;
    color: #e0ede1 !important;
    background: transparent !important;
}
.woocommerce-orders-table tr:hover td {
    background: rgba(0,255,65,0.02) !important;
}

/* Credit balance display */
.woocommerce-store-credit {
    background: rgba(0,255,65,0.08) !important;
    border: 1px solid rgba(0,255,65,0.3) !important;
    padding: 24px 28px !important;
    margin-bottom: 28px !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}
.woocommerce-store-credit .credit-amount {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 3rem !important;
    color: #00ff41 !important;
    line-height: 1 !important;
}
.woocommerce-store-credit .credit-label {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: .65rem !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #5a8060 !important;
}

/* ===== FORMS (Login / Register / Account) ===== */
.woocommerce form .form-row input,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(0,255,65,0.2) !important;
    color: #e0ede1 !important;
    padding: 13px 16px !important;
    border-radius: 0 !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: .9rem !important;
    width: 100% !important;
    transition: border-color .2s !important;
}
.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus {
    border-color: #00ff41 !important;
    outline: none !important;
    box-shadow: none !important;
}
.woocommerce form .form-row input::placeholder {
    color: #5a8060 !important;
}
.woocommerce form .form-row label {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: .68rem !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #5a8060 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* ===== BUTTONS ===== */
.woocommerce button[type="submit"],
.woocommerce input[type="submit"],
.woocommerce a.button,
.woocommerce button.button {
    background: #00ff41 !important;
    color: #000 !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: .82rem !important;
    font-weight: 800 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    padding: 14px 36px !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: all .2s !important;
}
.woocommerce button[type="submit"]:hover,
.woocommerce input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background: #fff !important;
    color: #000 !important;
}

/* ===== CART PAGE ===== */
.woocommerce-cart .woocommerce {
    padding: 100px 80px !important;
    max-width: 100% !important;
}
.woocommerce-cart table.cart {
    background: #0a1309 !important;
    border: 1px solid rgba(0,255,65,0.12) !important;
}
.woocommerce-cart .cart_totals {
    background: #0a1309 !important;
    border: 1px solid rgba(0,255,65,0.12) !important;
    padding: 32px !important;
}
.woocommerce-cart .cart_totals h2 {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 2rem !important;
    letter-spacing: 1px !important;
    color: #e0ede1 !important;
    margin-bottom: 20px !important;
}
.order-total .amount {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 2rem !important;
    color: #00ff41 !important;
}

/* ===== CHECKOUT PAGE ===== */
.woocommerce-checkout .woocommerce {
    padding: 100px 80px !important;
    max-width: 100% !important;
}
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review {
    background: #0a1309 !important;
    border: 1px solid rgba(0,255,65,0.12) !important;
    padding: 36px !important;
}
.woocommerce-checkout h3 {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 1.8rem !important;
    letter-spacing: 1px !important;
    color: #e0ede1 !important;
    margin-bottom: 24px !important;
}

/* Payment methods */
.woocommerce-checkout .payment_methods {
    background: transparent !important;
    border: 1px solid rgba(0,255,65,0.12) !important;
}
.woocommerce-checkout .payment_methods li {
    border-bottom: 1px solid rgba(0,255,65,0.08) !important;
    padding: 14px 16px !important;
}
.woocommerce-checkout .payment_methods label {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: .85rem !important;
    font-weight: 600 !important;
    color: #e0ede1 !important;
    letter-spacing: 1px !important;
}

/* ===== PAGE HEADER ===== */
.woocommerce .woocommerce-page-header,
.woocommerce h1.page-title,
.woocommerce h2.page-title {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: clamp(3rem, 6vw, 6rem) !important;
    letter-spacing: 1px !important;
    color: #e0ede1 !important;
    padding: 80px 80px 20px !important;
    margin: 0 !important;
}

/* ===== NLH NAV ON WOO PAGES ===== */
.nlh-woo-nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 56px;
    height: 72px;
    background: rgba(2,5,4,0.97);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(0,255,65,0.12);
}
.nlh-woo-nav .nav-logo {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.8rem;
    letter-spacing: 4px;
    color: #00ff41;
    text-decoration: none;
}
.nlh-woo-nav .nav-logo em {
    color: #e0ede1;
    font-style: normal;
}
.nlh-woo-nav-links {
    display: flex;
    gap: 28px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.nlh-woo-nav-links a {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #5a8060;
    text-decoration: none;
    transition: color .2s;
}
.nlh-woo-nav-links a:hover { color: #e0ede1; }

body.woocommerce,
body.woocommerce-page {
    padding-top: 72px !important;
}

/* ===== RESPONSIVE ===== */
@media(max-width: 900px) {
    .woocommerce-account .woocommerce {
        grid-template-columns: 1fr !important;
        padding: 80px 24px !important;
    }
    .woocommerce-cart .woocommerce,
    .woocommerce-checkout .woocommerce {
        padding: 80px 24px !important;
    }
}