/* === VS Homepage Dev Brief (Sep 2026) – Task 1: category grid caption (H2) + short description (H3) === */
/* Wrapper takes over the absolute positioning WoodMart normally gives the caption, so caption + description
   stay visible together at the bottom of the card; the product count keeps its hover reveal. */
.cat-design-default .wd-cat-heading-wrap {
    position: absolute;
    bottom: 100%;
    inset-inline-start: 0;
    inset-inline-end: 0;
}
.cat-design-default .wd-cat-heading-wrap .wd-entities-title {
    position: static;
    margin-bottom: 0;
}
.wd-cat .wd-cat-short-desc {
    display: block;
    margin: 4px 0 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: none;
    letter-spacing: 0;
    color: #444444;
    display: none;
}
.wd-cat:hover .wd-cat-short-desc {
    display: block;
}
/* Soft white overlay at the bottom of the category photo so caption + description stay legible
   on busy/colourful images (front page only – body class "home"). */
.home .cat-design-default .wd-cat-thumb {
    position: relative;
}
.home .cat-design-default .wd-cat-thumb::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 42%;
    pointer-events: none;
    
}
.wd-cat:hover .wd-cat-thumb::after {
    background: linear-gradient(to top,
        rgba(255, 255, 255, .96) 0%,
        rgba(255, 255, 255, .85) 45%,
        rgba(255, 255, 255, 0) 100%);
}