/* Custom CSS pour GTS SARL */

/* ===========================
   HEADER / NAVIGATION
   =========================== */

/* Background gradient pour le header */
.site-navbar {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

/* Alternative: Background avec image et overlay */
.site-navbar.with-image {
    background-image: url('../images/hero_1.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
}

.site-navbar.with-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(26, 26, 46, 0.95);
    z-index: 0;
}

.site-navbar.with-image .container {
    position: relative;
    z-index: 1;
}

/* Logo styling */
.site-logo a {
    color: #fff !important;
    font-weight: 700;
    font-size: 1.5rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.site-logo a strong {
    color: #eb0101;
}

/* Navigation links */
.site-navbar .site-navigation .site-menu > li > a {
    color: #fff !important;
    font-weight: 500;
    transition: all 0.3s ease;
}

.site-navbar .site-navigation .site-menu > li > a:hover {
    color: #eb0101 !important;
    transform: translateY(-2px);
}

.site-navbar .site-navigation .site-menu > li.active > a {
    color: #eb0101 !important;
    border-bottom: 2px solid #eb0101;
}

/* Sticky header avec background différent */
.sticky-wrapper.is-sticky .site-navbar {
    background: rgba(26, 26, 46, 0.98) !important;
    backdrop-filter: blur(10px);
}

/* Mobile menu toggle */
.site-menu-toggle {
    color: #fff !important;
}

/* ===========================
   DROPDOWN MENU
   =========================== */

.site-navbar .site-navigation .site-menu .has-children .dropdown {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    border-top: 2px solid #eb0101;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a {
    color: #fff !important;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a:hover {
    background: rgba(235, 1, 1, 0.1) !important;
    color: #eb0101 !important;
}

/* ===========================
   MOBILE MENU
   =========================== */

.site-mobile-menu {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
}

.site-mobile-menu .site-mobile-menu-header {
    background: rgba(0, 0, 0, 0.2);
}

.site-mobile-menu .site-nav-wrap a {
    color: #fff !important;
}

.site-mobile-menu .site-nav-wrap a:hover,
.site-mobile-menu .site-nav-wrap li.active > a {
    color: #eb0101 !important;
}

/* ===========================
   ANIMATIONS
   =========================== */

@keyframes slideInDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.site-navbar {
    animation: slideInDown 0.5s ease-out;
}

/* ===========================
   RESPONSIVE
   =========================== */

@media (max-width: 991.98px) {
    .site-navbar {
        background: rgba(26, 26, 46, 0.95);
    }
}