/*
Theme Name: U2Code Website
Theme URI: https://u2code.com
Author: u2code
Author URI: https://u2code.com
Description: Agency website theme for U2Code — WooCommerce plugin developers. Tailwind-based landing with a managed plugin catalog (external sites or on-site pages), blog, contact form and theme options.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: u2code-website
*/

/* Dotted background pattern */
.u2c-dot-grid {
    background-image: radial-gradient(rgba(148, 163, 184, 0.35) 1px, transparent 1px);
    background-size: 22px 22px;
}

.u2c-dot-grid-dark {
    background-image: radial-gradient(rgba(2, 116, 190, 0.35) 1px, transparent 1px);
    background-size: 22px 22px;
}

/* Hide scrollbars on carousel tracks while keeping them scrollable */
.u2c-no-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.u2c-no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Scroll-reveal animation (paired with IntersectionObserver in main.js) */
.scroll-animate {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.scroll-animate.is-visible {
    opacity: 1;
    transform: none;
}

/* Push the fixed site header below the WP admin bar for logged-in users */
body.admin-bar header.fixed {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar header.fixed {
        top: 46px;
    }
}

/* Cable "current" animation on the hero illustration */
.u2c-cable-flow {
    stroke-dasharray: 6 14;
    animation: u2c-flow 1.4s linear infinite;
}

@keyframes u2c-flow {
    to {
        stroke-dashoffset: -20;
    }
}

@media (prefers-reduced-motion: reduce) {
    .u2c-cable-flow {
        animation: none;
    }
}