/* Pages entreprise (front)
 * Styles partages par :
 *  - le bloc « EN SAVOIR PLUS » (tuiles des pages enfant) sur la fiche entreprise
 *    -> inc/franchise_pages_entreprise.php (inclus dans mc_franchise.php)
 *  - l'encart « Voir aussi » sur la page detail d'une page entreprise
 *    -> mc_entreprise_page.php
 * Namespace commun : .c-pages-entreprise
 */

/* ------------------------------------------------------------------ *
 * Bloc « EN SAVOIR PLUS » : tuiles des pages enfant (fiche entreprise)
 * ------------------------------------------------------------------ */
.c-pages-entreprise {
    margin: 30px 0;
}
/* Le bloc est dans .l-franchise ou .u-titre__bordure-jaune est centre par le
   CSS global : on retablit l'alignement a gauche, sur le meme bord que les tuiles. */
.c-pages-entreprise__entete {
    padding: 0;
    text-align: left;
}
/* Marge entre le titre « EN SAVOIR PLUS… » et les tuiles. */
.c-pages-entreprise__tuiles {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 24px;
}
.c-pages-entreprise__tuile {
    flex: 1 1 200px;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 90px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-left: 4px solid #f2b705;
    border-radius: 4px;
    text-decoration: none;
    color: #2c3e50;
    transition: box-shadow .15s ease, transform .15s ease;
}
.c-pages-entreprise__tuile:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
    transform: translateY(-2px);
}
.c-pages-entreprise__titre {
    font-weight: 700;
    font-size: 1.05rem;
}
.c-pages-entreprise__lien {
    margin-top: 10px;
    color: #c08a00;
    font-weight: 600;
}

/* ------------------------------------------------------------------ *
 * Encart « Voir aussi » : page detail d'une page entreprise
 * ------------------------------------------------------------------ */
/* Aside : largeurs alignees sur la colonne CMS (.c-gestionnaire__aside) pour
   garder la disposition 2 colonnes, mais sans le style CMS (pas de border-top). */
.c-pages-entreprise__aside { width: 96%; margin: 20px auto 40px; }
@media (min-width: 60em) {
    .c-pages-entreprise__aside { width: calc(.27 * 100%); margin: 20px 20px 40px 0; }
}
.c-pages-entreprise__retour { display: inline-block; margin-bottom: 24px; }
.c-pages-entreprise__menu {
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    overflow: hidden; /* clippe le bandeau titre aux coins arrondis */
}
/* Bandeau titre pleine largeur (facon menu « Voir aussi » de jardin) :
   jaune de marque, texte noir, gras. */
.c-pages-entreprise__menu-titre {
    margin: 0;
    padding: 12px 16px;
    font-size: 1.6rem;
    font-weight: 700;
    background: #ffcb00;
    color: #000;
}
.c-pages-entreprise__menu ul { list-style: none; margin: 0; padding: 0; }
.c-pages-entreprise__menu li { border-bottom: 1px solid #ececec; }
.c-pages-entreprise__menu li:last-child { border-bottom: 0; }
.c-pages-entreprise__menu a,
.c-pages-entreprise__menu-item--actif span {
    display: block;
    padding: 10px 16px;
    color: #2c3e50;
    text-decoration: none;
}
.c-pages-entreprise__menu a:hover { color: #c08a00; }
/* Page courante : ligne active facon jardin — fond legerement teinte,
   filet d'accent jaune a gauche, texte en gras. */
.c-pages-entreprise__menu-item--actif {
    background: #fff8d6;
    border-left: 4px solid #ffcb00;
}
.c-pages-entreprise__menu-item--actif span {
    padding-left: 12px; /* 12 + 4px de filet = aligne avec les autres lignes */
    font-weight: 700;
}