/*
Theme Name: Reelee
Theme URI: https://reelee.local/
Author: Reelee Tech
Author URI: https://reelee.local/
Description: A high-tech cyberpunk gaming and PC hardware e-commerce theme for WordPress and WooCommerce.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: reelee
Tags: e-commerce, custom-logo, full-site-editing, entertainment, dark-mode
*/

/* Core Theme Design Tokens */
:root {
    --cyber-black: #030712;
    --cyber-card: #0B1120;
    --cyber-cyan: #00F0FF;
    --cyber-pink: #FF007F;
    --cyber-purple: #8B5CF6;
    --cyber-text: #E2E8F0;
    --cyber-muted: #94A3B8;
}

body {
    background-color: var(--cyber-black);
    color: var(--cyber-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    margin: 0;
    padding: 0;
}

/* Dedicated Logo Placeholder Styling */
.reelee-logo-placeholder {
    border: 2px dashed #334155;
    background: rgba(11, 17, 32, 0.7);
    color: var(--cyber-cyan);
    font-weight: 700;
    letter-spacing: 0.15em;
    padding: 8px 18px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    text-decoration: none;
}
.reelee-logo-placeholder:hover {
    border-color: var(--cyber-cyan);
    box-shadow: 0 0 12px rgba(0, 240, 255, 0.4);
    transform: translateY(-1px);
}

/* Customizer Official Logo Overwrite */
.custom-logo-link img {
    max-height: 52px;
    width: auto;
    object-fit: contain;
}

/* WooCommerce Cyberpunk Card Overrides */
.woocommerce ul.products li.product,
.product-card {
    background: var(--cyber-card) !important;
    border: 1px solid rgba(0, 240, 255, 0.2) !important;
    border-radius: 12px !important;
    padding: 1.25rem !important;
    transition: all 0.25s ease-in-out !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}
.woocommerce ul.products li.product:hover,
.product-card:hover {
    border-color: var(--cyber-cyan) !important;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.25) !important;
    transform: translateY(-3px);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.15rem !important;
}

.woocommerce ul.products li.product .price,
.product-price {
    color: var(--cyber-cyan) !important;
    font-weight: 800 !important;
    font-size: 1.25rem !important;
}

.woocommerce ul.products li.product .button,
.cyber-button-primary {
    background: linear-gradient(90deg, var(--cyber-cyan) 0%, #0088FF 100%) !important;
    color: #030712 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border-radius: 6px !important;
    border: none !important;
    padding: 10px 18px !important;
    display: inline-block;
}
.woocommerce ul.products li.product .button:hover,
.cyber-button-primary:hover {
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.6) !important;
}