/* =========================================================
   HEADER TAGLINE
   ========================================================= */
.wc-header-tagline {
    color : #005bab !important ;
    font-weight : 600 !important ;
    font-size : 16px !important ;
    line-height : 1.3 !important ;
    display : block ;
    padding-top : 2px ;
}
@media (max-width : 767px) {
    .wc-header-tagline {
        font-size : 14px !important ;
    }
}

/* =========================================================
   FOOTER - LINK HOVER (tous les liens du footer)
   ========================================================= */
.footer-top .footer-widget-area a:hover {
    opacity : 0.85 !important ;
    text-decoration : underline !important ;
}

/* =========================================================
   FOOTER - COLUMN HEADINGS (éléments avec la classe "footer-heading")
   ========================================================= */
.footer-widget-area .menu li.footer-heading > a,
.footer-widget-area .menu li.footer-heading a span,
.footer-widget-area .menu li.footer-heading .kadence-menu-title {
    font-weight : 700 !important ;
    text-decoration : underline !important ;
    font-size : 1.1em !important ;
    color : inherit !important ;
    margin-bottom : 12px !important ;
    display : block !important ;
}

/* Espace supplémentaire sous chaque titre */
.footer-widget-area .menu li.footer-heading {
    margin-bottom : 16px !important ;
}

/* Tous les liens normaux du pied de page (pas les titres) */
.footer-widget-area .menu li:not(.footer-heading) > a,
.footer-widget-area .menu li:not(.footer-heading) a {
    font-weight : 400 !important ;
    text-decoration : none !important ;
}

/* Facultatif : ne souligner que les liens normaux au survol (pour rester propre) */
.footer-widget-area .menu li:not(.footer-heading) > a:hover {
    text-decoration : underline !important ;
    opacity : 0.9 ;
}
/* Faire de la première tuile de la catégorie HERO - WorkerChecks */
ul.products.columns-4 li.product-category:first-child {
    grid-column : span 4 !important ;
    transform : scale(1.10) ;
    border : 3px solid #005bab ;
    border-radius : 14px ;
    margin-bottom : 30px ;
}

/* Ramener les autres tuiles à la normale */
ul.products.columns-4 li.product-category {
    grid-column : span 1 ;
}
/* ------------------------------
   TUILE HÉROS - CONTRÔLES DE POLICE (#1)
   ------------------------------ */
ul.products li.product-category:first-child {
    transform : scale(1.25) ; /* le rendre plus grand */
    border : 4px solid #005bab ; /* mise en évidence de la marque */
    border-radius : 18px ;
    background : #edf6ff ; /* teinte bleue WC douce */
    padding : 10px ;
}

/* Conserver un espacement cohérent autour d'elle */
ul.products li.product-category {
    margin-bottom : 22px ;
}