/*
Theme Name: SIAME Corporate
Theme URI: https://siame.com.tn
Description: Offical FSE Block Theme for SIAME - Move towards Smart Energy, built from Google Stitch "Industrial Precision" design system.
Version: 1.0.0
Author: SIAME Engineering & Antigravity
Author URI: https://siame.com.tn
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: siame-corporate
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 7.4
*/

html {
    scroll-behavior: smooth;
    scroll-padding-top: 90px;
}

body {
    margin: 0;
    padding: 0;
}

body.menu-open {
    overflow: hidden !important;
}

/* Custom Glassmorphism & Energy Line Utilities */
.glass-panel {
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(226, 232, 240, 0.5);
}

.energy-line {
    background: linear-gradient(90deg, transparent, #00B2E0, transparent);
    height: 1px;
    width: 100%;
    opacity: 0.3;
}

.slider-dot.active {
    background-color: #00B2E0;
    width: 48px;
}

.text-pro {
    font-feature-settings: "cv02", "cv03", "cv04", "ss01";
    letter-spacing: -0.015em;
}

/* Nav Link Animated Underline */
.nav-link-item {
    position: relative;
}

.nav-link-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #00B2E0;
    border-radius: 2px 2px 0 0;
    transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.nav-link-item:hover::after,
.nav-link-active::after {
    width: 100%;
}

/* Mobile Drawer Slide State */
#mobile-menu-drawer.drawer-open {
    transform: translateX(0) !important;
}

/* Hardware-Accelerated Reveal Animations */
.reveal-item {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.reveal-item.is-revealed {
    opacity: 1;
    transform: translateY(0);
}

/* Premium Card Hover Effects */
.group:hover {
    transform: translateY(-6px);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.group {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Button Pulse & Magnet Hover */
button, a.bg-primary, a.bg-secondary-container {
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

button:hover, a.bg-primary:hover, a.bg-secondary-container:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px -5px rgba(0, 178, 224, 0.3) !important;
}

/* Slow Kenburns Effect for Hero Background */
@keyframes kenburns {
    0% { transform: scale(1); }
    100% { transform: scale(1.08); }
}

.bg-cover {
    animation: kenburns 20s ease-in-out infinite alternate;
}

/* Concept 3: Floating Heritage Stamp Animation */
@keyframes heritage-float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-12px); }
}

.group\/stamp {
    animation: heritage-float 6s ease-in-out infinite;
}

/* Orbiting Energy Ring Animation for Heritage Medal */
@keyframes spin-orbit {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.animate-spin-orbit {
    animation: spin-orbit 12s linear infinite;
}

/* Premium Appear & Disappear Loop */
@keyframes logo-appear-disappear-loop {
    0% {
        opacity: 0;
        transform: translateX(-12px) scale(0.9);
        filter: blur(4px);
    }
    10% {
        opacity: 1;
        transform: translateX(0) scale(1);
        filter: blur(0);
    }
    45% {
        opacity: 1;
        transform: translateX(0) scale(1);
        filter: blur(0);
    }
    55%, 100% {
        opacity: 0;
        transform: translateX(12px) scale(0.92);
        filter: blur(3px);
    }
}

.logo-appear-disappear {
    animation: logo-appear-disappear-loop 6s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}

/* Permanent Premium Video & Gradient Overlay */
.video-hover-container .video-bg-iframe {
    opacity: 0.55 !important;
}

.video-hover-container .video-overlay-gradient {
    opacity: 0.85 !important;
}

.video-hover-container .video-hover-content {
    opacity: 0 !important;
    transform: translateY(20px) !important;
    transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
    pointer-events: none !important;
}

.video-hover-container:hover .video-hover-content {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}