/**
 * 3D Scene Styles - White Minimalist
 * All canvases: transparent, low opacity, no dark overlays
 */

/* ========== 3D Canvas Containers ========== */
#canvas-container,
#canvas-container-construction,
#canvas-container-publicite,
#canvas-container-sante,
#canvas-container-ie,
#canvas-container-electronics,
#canvas-container-dev,
#canvas-container-mail {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

/* All 3D canvases are low opacity overlays */
#canvas-container canvas,
#canvas-container-construction canvas,
#canvas-container-publicite canvas,
#canvas-container-sante canvas,
#canvas-container-ie canvas,
#canvas-container-electronics canvas,
#canvas-container-dev canvas,
#canvas-container-mail canvas {
    opacity: 0.08;
}

/* Ensure parent containers are transparent */
.main-header,
.main-site-hero,
.construction-hero,
.publicite-hero,
.sante-hero,
.ie-hero,
.electronics-hero,
.dev-hero,
.mail-hero {
    background: var(--bg-primary) !important;
}

/* Remove any dark overlays from header sections */
.main-header::after,
.header-overlay::before {
    display: none !important;
    content: none !important;
}

/* Header overlay should not block canvas */
.header-overlay {
    background: transparent !important;
}

/* Canvas sits behind content */
.header-overlay > * {
    position: relative;
    z-index: 2;
}

/* ========== 3D Card Tilt ========== */
.tilt-card {
    transform-style: preserve-3d;
    perspective: 1000px;
}

.tilt-card-inner {
    transition: transform var(--transition-fast);
}