/*
Theme Name: Electric Energy
Theme URI: https://electricenergy.codeandseek.com
Author: Code and Seek
Author URI: https://codeandseek.com
Description: A modern, professional dark theme with green accents for Electric Energy - an electrical company serving the Fargo-Moorhead area since 2018. Built as a child theme of Twenty Twenty-Five for maximum compatibility and Gutenberg editor support.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: electricenergy
Tags: dark-mode, electrical, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, wide-blocks, block-styles
*/

/*
 * Electric Energy Custom Styles
 * Dark theme with forest green (#0B6623) accents
 * Professional electrical company design
 */

/* Link styles */
a {
    text-decoration-thickness: 1px !important;
    text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
    outline-width: 2px;
    outline-style: solid;
    outline-color: var(--wp--preset--color--accent-1);
}

/* Navigation styles */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
    margin-bottom: 3px;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
    outline-offset: 4px;
}

.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    outline-offset: 0;
}

/* Text wrapping */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
    text-wrap: pretty;
}

.more-link {
    display: block;
}

:where(pre) {
    overflow-x: auto;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Full width sections */
.alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
}

/* Button hover effects - electric glow */
.wp-block-button__link:hover {
    box-shadow: 0 0 15px var(--wp--preset--color--accent-1),
                0 0 30px rgba(11, 102, 35, 0.3);
    transition: all 0.3s ease;
}

.wp-block-button__link {
    transition: all 0.3s ease;
}

/* Service cards hover effect */
.wp-block-column:has(.service-card):hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}

/* Mobile navigation improvements */
@media (max-width: 782px) {
    .wp-block-navigation__responsive-container.is-menu-open {
        background-color: var(--wp--preset--color--base);
    }

    .wp-block-navigation__responsive-container-content {
        padding: 2rem;
    }
}

/* Electric spark animation for accent elements */
@keyframes electricPulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.electric-pulse {
    animation: electricPulse 2s ease-in-out infinite;
}

/* Professional card styling */
.service-card {
    transition: all 0.3s ease;
}

.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 40px rgba(11, 102, 35, 0.2);
}