/*head */
        :root {
            --primary-color: rgb(0, 153, 153);
            --dark-color: #111;
            --light-bg: #f8fcfc;
        }
        
        body { font-family: 'Poppins', sans-serif; color: #333; background-color: white; }
        .text-maliaxia { color: var(--primary-color); }
        
        .bg-maliaxia {
    background-color: var(--primary-color) !important;
        }.bg-maliaxia:hover, .bg-maliaxia:focus, .bg-maliaxia:active {
    background-color: var(--primary-color) !important;
    outline: none; /* Évite les bordures bizarres au clic */
}

        /* Navigation */
        .navbar { background-color: white; border-bottom: 2px solid var(--primary-color); }
        .logo-placeholder { border: 2px solid var(--primary-color); padding: 5px 15px; font-weight: bold; color: var(--primary-color); }

        /* Hero */
        .hero {
            background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&q=80');
            background-size: cover; background-position: center;
            height: 80vh; display: flex; align-items: center; color: white;
        }

        /* Card Customization */
        .service-card {
            border: none; border-radius: 15px; background: #fff;
            transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            height: 100%; border-bottom: 4px solid transparent;
        }
        .service-card:hover {
            transform: translateY(-10px);
            border-bottom: 4px solid var(--primary-color);
            box-shadow: 0 15px 40px rgba(0,153,153,0.15);
        }
        .icon-box {
            font-size: 2.5rem; color: var(--primary-color); margin-bottom: 20px;
        }

        /* Lang Switch */
        .lang-switcher { border-radius: 20px; font-weight: 600; border: 2px solid var(--primary-color); color: var(--primary-color); }
        .lang-switcher:hover { background: var(--primary-color); color: white; }

        /* Animations */
        .reveal { opacity: 0; transform: translateY(30px); transition: 0.8s all ease; }
        .reveal.active { opacity: 1; transform: translateY(0); }

        section { padding: 100px 0; }
        .badge-price { background: var(--primary-color); color: white; padding: 5px 15px; border-radius: 20px; font-size: 0.9rem; }
    /*curser */
 
    /* Cache le curseur par défaut sur tout le site */
html, body {
    cursor: none;
}

/* Le petit point central */
.cursor-dot {
    width: 8px;
    height: 8px;
    background-color: var(--primary-color);
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 9999;
    pointer-events: none; /* Important : ne bloque pas les clics */
}

/* Le cercle extérieur fluide */
.cursor-outline {
    width: 40px;
    height: 40px;
    border: 2px solid var(--primary-color);
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 9998;
    pointer-events: none;
    transition: transform 0.15s ease-out, width 0.3s, height 0.3s, background-color 0.3s;
}

/* Effet quand on survole un lien ou un bouton */
.cursor-hover {
    width: 60px;
    height: 60px;
    background-color: rgba(0, 153, 153, 0.1);
    border: 1px solid var(--primary-color);
}