/* ============================================================
   [gnm_product_catalog] — socle SSR (jalon 1)
   Le wrapper est le module Code Divi : #gnm-catalog .et_pb_code_inner
   ============================================================ */

#gnm-catalog .et_pb_code_inner {
    --gnm-product-ratio: 4 / 3;
    --gnm-product-surface: #f1f6f7;
    --gnm-product-border: #e1eaec;
    --gnm-product-text: #17343b;
    --gnm-product-muted: #426a72;
    --gnm-catalog-gap: 1.5rem;
    --gnm-catalog-active: var(--gcid-primary-color, #003c49);
    --gnm-catalog-accent: var(--gcid-link-color, #137e98);
    --gnm-catalog-hover: var(--gcid-secondary-color, #60beb9);
    --gnm-catalog-surface: #f4f8f8;
    --gnm-catalog-border: #e3ecec;
    --gnm-catalog-text: #12262b;
    --gnm-catalog-muted: #4d5f64;
}

#gnm-catalog .gnm-catalog-main {
    width: 100%;
}

#gnm-catalog .gnm-catalog-filters {
    width: 100%;
    margin-bottom: 2rem;
}

#gnm-catalog .gnm-catalog-sidebar {
    display: grid;
    gap: 1.25rem;
}

#gnm-catalog .gnm-catalog-filter-group {
    overflow: hidden;
    border: 1px solid var(--gnm-catalog-border);
    border-radius: 6px;
    background: #fff;
}

#gnm-catalog .gnm-catalog-filter-group h2 {
    margin: 0;
    padding: 15px 18px;
    border-bottom: 1px solid var(--gnm-catalog-border);
    background: var(--gnm-catalog-surface);
    color: var(--gnm-catalog-text);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

#gnm-catalog .gnm-catalog-category-tree {
    margin: 0;
    padding: 0;
    list-style: none;
}

#gnm-catalog .gnm-catalog-category-nav {
    padding: 8px 0;
}

#gnm-catalog .gnm-catalog-filter-list {
    margin: 0;
    padding: 14px;
    list-style: none;
}

#gnm-catalog .gnm-catalog-category-tree li + li,
#gnm-catalog .gnm-catalog-filter-list li + li {
    margin-top: 0;
}

#gnm-catalog .gnm-catalog-category-branch {
    border-top: 1px solid var(--gnm-catalog-border);
}

#gnm-catalog .gnm-catalog-category-branch summary {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    color: var(--gnm-catalog-text);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.3;
    cursor: pointer;
    list-style: none;
}

#gnm-catalog .gnm-catalog-category-branch summary::marker {
    content: "";
}

#gnm-catalog .gnm-catalog-category-branch summary::-webkit-details-marker {
    display: none;
}

#gnm-catalog .gnm-catalog-category-branch summary:hover,
#gnm-catalog .gnm-catalog-category-branch[open] summary {
    color: var(--gnm-catalog-accent);
}

#gnm-catalog .gnm-catalog-category-plus {
    position: relative;
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
}

#gnm-catalog .gnm-catalog-category-plus::before,
#gnm-catalog .gnm-catalog-category-plus::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    border-radius: 999px;
    background: var(--gnm-catalog-accent);
    content: "";
    transform: translate(-50%, -50%);
}

#gnm-catalog .gnm-catalog-category-plus::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

#gnm-catalog .gnm-catalog-category-branch[open] .gnm-catalog-category-plus::after {
    transform: translate(-50%, -50%) rotate(0deg);
}

#gnm-catalog .gnm-catalog-category-children {
    padding: 0 14px 14px;
}

#gnm-catalog .gnm-catalog-category-link {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 10px 16px;
    border-top: 1px solid var(--gnm-catalog-border);
    color: var(--gnm-catalog-text);
    font-size: 0.9rem;
    font-weight: 650;
    line-height: 1.25;
    text-decoration: none;
    transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
}

#gnm-catalog .gnm-catalog-category-nav > li:first-child .gnm-catalog-category-link {
    border-top: 0;
}

#gnm-catalog .gnm-catalog-category-link::before {
    flex: 0 0 14px;
    width: 14px;
    height: 2px;
    margin-right: 10px;
    border-radius: 999px;
    background: var(--gnm-catalog-hover);
    content: "";
}

#gnm-catalog .gnm-catalog-category-link:hover,
#gnm-catalog .gnm-catalog-category-link:focus-visible,
#gnm-catalog .gnm-catalog-category-link.is-ancestor {
    background: var(--gnm-catalog-surface);
    color: var(--gnm-catalog-accent);
}

#gnm-catalog .gnm-catalog-category-link.is-active {
    background: var(--gnm-catalog-active);
    color: #fff;
}

#gnm-catalog .gnm-catalog-category-link.is-active::before {
    background: #fff;
}

#gnm-catalog .gnm-catalog-category-depth-1 {
    padding-left: 34px;
    font-size: 0.84rem;
    font-weight: 600;
}

#gnm-catalog .gnm-catalog-category-depth-2 {
    padding-left: 50px;
    font-size: 0.8rem;
    font-weight: 600;
}

#gnm-catalog .gnm-catalog-category-depth-3 {
    padding-left: 66px;
    font-size: 0.78rem;
    font-weight: 600;
}

#gnm-catalog .gnm-catalog-category-link-all {
    font-weight: 750;
}

#gnm-catalog .gnm-catalog-check {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    color: var(--gnm-catalog-text);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.3;
    cursor: pointer;
}

#gnm-catalog .gnm-catalog-check input {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    margin: 0.1rem 0 0;
    accent-color: var(--gnm-catalog-accent);
}

#gnm-catalog .gnm-catalog-filter-pills .gnm-catalog-check span {
    transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

#gnm-catalog .gnm-catalog-filter-pills .gnm-catalog-check:hover span {
    border-color: var(--gnm-catalog-hover);
    color: var(--gnm-catalog-text);
}

#gnm-catalog .gnm-catalog-filter-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#gnm-catalog .gnm-catalog-filter-pills .gnm-catalog-check {
    position: relative;
}

#gnm-catalog .gnm-catalog-filter-pills .gnm-catalog-check input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

#gnm-catalog .gnm-catalog-filter-pills .gnm-catalog-check span {
    display: inline-flex;
    min-height: auto;
    align-items: center;
    padding: 7px 13px;
    border: 1px solid var(--gnm-catalog-border);
    border-radius: 999px;
    background: #fff;
    color: var(--gnm-catalog-muted);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
}

#gnm-catalog .gnm-catalog-filter-pills .gnm-catalog-check input:checked + span {
    border-color: var(--gnm-catalog-active);
    background: var(--gnm-catalog-active);
    color: #fff;
}

#gnm-catalog .gnm-catalog-filter-pills .gnm-catalog-check input:focus-visible + span,
#gnm-catalog .gnm-catalog-category-branch summary:focus-visible,
#gnm-catalog .gnm-catalog-check input:focus-visible {
    outline: 2px solid var(--gnm-catalog-accent);
    outline-offset: 3px;
}

#gnm-catalog .gnm-catalog-filter-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.8rem;
    margin-top: 0;
}

#gnm-catalog .gnm-catalog-filters-submit,
#gnm-catalog .gnm-catalog-filters-reset {
    display: inline-flex;
    min-height: 2.6rem;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 1rem;
    border: 1px solid var(--gnm-catalog-accent);
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}

#gnm-catalog .gnm-catalog-filters-submit {
    background: var(--gnm-catalog-active);
    border-color: var(--gnm-catalog-active);
    color: #fff;
    cursor: pointer;
}

#gnm-catalog .gnm-catalog-filters-reset {
    background: transparent;
    color: var(--gnm-catalog-text);
}

#gnm-catalog .gnm-catalog-count,
#gnm-catalog .gnm-catalog-empty {
    margin: 0 0 1.25rem;
    color: var(--gnm-catalog-muted);
    font-size: 0.95rem;
    line-height: 1.5;
}

#gnm-catalog .gnm-catalog-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: 1fr;
    gap: var(--gnm-catalog-gap);
}

#gnm-catalog .gnm-catalog-pagination {
    margin-top: 2rem;
}

#gnm-catalog .gnm-catalog-pagination .page-numbers {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

#gnm-catalog .gnm-catalog-pagination .page-numbers li {
    margin: 0;
    padding: 0;
}

#gnm-catalog .gnm-catalog-pagination a,
#gnm-catalog .gnm-catalog-pagination span {
    display: inline-flex;
    min-width: 2.5rem;
    min-height: 2.5rem;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 0.7rem;
    border: 1px solid var(--gnm-catalog-border);
    border-radius: 3px;
    background: #fff;
    color: var(--gnm-catalog-text);
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}

#gnm-catalog .gnm-catalog-pagination .current {
    border-color: var(--gnm-catalog-accent);
    background: var(--gnm-catalog-accent);
    color: #fff;
}

#gnm-catalog .gnm-catalog-pagination a:hover {
    border-color: var(--gnm-catalog-accent);
    color: var(--gnm-catalog-accent);
}

#gnm-catalog .gnm-catalog-pagination a:focus-visible {
    outline: 2px solid var(--gnm-catalog-accent);
    outline-offset: 3px;
}

#gnm-catalog .gnm-catalog-pagination .prev,
#gnm-catalog .gnm-catalog-pagination .next {
    padding-right: 1.15rem;
    padding-left: 1.15rem;
}

@media (min-width: 768px) {
    #gnm-catalog .gnm-catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 981px) {
    #gnm-catalog .et_pb_code_inner {
        display: grid;
        grid-template-columns: minmax(15rem, 20rem) minmax(0, 1fr);
        align-items: start;
        gap: 2.5rem;
    }

    #gnm-catalog .gnm-catalog-filters {
        position: sticky;
        top: 2rem;
        margin-bottom: 0;
    }

    #gnm-catalog .gnm-catalog-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


/* GNM catalogue navigation refresh */
#gnm-catalog .gnm-catalog-filter-group:first-child{overflow:hidden;border:1px solid #d7e7eb;border-radius:8px;background:#fff;box-shadow:0 10px 28px rgba(8,62,88,.12)}
#gnm-catalog .gnm-catalog-filter-group:first-child h2{height:66px;padding:0;background:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/bandeau-categories-menuiseries.png') center/cover;border:0;font-size:0}
#gnm-catalog .gnm-catalog-category-nav{padding:5px 8px}
#gnm-catalog .gnm-catalog-category-link{min-height:47px;padding:4px 4px 4px 51px;border-bottom:1px solid #d7e9ee;font-size:11px;line-height:1.12}
#gnm-catalog .gnm-catalog-category-link::before{position:absolute;left:4px;width:39px;height:39px;margin:0;border-radius:50%;background:#07516b center/cover no-repeat}
#gnm-catalog .gnm-catalog-category-nav>li:nth-child(1) a::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/tous-les-produits.png')}
#gnm-catalog .gnm-catalog-category-nav>li:nth-child(2) a::before,#gnm-catalog .gnm-catalog-category-nav>li:nth-child(3) a::before,#gnm-catalog .gnm-catalog-category-nav>li:nth-child(5) a::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/fenetre-menuiserie.png')}
#gnm-catalog .gnm-catalog-category-nav>li:nth-child(4) a::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/fenetre-menuiserie-bois.png')}
#gnm-catalog .gnm-catalog-category-nav>li:nth-child(6) a::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-entree-technique.png')}
#gnm-catalog .gnm-catalog-category-nav>li:nth-child(7) a::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/volet-roulant.png')}
#gnm-catalog .gnm-catalog-category-nav>li:nth-child(8) a::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/portail-cloture.png')}
#gnm-catalog .gnm-catalog-category-nav>li:nth-child(9) a::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-garage-sectionnelle.png')}
#gnm-catalog .gnm-catalog-category-nav>li:nth-child(10) a::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/pergola.png')}
#gnm-catalog .gnm-catalog-category-nav>li:nth-child(11) a::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/store-zip-soleil.png')}
#gnm-catalog .gnm-catalog-category-nav>li:nth-child(12) a::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/placard-amenagement-interieur.png')}
#gnm-catalog .gnm-catalog-category-nav>li:nth-child(13) a::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-interieure.png')}
#gnm-catalog .gnm-catalog-category-nav>li:nth-child(14) a::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/garde-corps-ferronnerie.png')}
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(15) a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/moustiquaire.png'); }#gnm-catalog .gnm-catalog-category-nav > li:nth-child(16) a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/verriere-atelier.png'); }#gnm-catalog .gnm-catalog-category-link.is-active::before { background: #07516b url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/tous-les-produits.png') center/cover no-repeat; }
#gnm-catalog .gnm-catalog-filter-group:first-child h2 { display: none; }
/* Revision catalogue : menu et fiches defilent ensemble. */@media (min-width: 981px) {    #gnm-catalog .gnm-catalog-filters {        position: static;        top: auto;    }}

/* Pictogrammes relies aux familles WooCommerce : l'ordre du menu est sans effet. */
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link-all::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/tous-les-produits.png')}
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat_all%5B0%5D=97']::before,#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat_all%5B0%5D=103']::before,#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat_all%5B0%5D=114']::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/fenetre-menuiserie.png')}
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat_all%5B0%5D=109']::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/fenetre-menuiserie-bois.png')}
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat_all%5B0%5D=119']::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-entree-technique.png')}
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat_all%5B0%5D=127']::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/volet-roulant.png')}
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat_all%5B0%5D=135']::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/portail-cloture.png')}
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat_all%5B0%5D=145']::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-garage-sectionnelle.png')}
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat_all%5B0%5D=174']::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/pergola.png')}
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat_all%5B0%5D=176']::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/store-zip-soleil.png')}
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat_all%5B0%5D=157']::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/placard-amenagement-interieur.png')}
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat%5B0%5D=210']::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-interieure.png')}
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat_all%5B0%5D=163']::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/garde-corps-ferronnerie.png')}
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat%5B0%5D=234']::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/moustiquaire.png')}
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat%5B0%5D=209']::before{background-image:url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/verriere-atelier.png')}
	

/* Alignement desktop : compteur au-dessus des fiches et grille au niveau du menu. */
@media (min-width: 981px) {
    #gnm-catalog .gnm-catalog-main {
        position: relative;
    }

    #gnm-catalog .gnm-catalog-count {
        position: absolute;
        top: -1.65rem;
        left: 0;
        margin: 0;
        font-size: 0.82rem;
    }

    #gnm-catalog .gnm-catalog-grid {
        margin-top: 0;
    }
}


/* Bibliotheque fournisseurs : visuel showroom GNM valide. */
body.page-id-745 .et_pb_section_0.et_pb_section {
    background-image: linear-gradient(90deg, rgba(0, 54, 72, 0.88) 0%, rgba(0, 71, 91, 0.72) 47%, rgba(0, 49, 66, 0.28) 100%), url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/bandeau-bibliotheque-showroom-gnm.png') !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}


/* Equilibre de la navigation et de la grille produits sur grand ecran. */
@media (min-width: 981px) {
    #gnm-catalog .gnm-catalog-category-nav {
        padding: 8px 10px 4px;
    }

    #gnm-catalog .gnm-catalog-category-link {
        min-height: 50px;
        padding: 5px 8px 5px 59px;
        font-size: 11.5px;
        line-height: 1.22;
    }

    #gnm-catalog .gnm-catalog-category-link::before {
        left: 8px;
        width: 43px;
        height: 43px;
    }

    #gnm-catalog .gnm-catalog-filter-group:first-child::after {
        content: "";
        display: block;
        height: 92px;
        margin: 10px;
        border-radius: 6px;
        background: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/bandeau-conseil-gnm.png') center / cover no-repeat;
    }
}


/* Le menu et la grille forment un seul bloc visuel sur desktop. */
@media (min-width: 981px) {
    #gnm-catalog .et_pb_code_inner {
        align-items: stretch;
    }

    #gnm-catalog .gnm-catalog-filters,
    #gnm-catalog .gnm-catalog-filter-panel,
    #gnm-catalog .gnm-catalog-sidebar {
        display: flex;
        flex: 1 1 auto;
        min-height: 0;
    }

    #gnm-catalog .gnm-catalog-filter-group:first-child {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
    }

    #gnm-catalog .gnm-catalog-category-nav {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        justify-content: space-evenly;
    }

    #gnm-catalog .gnm-catalog-category-nav > li,
    #gnm-catalog .gnm-catalog-category-nav > li > .gnm-catalog-category-link {
        display: flex;
        flex: 1 1 0;
        min-height: 0;
    }

    #gnm-catalog .gnm-catalog-filter-group:first-child::after {
        flex: 0 0 92px;
    }
}


/* Correction : chaque categorie conserve sa hauteur de lecture. */
@media (min-width: 981px) {
    #gnm-catalog .gnm-catalog-filters,
    #gnm-catalog .gnm-catalog-filter-panel,
    #gnm-catalog .gnm-catalog-sidebar {
        height: 100%;
    }

    #gnm-catalog .gnm-catalog-category-nav > li,
    #gnm-catalog .gnm-catalog-category-nav > li > .gnm-catalog-category-link {
        flex: 0 0 auto;
        min-height: 50px;
    }
}


/* Tous les produits reste visuellement identique aux autres categories. */
#gnm-catalog .gnm-catalog-category-link.is-active {
    background: transparent;
    color: var(--gnm-catalog-text);
}

#gnm-catalog .gnm-catalog-category-link.is-active::before {
    background-color: #07516b;
}


/* Harmonisation finale de la navigation catalogue. */
#gnm-catalog .gnm-catalog-category-nav > li { display: block; width: 100%; }
#gnm-catalog .gnm-catalog-category-nav > li > .gnm-catalog-category-link { box-sizing: border-box; display: flex; width: 100%; min-height: 56px; padding: 5px 10px 5px 66px; border-top: 0; border-bottom: 1px solid #d7e9ee; line-height: 1.25; }
#gnm-catalog .gnm-catalog-category-nav > li:first-child > .gnm-catalog-category-link { border-top: 1px solid #d7e9ee; }
#gnm-catalog .gnm-catalog-category-nav > li > .gnm-catalog-category-link::before { left: 9px; width: 48px; height: 48px; }
@media (max-width: 980px) { #gnm-catalog .gnm-catalog-category-nav > li > .gnm-catalog-category-link { min-height: 54px; padding-left: 64px; } #gnm-catalog .gnm-catalog-category-nav > li > .gnm-catalog-category-link::before { left: 8px; width: 46px; height: 46px; } }


/* Pictogrammes catalogue : contour circulaire net et homogene. */
#gnm-catalog .gnm-catalog-category-link::before {
  box-sizing: border-box;
  border: 2px solid #07516b;
  background-clip: padding-box;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.96), 0 1px 2px rgba(4,55,70,.22);
}
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat%5B0%5D=239']::before {
  background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/vitrage.png');
}
/* Bandeau des categories restaure a la demande. */#gnm-catalog .gnm-catalog-filter-group:first-child h2 {    display: block;}


/* Restores the native accessible filter disclosure below the desktop breakpoint. */
@media (max-width: 980px) {
    #gnm-catalog .gnm-catalog-filter-panel:not([open]) {
        display: block !important;
    }

    #gnm-catalog .gnm-catalog-filter-panel > summary {
        display: block !important;
    }

    #gnm-catalog .gnm-catalog-filter-panel:not([open]) > .gnm-catalog-sidebar {
        display: none !important;
    }

    #gnm-catalog .gnm-catalog-filter-panel[open] > .gnm-catalog-sidebar {
        display: grid !important;
    }
}


/* Presentation validee des categories : cartouche clair, pictogramme d'origine et chevron. */
#gnm-catalog .gnm-catalog-filter-group { overflow: visible; border: 0; border-radius: 0; background: transparent; }
#gnm-catalog .gnm-catalog-filter-group h2 { display: none; }
#gnm-catalog .gnm-catalog-category-nav { padding: 0; }
#gnm-catalog .gnm-catalog-category-nav > li > .gnm-catalog-category-link { position: relative; min-height: 78px; padding: 12px 42px 12px 76px; border: 0; border-bottom: 1px solid #d9e9eb; background: #fff; color: #0d3143; font-size: 14px; font-weight: 700; line-height: 1.28; }
#gnm-catalog .gnm-catalog-category-nav > li:first-child > .gnm-catalog-category-link { border-top: 1px solid #d9e9eb; }
#gnm-catalog .gnm-catalog-category-nav > li > .gnm-catalog-category-link::before { left: 14px; width: 54px; height: 54px; border: 0; border-radius: 15px; background-color: #e5fbfb; background-position: center; background-repeat: no-repeat; background-size: 44px 44px; box-shadow: none; }
#gnm-catalog .gnm-catalog-category-nav > li > .gnm-catalog-category-link::after { position: absolute; right: 20px; width: 8px; height: 8px; border-top: 2px solid #0d3143; border-right: 2px solid #0d3143; content: ""; transform: rotate(45deg); }
#gnm-catalog .gnm-catalog-category-nav > li > .gnm-catalog-category-link:hover, #gnm-catalog .gnm-catalog-category-nav > li > .gnm-catalog-category-link:focus-visible, #gnm-catalog .gnm-catalog-category-nav > li > .gnm-catalog-category-link.is-active { background: #f5fbfb; color: #0d3143; }
#gnm-catalog .gnm-catalog-category-link-all::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/tous-les-produits-1.png'); }
#gnm-catalog .gnm-catalog-category-97::before, #gnm-catalog .gnm-catalog-category-103::before, #gnm-catalog .gnm-catalog-category-109::before, #gnm-catalog .gnm-catalog-category-114::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/fenetre-menuiserie-1.png'); }
#gnm-catalog .gnm-catalog-category-119::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-entree-technique-1.png'); }
#gnm-catalog .gnm-catalog-category-127::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/volet-roulant-1.png'); }
#gnm-catalog .gnm-catalog-category-135::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/portail-cloture-1.png'); background-size: 48px 38px; }
#gnm-catalog .gnm-catalog-category-145::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-garage-sectionnelle-1.png'); }
#gnm-catalog .gnm-catalog-category-174::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/pergola-1.png'); }
#gnm-catalog .gnm-catalog-category-176::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/store-zip-soleil-1.png'); background-size: 48px 48px; }
#gnm-catalog .gnm-catalog-category-157::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/placard-amenagement-interieur-1.png'); }
#gnm-catalog .gnm-catalog-category-210::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-interieure-1.png'); }
#gnm-catalog .gnm-catalog-category-163::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/garde-corps-ferronnerie-1.png'); }
#gnm-catalog .gnm-catalog-category-234::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/moustiquaire-1.png'); }
#gnm-catalog .gnm-catalog-category-209::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/verriere-atelier-1.png'); background-size: 42px 42px; }
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat%5B0%5D=239']::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/vitrage-1.png'); }
@media (max-width: 980px) { #gnm-catalog .gnm-catalog-category-nav > li > .gnm-catalog-category-link { min-height: 76px; padding: 11px 38px 11px 72px; } #gnm-catalog .gnm-catalog-category-nav > li > .gnm-catalog-category-link::before { left: 12px; width: 52px; height: 52px; } #gnm-catalog .gnm-catalog-category-nav > li > .gnm-catalog-category-link::after { right: 18px; } }


/* Priorite finale : la presentation validee remplace les anciennes regles du catalogue. */
#gnm-catalog .gnm-catalog-filter-group:first-child h2 { display: none !important; }
#gnm-catalog .gnm-catalog-category-link-all::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/tous-les-produits-1.png') !important; }
#gnm-catalog .gnm-catalog-category-97::before, #gnm-catalog .gnm-catalog-category-103::before, #gnm-catalog .gnm-catalog-category-109::before, #gnm-catalog .gnm-catalog-category-114::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/fenetre-menuiserie-1.png') !important; }
#gnm-catalog .gnm-catalog-category-119::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-entree-technique-1.png') !important; }
#gnm-catalog .gnm-catalog-category-127::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/volet-roulant-1.png') !important; }
#gnm-catalog .gnm-catalog-category-135::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/portail-cloture-1.png') !important; background-size: 48px 38px !important; }
#gnm-catalog .gnm-catalog-category-145::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-garage-sectionnelle-1.png') !important; }
#gnm-catalog .gnm-catalog-category-174::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/pergola-1.png') !important; }
#gnm-catalog .gnm-catalog-category-176::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/store-zip-soleil-1.png') !important; background-size: 48px 48px !important; }
#gnm-catalog .gnm-catalog-category-157::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/placard-amenagement-interieur-1.png') !important; }
#gnm-catalog .gnm-catalog-category-210::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-interieure-1.png') !important; }
#gnm-catalog .gnm-catalog-category-163::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/garde-corps-ferronnerie-1.png') !important; }
#gnm-catalog .gnm-catalog-category-234::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/moustiquaire-1.png') !important; }
#gnm-catalog .gnm-catalog-category-209::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/verriere-atelier-1.png') !important; background-size: 42px 42px !important; }
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat%5B0%5D=239']::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/vitrage-1.png') !important; }


/* Le menu catalogue est ordonne par le menu WordPress : association explicite des 17 pictogrammes valides. */
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(1) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/tous-les-produits-1.png') !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(2) > a::before, #gnm-catalog .gnm-catalog-category-nav > li:nth-child(3) > a::before, #gnm-catalog .gnm-catalog-category-nav > li:nth-child(4) > a::before, #gnm-catalog .gnm-catalog-category-nav > li:nth-child(5) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/fenetre-menuiserie-1.png') !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(6) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-entree-technique-1.png') !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(7) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/volet-roulant-1.png') !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(8) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/portail-cloture-1.png') !important; background-size: 48px 38px !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(9) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-garage-sectionnelle-1.png') !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(10) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/pergola-1.png') !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(11) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/store-zip-soleil-1.png') !important; background-size: 48px 48px !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(12) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/placard-amenagement-interieur-1.png') !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(13) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-interieure-1.png') !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(14) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/garde-corps-ferronnerie-1.png') !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(15) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/moustiquaire-1.png') !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(16) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/verriere-atelier-1.png') !important; background-size: 42px 42px !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(17) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/vitrage-1.png') !important; }


/* Amenagement exterieur : meme cartouche que les autres familles. */
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(13) > a::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/picto-amenagement-exterieur-v3.svg') !important;
    background-position: calc(50% - 1px) center !important;
    background-size: 52px 52px !important;
}
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(14) > a::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-interieure-1.png') !important;
}
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(15) > a::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/garde-corps-ferronnerie-1.png') !important;
}
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(16) > a::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/moustiquaire-1.png') !important;
}
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(17) > a::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/verriere-atelier-1.png') !important;
    background-size: 42px 42px !important;
}
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(18) > a::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/vitrage-1.png') !important;
}


/* Ordre catalogue : les pictogrammes suivent leurs categories. */
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(1) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/tous-les-produits-1.png') !important; background-position: center !important; background-size: 44px 44px !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(2) > a::before,
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(3) > a::before,
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(4) > a::before,
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(5) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/fenetre-menuiserie-1.png') !important; background-position: center !important; background-size: 44px 44px !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(6) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-entree-technique-1.png') !important; background-position: center !important; background-size: 44px 44px !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(7) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/volet-roulant-1.png') !important; background-position: center !important; background-size: 44px 44px !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(8) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-garage-sectionnelle-1.png') !important; background-position: center !important; background-size: 44px 44px !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(9) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/portail-cloture-1.png') !important; background-position: center !important; background-size: 48px 38px !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(10) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/pergola-1.png') !important; background-position: center !important; background-size: 44px 44px !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(11) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/store-zip-soleil-1.png') !important; background-position: center !important; background-size: 48px 48px !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(12) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/picto-amenagement-exterieur-v3.svg') !important; background-position: calc(50% - 1px) center !important; background-size: 52px 52px !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(13) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/placard-amenagement-interieur-1.png') !important; background-position: center !important; background-size: 44px 44px !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(14) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/porte-interieure-1.png') !important; background-position: center !important; background-size: 44px 44px !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(15) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/verriere-atelier-1.png') !important; background-position: center !important; background-size: 42px 42px !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(16) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/garde-corps-ferronnerie-1.png') !important; background-position: center !important; background-size: 44px 44px !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(17) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/moustiquaire-1.png') !important; background-position: center !important; background-size: 44px 44px !important; }
#gnm-catalog .gnm-catalog-category-nav > li:nth-child(18) > a::before { background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/vitrage-1.png') !important; background-position: center !important; background-size: 44px 44px !important; }

/* The tertiary joinery family intentionally reuses the entry-door pictogram. */
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat%5B0%5D=119']::before,
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat%5B0%5D=230']::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/portes-entree-techniques.svg') !important;
    background-position: center !important;
    background-size: 38px 44px !important;
}

#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat%5B0%5D=230']::before {
    background-size: 32px 38px !important;
}

/* Family-specific pictograms remain correct when the catalogue menu is reordered. */
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat%5B0%5D=43']::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/volet-roulant-1.png') !important;
    background-position: center !important;
    background-size: 40px 40px !important;
}

#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='gnm_cat%5B0%5D=233']::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/volets-battants-persiennes-gnm.svg') !important;
    background-position: center !important;
    background-size: 44px 44px !important;
}

/* Libelles de navigation du catalogue — référence GNM unique, sans exception par catégorie. */
#gnm-catalog .gnm-catalog-category-nav > li > .gnm-catalog-category-link,
#gnm-catalog .gnm-catalog-category-nav > li > .gnm-catalog-category-link > span {
    color: #005A70 !important;
    font-family: Archivo, system-ui, sans-serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-feature-settings: normal !important;
    font-kerning: normal !important;
    letter-spacing: 0 !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
}

/* Pictogramme fourni pour Brise-soleil orientables et stores ZIP. */
html body #gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link.gnm-catalog-category-link[href*='=176']::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/brise-soleil-stores-zip-gnm.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 52px 52px !important;
}

/* Pictogramme fourni pour Garde-corps, grilles de défense et ferronnerie. */
html body #gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link.gnm-catalog-category-link[href*='=163']::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/garde-corps-grilles-ferronnerie-gnm.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 52px 52px !important;
}

/* Pictogramme fourni pour la catégorie Portes d’entrée. */
html body #gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link.gnm-catalog-category-link[href*='=119']::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/portes-entree-gnm.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 52px 52px !important;
}

/* Pictogramme fourni pour la catégorie Menuiseries bois. */
html body #gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link.gnm-catalog-category-link[href*='=109']::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/menuiseries-bois-gnm.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 52px 52px !important;
}

/* Pictogramme commun fourni pour les trois familles de menuiseries. */
html body #gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link.gnm-catalog-category-link[href*='=103']::before,
html body #gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link.gnm-catalog-category-link[href*='=97']::before,
html body #gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link.gnm-catalog-category-link[href*='=114']::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/menuiseries-pvc-aluminium-mixtes-gnm.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    /* Même pictogramme et même échelle pour PVC, aluminium et mixte. */
    background-size: 58px 58px !important;
}

/* Pictogramme fourni pour la catégorie Volets roulants. */
html body #gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link.gnm-catalog-category-link[href*='=43']::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/volets-roulants-gnm.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 52px 52px !important;
}

/* Pictogramme fourni pour la catégorie Volets battants et persiennes. */
html body #gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link.gnm-catalog-category-link[href*='=233']::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/volets-battants-persiennes-gnm.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 52px 52px !important;
}

/* Pictogramme fourni pour la catégorie Aménagement extérieur. */
#gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link[href*='=235']::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/amenagement-exterieur-gnm.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 52px 52px !important;
}

/* Surcharge de la règle historique du thème pour cette même catégorie. */
html body #gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link.gnm-catalog-category-link[href*='=235']::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/amenagement-exterieur-gnm.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 52px 52px !important;
}

/* Pictogramme fourni pour la catégorie Portes industrielles. */
html body #gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link.gnm-catalog-category-link[href*='=248']::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/portes-industrielles-gnm.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    /* L'illustration occupe moins de surface que le cadre de son fichier. */
    background-size: 58px 58px !important;
}

/* Pictogrammes fournis pour les familles métiers du catalogue. */
html body #gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link.gnm-catalog-category-link[href*='=251']::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/equipements-de-quai-gnm.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    /* Les pictogrammes métiers ont une marge intégrée plus généreuse. */
    background-size: 64px 64px !important;
}

html body #gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link.gnm-catalog-category-link[href*='=254']::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/controle-acces-parkings-gnm.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 64px 64px !important;
}

html body #gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link.gnm-catalog-category-link[href*='=259']::before {
    background-image: url('https://www.groupement-gnm.com/wp-content/uploads/2026/09/fermetures-commerce-gnm.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 58px 58px !important;
}

/* Ajustement optique : le dessin de placard remplit davantage son image source. */
html body #gnm-catalog .gnm-catalog-category-nav > li > a.gnm-catalog-category-link.gnm-catalog-category-link[href*='=157']::before {
    background-size: 42px 42px !important;
}

/* Accordéon des familles : téléphone uniquement. */
@media (max-width: 767px) {
    #gnm-catalog .gnm-catalog-main.gnm-mobile-results-hidden {
        display: none;
    }

    #gnm-catalog .gnm-mobile-category-results {
        display: block;
        margin: 0;
        list-style: none;
    }

    #gnm-catalog .gnm-mobile-category-results__panel {
        overflow: hidden;
        padding: 12px;
        border-bottom: 1px solid #d9e9eb;
        background: #f5fbfb;
        animation: gnm-mobile-category-reveal 180ms ease-out;
    }

    #gnm-catalog .gnm-mobile-category-results__panel[hidden] {
        display: none;
    }

    #gnm-catalog .gnm-mobile-category-results__panel .gnm-catalog-count {
        margin: 0 0 10px;
    }

    #gnm-catalog .gnm-mobile-category-results__panel .gnm-catalog-grid {
        gap: 12px;
    }

    #gnm-catalog .gnm-mobile-category-results__loading,
    #gnm-catalog .gnm-mobile-category-results__error {
        margin: 4px 0;
        color: #005a70;
        font-weight: 700;
    }

    @keyframes gnm-mobile-category-reveal {
        from { opacity: 0; transform: translateY(-4px); }
        to { opacity: 1; transform: translateY(0); }
    }
}