.elementor-303 .elementor-element.elementor-element-8a82b9f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-303 .elementor-element.elementor-element-ee7423c div.product-category .wd-entities-title, .elementor-303 .elementor-element.elementor-element-ee7423c .wd-nav-product-cat>li>a{font-size:1.6em;line-height:1.1em;}@media(max-width:767px){.elementor-303 .elementor-element.elementor-element-ee7423c > .elementor-widget-container{margin:0px -20px 0px 0px;padding:0px 0px 0px 0px;}.elementor-303 .elementor-element.elementor-element-ee7423c div.product-category .wd-entities-title, .elementor-303 .elementor-element.elementor-element-ee7423c .wd-nav-product-cat>li>a{font-size:1.2em;}}/* Start custom CSS for wd_product_categories, class: .elementor-element-ee7423c *//* =======================================================
   1. STILURI DE BAZĂ WIDGET CATEGORII (ID: ee7423c)
======================================================= */

.elementor-element-ee7423c .category-image-wrapp {
    position: relative !important;
}

.elementor-element-ee7423c .category-image-wrapp img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important; /* Raport 1:1 perfect pătrat */
}

/* Gradient negru la bază */
.elementor-element-ee7423c .category-image-wrapp::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Stiluri Text și Hover */
.elementor-element-ee7423c .wd-cat-content.hover-mask {
    background: transparent !important;
    z-index: 2 !important;
}

.elementor-element-ee7423c .wd-cat-count {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-element-ee7423c .wd-entities-title, 
.elementor-element-ee7423c .wd-cat-count a {
    color: #ffffff !important;
}

.elementor-element-ee7423c .category-grid-item:hover .category-image-wrapp {
    opacity: 1 !important;
}


/* =======================================================
   2. FIX PENTRU DROPDOWN-UL DE DESKTOP (Anulare buline)
======================================================= */

.wd-dropdown-menu .elementor-element-ee7423c .wd-cat-thumb,
.wd-dropdown-menu .elementor-element-ee7423c .category-image-wrapp,
.wd-dropdown-menu .elementor-element-ee7423c .category-image-wrapp img {
    border-radius: 8px !important; /* Colțuri ușor rotunjite. Pune 0 dacă le vrei perfect ascuțite */
    min-height: 100% !important;
}

/* Forțează afișarea textului (Woodmart îl ascunde implicit în meniuri) */
.wd-dropdown-menu .elementor-element-ee7423c .wd-cat-content {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    bottom: 15px !important;
    transform: none !important; 
}


/* =======================================================
   3. FIX PENTRU MENIUL LATERAL PE MOBIL / TABLETĂ
======================================================= */

/* Împarte elementele pe 2 coloane în loc de 4 pentru a avea spațiu */
.mobile-nav .elementor-element-ee7423c .wd-cats,
.wd-nav-mobile .elementor-element-ee7423c .wd-cats {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    padding: 10px !important;
}

/* Ajustează titlul să încapă în cutiile mici */
.mobile-nav .elementor-element-ee7423c .wd-cat-content .wd-entities-title,
.wd-nav-mobile .elementor-element-ee7423c .wd-cat-content .wd-entities-title {
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: normal !important; /* Permite trecerea pe 2 rânduri */
    margin-bottom: 0 !important;
}

/* Ascunde contorul ("8 Produse") pe mobil pentru aerisire */
.mobile-nav .elementor-element-ee7423c .wd-cat-count,
.wd-nav-mobile .elementor-element-ee7423c .wd-cat-count {
    display: none !important;
}

/* Repoziționează textul puțin mai jos în cadrul imaginii */
.mobile-nav .elementor-element-ee7423c .wd-cat-content,
.wd-nav-mobile .elementor-element-ee7423c .wd-cat-content {
    bottom: 8px !important;
    left: 8px !important;
    right: 8px !important;
}/* End custom CSS */