/*
Theme Name: Code and Seek
Theme URI: https://codeandseek.com
Author: Code and Seek
Author URI: https://codeandseek.com
Description: A modern dark theme with red accents for Code and Seek - a teen software/gaming/web hosting/web design company. 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: codeandseek
Tags: dark-mode, gaming, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, wide-blocks, block-styles
*/

/*
 * Custom styles for Code and Seek
 * Dark theme with bright red accents
 * Gaming/Retro vibes with modern 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;
}

/* Parallax effect for cover blocks */
.wp-block-cover.has-parallax {
    background-attachment: fixed;
}

/* Gaming/retro glow effects on hover for buttons */
.wp-block-button__link:hover {
    box-shadow: 0 0 20px var(--wp--preset--color--accent-1),
                0 0 40px rgba(255, 45, 85, 0.3);
    transition: all 0.3s ease;
}

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

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

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

/* Card hover effects */
.wp-block-group:hover {
    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;
    }
}

/* Retro scanline effect (optional, can be enabled on specific sections) */
.scanlines::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.1),
        rgba(0, 0, 0, 0.1) 1px,
        transparent 1px,
        transparent 2px
    );
    pointer-events: none;
}

/* Glowing text effect class */
.glow-text {
    text-shadow: 0 0 10px var(--wp--preset--color--accent-1),
                 0 0 20px var(--wp--preset--color--accent-1),
                 0 0 30px var(--wp--preset--color--accent-1);
}

/* Animated gradient border effect */
@keyframes borderGlow {
    0%, 100% { border-color: var(--wp--preset--color--accent-1); }
    50% { border-color: var(--wp--preset--color--accent-2); }
}

.animated-border {
    animation: borderGlow 3s ease-in-out infinite;
}