/****************************************************
HEADER MENU
****************************************************/

        .header-menu {
            position: absolute;
            top: 70px;
            right: 20px;
            background: #FFFFFF;
            border: 1px solid #E8DFF3;
            border-radius: 12px;
            box-shadow: 0 8px 20px rgba(0,0,0,0.08);
            z-index: 1100;
        }
        .header-menu-list {
            list-style: none;
            margin: 0;
            padding: 10px 0px 0.01px 0px;
            min-width: 220px;
        }
        .header-menu-list li { margin: 0; }
        .header-menu-list a {
            display: block;
            padding: 10px 16px;
            color: #2C2C2C;
            text-decoration: none;
        }

        .header-cta-button {
            background: linear-gradient(20deg, #7C4FD0 0%, #D589E3 100%);
            border: none;
            border-radius: 12px 12px 12px 12px;
            padding: 10px 20px;
            color: #FFFFFF;
        }

        .header-menu-list a:hover {
            background: #F5F1FB;
            transition: all 0.5s ease;
        }

        a.header-cta-button:hover {
            color: #9968FF;
            transition: all 0.5s ease;
        }


        a.header-cta-button {
            color: #FFFFFF;
            text-decoration: none;
        }

        


/****************************************************
FOOTER
****************************************************/

        /*Footer-background*/
        .footer {
            background-color: #F3F3F3;
            text-align: left;
            border-radius: 40px 40px 0px 0px; /* rounded corners */
            overflow: hidden; /* ensure inner content respects rounding */
        }

        .footer-container {
            display: flex;
            flex-direction: column;
            align-items: left;
            padding-left: 39px;
            padding-top: 20px;
            padding-bottom: 0px;
        }

        /*Footer-logo*/
        .footer-logo img {
            width: 200px;
        }


        .footer-logo  {
            display: flex;
            flex-direction: column;
            align-items: left;
        }

        /*Footer-logo-linkedin*/
        .footer-socials {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 12px;
            padding-top: 15px;
        }
        .footer-socials a { display: inline-flex; }
        .footer-socials img {
            width: 20px;
            height: 20px;
            object-fit: contain;
        }

        .footer-links {
            display: flex;
            flex-direction: column;
            align-items: left;
            padding-top: 50px;
        }

        .footer-links a {
            text-decoration: none;
            color: #2C2C2C;
            font-size: 16px;
            font-weight: 400;
        }

        .footer-links a:hover {
            color: #7C4FD0;
            transition: color 0.5s ease;
        }

        .h3 {
            margin-bottom: 0px;
            padding-bottom: 0px;
        }

        /*Footer-links-h3*/
        .footer-links h3 {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 0px;
            padding-top: 20px;
            color: #2C2C2C;
        }

        .footer-links-solutions {
            display: flex;
            flex-direction: column;
            align-items: left;
            padding-left: 15px;
        }

        .footer-links-solutions a {
            font-weight: 350;
        }

        .footer-bow {
            text-align: center;
            padding: 0;
        }

        /* Tablette (<= 1023px) : agrandit modérément */
    @media (max-width: 1023px) {
    .footer-container {
        padding-left: 39px;
        padding-right: 39px;
        padding-top: 28px;
        padding-bottom: 8px;
        gap: 28px;
    }

    .footer-logo { align-items: left; }
    .footer-logo img { width: 500px; }
    .footer-socials { gap: 20px; padding-top: 12px; }
    .footer-socials img { width: 50px; height: 50px; }

    .footer-links {
        padding-top: 20px;
        align-items: left;
    }
    .footer-links h3 { font-size: 35px; padding-top: 12px; }
    .footer-links a {
        font-size: 35px;
        padding: 8px 0;
    }

    .footer-links-solutions {
        padding-left: 30px;
        align-items: left;
    }

    .footer p { font-size: 25px; line-height: 1.6; }
    }

    /* Téléphone (<= 768px) : encore plus grand et centré avec grandes zones tactiles */
    @media (max-width: 768px)
    {
        .footer-container {
            padding-left: 39px;
            padding-right: 39px;
            padding-top: 28px;
            padding-bottom: 8px;
            gap: 20px;
        }       

    .footer-logo { align-items: left; }
    .footer-logo img { width: 160px; }
    .footer-socials { gap: 12px; padding-top: 10px; }
    .footer-socials img { width: 24px; height: 24px; }

    .footer-links {
        padding-top: 20px;
        align-items: left;
    }
    .footer-links h3 { font-size: 18px; padding-top: 10px; }
    .footer-links a {
        font-size: 16px;
        padding: 6px 0;
    }

    .footer-links-solutions {
        padding-left: 30px;
        align-items: left;
    }

    .footer p { font-size: 14px; line-height: 1.6; }
    }