/*
Theme Name: CircuitGuy Child
Theme URI: https://circuitguy.ca
Author: Grok 4 (xAI)
Author URI: https://x.ai
Description: A custom child theme for CircuitGuy.ca - clean, tech-inspired e-commerce for electronics parts.
Template: twentytwentyfive
Version: 1.0
Text Domain: circuitguy-child
*/

body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #0a1a0f;
    color: #f3f3f3;
}

.site-header {
    background-color: #006400; /* Dark green */
    color: #fff;
    padding: 1rem;
}

.site-title a {
    color: #1E90FF; /* Blue accent */
    text-decoration: none;
}

.woocommerce ul.products li.product {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 1rem;
    transition: box-shadow 0.3s;
}

.woocommerce ul.products li.product:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.woocommerce button.button {
    background-color: #1E90FF;
    color: #fff;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 3px;
}

.woocommerce button.button:hover {
    background-color: #006400;
}

/* Circuit board subtle pattern - add as background if desired */
/*
body.woocommerce {
    background-image: url('circuit-pattern2.png');
    background-repeat: repeat;
    background-size: 200px;
}
*/

/* Subtle circuit background – very low opacity */
body,
body.woocommerce-page {
 /* very dark green – keeps text readable */
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background-image: url('circuit-pattern2.png');
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: 480px;           /* makes the pattern larger and calmer */
    opacity: 0.28; 
    pointer-events: none;
    z-index: -1;
    

}

/* Optional: add a slight white overlay so product cards stay crisp */
.site {
    background: rgba(255,255,255,0.96);
    min-height: 100vh;
}