/* --------------------
   HEADER (bleu + liens jaunes)
-------------------- */

@media (min-width: 1200px) {
    .navmenu ul {
        align-items: center;
    }

    .navmenu a,
    .navmenu a:focus {
        color: var(--pahid-yellow) !important; /* jaune */
        background-color: var(--pahid-blue);
        font-weight: 600;
        text-transform: uppercase;
        font-size: 14px;
        border: none;
        padding: 14px 14px; /* un peu moins haut */
        background: transparent !important;
    }
    .navmenu li:hover > a,
    .navmenu .active,
    .navmenu .active:focus {
        color: #ffffff !important;
    }

    .navmenu .dropdown ul {
        background: var(--pahid-blue) !important;
        box-shadow: none !important;
        border: 1px solid rgba(255, 255, 255, 0.12);
    }
    .navmenu .dropdown ul a {
        color: var(--pahid-yellow) !important;
        padding: 10px 16px;
    }
    .navmenu .dropdown ul a:hover {
        background: #0b3f63 !important;
        color: var(--pahid-yellow) !important;
    }
}

/* --------------------
   HERO (hauteur + texte centré style maquette)
-------------------- */

@media (max-width: 768px) {
    .hero .carousel-fixed-text h2 {
        font-size: 30px;
    }

    .hero .carousel-fixed-text p {
        max-width: 90%;
        font-size: 14px;
    }
}

/* --------------------
   home Page
-------------------- */

@media (min-width: 992px) {
    #services .row > div {
        position: relative;
    }
    #services .row > div:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 12px;
        right: 0;
        width: 1px;
        height: calc(100% - 24px);
        background: rgba(0, 0, 0, 0.18);
    }
}

@media (max-width: 768px) {
    .about-mini-box {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .about-mini-content {
        width: 100%;
        max-width: 360px;
    }

    .services-mini-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .service-mini-card {
        min-height: auto;
    }
}

/* =========================================
   A propos
   ========================================= */

@media (max-width: 991px) {
    .about-top-content {
        grid-template-columns: 1fr;
    }

    .about-side {
        grid-template-columns: 160px 1fr;
    }
}

@media (max-width: 767px) {
    .about-page-title,
    .team-page-title {
        font-size: 24px;
    }

    .about-side {
        grid-template-columns: 1fr;
    }

    .about-side-image img {
        width: 180px;
        height: 180px;
    }

    .team-grid-custom {
        grid-template-columns: repeat(2, 1fr);
        gap: 26px 20px;
    }
}

@media (max-width: 480px) {
    .team-grid-custom {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px 12px;
    }

    .team-card-custom {
        max-width: 102px;
    }

    .team-card-custom img {
        height: 120px;
    }

    .team-card-info {
        left: 8px;
        min-width: 68px;
        padding: 5px 6px;
    }

    .team-card-info h4 {
        font-size: 10px;
    }

    .team-card-info span {
        font-size: 8px;
    }

    .about-text p,
    .about-side-item p {
        font-size: 14px;
    }

    .about-side-item h3 {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .about-side-items {
        margin-top: 38px; /* 🔥 descend le bloc texte */
    }
}

/* =========================================
   business strategy
   ========================================= */

@media (max-width: 900px) {
    .strategie-container {
        grid-template-columns: repeat(2, 220px);
    }
}

@media (max-width: 600px) {
    .strategie-container {
        grid-template-columns: 220px;
    }
}

/* =========================================
   ProjectDevelopmentSupport
   ========================================= */

@media (max-width: 900px) {
    .ProjectDevelopmentSupport-container {
        grid-template-columns: repeat(2, 220px);
    }
}

@media (max-width: 600px) {
    .ProjectDevelopmentSupport-container {
        grid-template-columns: 220px;
    }
}

/* =========================================
Professional Training
   ========================================= */

@media (max-width: 768px) {
    .ProfessionalTraining-filter {
        flex-direction: column;
        gap: 10px;
    }
    .ProfessionalTraining-filter input[type="text"] {
        margin-left: 0;
    }
}