@import url('theme-v2.css');

/* Re-shaping the old style to V2 */
.site-header {
    background: var(--color-bg-glass) !important;
    border-bottom: 1px solid var(--glass-border) !important;
    backdrop-filter: var(--glass-blur) !important;
}

.page-hero,
.hero-section {
    background-color: var(--color-bg-deep) !important;
    background-image: radial-gradient(circle at 50% 50%, rgba(124, 58, 237, 0.1) 0%, transparent 60%) !important;
}

.btn-primary,
.nav-cta,
.whatsapp,
.back-to-top {
    background: var(--color-accent-grad) !important;
    color: #000 !important;
    border: none !important;
    box-shadow: var(--neon-glow) !important;
}

.site-footer {
    background: #020408 !important;
    /* Even darker footer */
    border-top: 1px solid var(--glass-border) !important;
}

.card,
.service-card {
    background: var(--color-bg-surface) !important;
    border: 1px solid var(--glass-border) !important;
    backdrop-filter: var(--glass-blur) !important;
}

h1,
.hero-title,
.section-title {
    background: var(--color-accent-grad);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

/* Logo & Wordmark Combo */
.logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
}

.brand-logo-v2 {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    content: url('../images/logo-v2.svg');
    filter: drop-shadow(0 0 8px rgba(0, 245, 255, 0.4));
    transition: transform 0.3s ease;
}

.site-footer .brand-logo-v2 {
    width: 40px !important;
    height: 48px !important;
    min-width: 40px !important;
}

.logo:hover .brand-logo-v2 {
    transform: scale(1.05);
}

.wordmark {
    font-family: var(--font-plus) !important;
    line-height: 1;
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.wordmark-bold {
    font-weight: 800;
    font-size: 1.45rem;
    letter-spacing: -0.04em;
    color: var(--color-text-main);
}

.wordmark-light {
    font-weight: 300;
    font-size: 1.1rem;
    letter-spacing: 0.02em;
    color: var(--color-accent-primary);
}

.site-footer .wordmark {
    margin-bottom: 20px;
}