/*
Theme Name: BBVAC Theme
Theme URI: https://bbvac.com/
Author: OpenAI
Author URI: https://openai.com/
Description: Minimal coming soon WordPress theme for BBVAC with a centered logo and continuous scrolling message.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: bbvac-theme
*/

:root {
    --bbvac-bg: #ffffff;
    --bbvac-text: #041845;
    --bbvac-accent-start: #041845;
    --bbvac-accent-mid: #0b63ce;
    --bbvac-accent-end: #00a3ff;
    --bbvac-shadow: rgba(4, 24, 69, 0.12);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

html,
body {
    min-height: 100%;
}

body {
    margin: 0;
    background: var(--bbvac-bg);
    color: var(--bbvac-text);
    font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

.bbvac-page {
    min-height: 100svh;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bbvac-bg);
    overflow: hidden;
}

.bbvac-stage {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: clamp(1.25rem, 3vh, 2rem);
    padding: clamp(1.25rem, 4vw, 3rem);
}

.bbvac-logo-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bbvac-logo {
    width: min(92vw, 980px);
    filter: drop-shadow(0 12px 30px var(--bbvac-shadow));
}

.bbvac-marquee {
    width: 100vw;
    overflow: hidden;
    position: relative;
    padding-block: 0.25rem;
}

.bbvac-marquee::before,
.bbvac-marquee::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: clamp(2rem, 10vw, 8rem);
    z-index: 2;
    pointer-events: none;
}

.bbvac-marquee::before {
    left: 0;
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.bbvac-marquee::after {
    right: 0;
    background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.bbvac-marquee__track {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: bbvac-scroll 16s linear infinite;
}

.bbvac-marquee__group {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: clamp(2rem, 6vw, 5rem);
    padding-inline-end: clamp(2rem, 6vw, 5rem);
}

.bbvac-marquee__text {
    flex: 0 0 auto;
    display: inline-block;
    font-size: clamp(1.15rem, 2vw, 1.9rem);
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    white-space: nowrap;
    background: linear-gradient(90deg, var(--bbvac-accent-start) 0%, var(--bbvac-accent-mid) 48%, var(--bbvac-accent-end) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 18px rgba(11, 99, 206, 0.18);
    animation: bbvac-glow 2.8s ease-in-out infinite alternate;
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@keyframes bbvac-scroll {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-50%, 0, 0);
    }
}

@keyframes bbvac-glow {
    from {
        filter: saturate(1) brightness(1);
        transform: translateY(0);
    }
    to {
        filter: saturate(1.15) brightness(1.08);
        transform: translateY(-1px);
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .bbvac-marquee__track,
    .bbvac-marquee__text {
        animation: none;
    }
}