/*
Theme Name: Tecq Theme
Theme URI: https://toppan-ecquaria.com
Author: TOPPAN Ecquaria
Description: Custom block theme for TOPPAN Ecquaria — Agentic AI for Real-World Systems. Built with Full Site Editing support.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.7
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: tecqtheme
Tags: one-column, custom-colors, custom-menu, full-site-editing, block-patterns
*/

/* ===== Header: reset WordPress block wrapper interference ===== */

header.wp-block-template-part,
header .wp-block-html {
    margin: 0 !important;
    padding: 0 !important;
}

/* Navbar full-width override */
header .navbar {
    width: 100%;
}

/* Reset WordPress global link styles inside navbar */
.navbar .nav-link {
    color: var(--bs-white-60) !important;
    text-decoration: none !important;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: var(--bs-white) !important;
    text-decoration: none !important;
}

/* Navbar brand link reset */
.navbar-brand a {
    display: inline-block;
    line-height: 0;
}

/* Ensure bg-dark takes full width and isn't constrained */
.navbar.bg-dark {
    background-color: var(--bs-dark, #000000) !important;
}

/* Fix flex layout for the 3-section header */
.navbar .container-fluid {
    flex-wrap: nowrap;
    gap: 1rem;
}

.navbar .navbar-nav.mx-auto {
    flex-direction: row;
    gap: 0.25rem;
}

/* Glass button override — ensure it isn't affected by WP button styles */
.btn.glass-btn {
    border: none;
    cursor: pointer;
}

/* Hero animation canvas wrapper */
.hero-animation-wrap {
    overflow: visible;
    width: 100%;
    aspect-ratio: 1 / 1;
    position: relative;
}

.hero-animation-wrap .canvas-wrap {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.hero-animation-wrap canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.hero-animation-wrap #hero-canvas-bloom {
    filter: blur(20px) brightness(1.15);
    opacity: 0.75;
    mix-blend-mode: screen;
    pointer-events: none;
}

