/* COGYC - Custom Styles */

/* Smooth scrolling */
html { scroll-behavior: smooth; }

/* Navbar styles */
#navbar {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

#navbar.scrolled {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
}

#navbar:not(.scrolled) .nav-link { color: rgba(255, 255, 255, 0.85); }
#navbar:not(.scrolled) .nav-link:hover,
#navbar:not(.scrolled) .nav-link.active { color: #fff; background: rgba(255, 255, 255, 0.1); }
#navbar.scrolled .nav-link { color: #374151; }
#navbar.scrolled .nav-link:hover,
#navbar.scrolled .nav-link.active { color: #4f46e5; background: #eef2ff; }

#navbar:not(.scrolled) #mobile-toggle { color: white; }
#navbar:not(.scrolled) #mobile-toggle:hover { background: rgba(255, 255, 255, 0.1); }

/* Logo : blanc sur fond sombre, normal sur fond blanc */
#navbar img[alt="COGYC"] { transition: filter 0.3s ease; }
#navbar:not(.scrolled) img[alt="COGYC"] { filter: brightness(0) invert(1); }
#navbar.scrolled img[alt="COGYC"] { filter: none; }

/* Footer logo blanc */
footer img[alt="COGYC"] { filter: brightness(0) invert(1); }

/* Dropdown fix for non-scrolled state */
#navbar:not(.scrolled) .group:hover .dropdown-menu,
#navbar:not(.scrolled) .group .absolute { background: white; }

/* Animations */
@keyframes fadeUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeLeft {
    from { opacity: 0; transform: translateX(30px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes fadeRight {
    from { opacity: 0; transform: translateX(-30px); }
    to { opacity: 1; transform: translateX(0); }
}

[data-animate] {
    opacity: 0;
}

[data-animate].animated {
    animation-duration: 0.8s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-animate="fade-up"].animated { animation-name: fadeUp; }
[data-animate="fade-left"].animated { animation-name: fadeLeft; }
[data-animate="fade-right"].animated { animation-name: fadeRight; }

/* Counter animation */
[data-counter] {
    font-variant-numeric: tabular-nums;
}

/* FAQ */
.faq-item .faq-icon.rotated {
    transform: rotate(180deg);
}

/* Page header gradient */
.page-header {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #312e81 100%);
    position: relative;
    overflow: hidden;
}

.page-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%23ffffff" fill-opacity="0.03"%3E%3Cpath d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
}

/* Smooth hover cards */
.company-card {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Inner page banner gradients per company */
.banner-aquatycia { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.banner-coea { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
.banner-solution { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.banner-expertise { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.banner-myndme { background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); }

/* Glassmorphism cards */
.glass {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Selection color */
::selection {
    background: #6366f1;
    color: white;
}

/* Scroll bar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #64748b; }

/* Loading animation for preloader */
.preloader {
    position: fixed;
    inset: 0;
    background: #0f172a;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

.preloader.loaded {
    opacity: 0;
    visibility: hidden;
}

.preloader-logo {
    animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.95); }
}