/* Post Category Widget CSS */

.module-category-holder { position: relative; overflow: hidden; }

.module-category-holder .swiper-pagination-arrow-wrapper { display: flex; justify-content: center; gap: clamp(0.5rem, 0.4135rem + 0.3846vw, 0.875rem);
    margin-top: clamp(1.875rem, 1.7308rem + 0.641vw, 2.5rem); }

.module-category-holder .swiper-pagination-arrow-wrapper > div { display: flex; align-items: center; justify-content: center;
    width: clamp(2.5rem, 2.2115rem + 1.2821vw, 3.75rem); height: clamp(2.5rem, 2.2115rem + 1.2821vw, 3.75rem); margin: 0px;
    background-color: var(--wdtAccentTxtColor); color: var(--wdtTertiaryColor); border-radius: 50%; cursor: pointer; padding: 5px; 
    border: 1px solid var(--wdtBorderColor); }

.module-category-holder .swiper-pagination-arrow-wrapper > div:hover {
    background-color: var(--wdtPrimaryColor); border-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); }

.module-category-holder .swiper-pagination-arrow-wrapper > div.swiper-button-disabled { cursor: not-allowed; opacity: 0.5; }


/* Type - 1 */

.module-layout.wdt_type_1 { display: flex; flex-wrap: nowrap; }
.module-layout.wdt_type_1 > .module-item:not(:last-child) { margin-right: 24px; }
.module-layout.wdt_type_1 > .module-item { height: fit-content; }
.module-layout.wdt_type_1 .module-item .category-image { position: relative; border-radius: var(--wdtRadius_3X); overflow: hidden; 
    border: 1px solid transparent; transition: var(--wdt-Ad-Transition); }
.module-layout.wdt_type_1 .module-item:hover .category-image { border-color: transparent; }
.module-layout.wdt_type_1 .module-item .category-image::before { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; 
    background: linear-gradient(to top, var(--wdtTertiaryColor), transparent 100%); opacity: 0; transition: var(--wdt-Ad-Transition); pointer-events: none; }
.module-layout.wdt_type_1 .module-item:hover .category-image::before { opacity: 0.8; }
.module-layout.wdt_type_1 .module-item .category-image-wrapper { position: relative; }
.module-layout.wdt_type_1 .module-item .category-image-wrapper .wdt-button { position: absolute; inset: 0; margin: auto; font-size: 0px; padding: 10px; 
    border-radius: var(--wdtRadius_Full); width: clamp(2.5rem, 2.2115rem + 1.2821vw, 3.75rem); height: clamp(2.5rem, 2.2115rem + 1.2821vw, 3.75rem); display: flex; 
    align-items: center; justify-content: center; color: var(--wdtPrimaryColor); background-color: var(--wdtAccentTxtColor); transition: var(--wdtBaseTransition); 
    scale: 1; transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
 .module-layout.wdt_type_1 .module-item .category-image-wrapper .wdt-button:hover { scale: 1.1; }
 .module-layout.wdt_type_1 .module-item:hover .category-image-wrapper .wdt-button { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; }
 .module-layout.wdt_type_1 .module-item .category-image-wrapper .wdt-button::before {
    content: ""; position: relative; display: inline-block; width: 1em; height: 1em; 
    background-color: var(--wdtPrimaryColor); -webkit-mask-image: var(--wdt-arrow-mask); mask-image: var(--wdt-arrow-mask); -webkit-mask-size: 98%; mask-size: 98%; 
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; font-size: 1rem; -webkit-mask-position: center; mask-position: center; transition: var(--wdt-Ad-Transition); 
}
.module-layout.wdt_type_1 .module-item .category-title { margin: 30px 0 0; text-align: center; }
.module-layout.wdt_type_1 .module-item .category-title span { margin-left: 5px; 
    vertical-align: super; font-size: clamp(1.125rem, 1.125rem + 0vw, 1.125rem); /* Min-18 & Max-18 */ }

@media ( min-width:1025px ){
    .module-layout.wdt_type_1 > .module-item:nth-child(even) .category-image img { object-fit: cover; min-height: clamp(17.5rem, 10.3571rem + 11.1607vw, 23.75rem); }
}



/* Type - 2 */

.module-layout.wdt_type_2 .module-item { display: flex; flex-direction: column; justify-content: end; 
    padding: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem); 
    border-radius: 20px; will-change: transform; backface-visibility: hidden; overflow: hidden; position: relative; }

.module-layout.wdt_type_2 .module-item .category-content { position: relative; }

.module-layout.wdt_type_2 .module-item .category-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.module-layout.wdt_type_2 .module-item .category-image img { display: block; width: 100%; height: 100%; object-fit: cover; }

.module-layout.wdt_type_2 .module-item .category-thumb-content { position: absolute; 
    text-align: center; left: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem); right: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem); 
    bottom: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem); }

.module-layout.wdt_type_2 .module-item .category-content { opacity: 0; transition: var(--wdt-Ad-Transition) 0s; transform: translateY(10px); }
.module-layout.wdt_type_2 .module-item.active .category-content { opacity: 1; transition: var(--wdt-Ad-Transition) .8s; transform: translateY(0); }
.module-layout.wdt_type_2 .module-item .category-thumb-content { opacity: 1; transition: var(--wdt-Ad-Transition) .8s; transform: translateY(0); }
.module-layout.wdt_type_2 .module-item.active .category-thumb-content { opacity: 0; transition: var(--wdt-Ad-Transition) 0s; transform: translateY(10px); }

.module-layout.wdt_type_2 .module-item .category-image-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
    background: linear-gradient(45deg, rgba(0,0,0,0.8), transparent); border-radius: 20px; transition: var(--wdt-Ad-Transition) .3s; will-change: opacity; }

.module-layout.wdt_type_2 .module-item div[class*="category-"] .category-title,
.module-layout.wdt_type_2 .module-item div[class*="category-"] p { color: #fff; margin: 0px; text-wrap: balance; }
.module-layout.wdt_type_2 .module-item div[class*="category-"] .category-title a:hover { color: #fff; opacity: 0.75; }

.module-layout.wdt_type_2 .module-item div[class*="category-"] .category-title { margin: 0 0 12px; font-size: clamp(1.375rem, 1.2308rem + 0.641vw, 2rem); }
.module-layout.wdt_type_2 .module-item div[class*="category-"] .category-title:only-child { margin: 0; }
.module-layout.wdt_type_2 .module-item div[class*="category-"] .category-title span { /* font-size: 0.95em; */ 
    margin-left: 10px; position: relative; }
.module-layout.wdt_type_2 .module-item div[class*="category-"] .category-title span:before { content: ""; position: relative; 
    display: inline-block; width: 10px; height: 2px; background-color: currentColor; margin-right: 8px; vertical-align: middle; }

.module-layout.wdt_type_2 .module-item .category-content .wdt-button { margin-top: 10px; }
.module-layout.wdt_type_2 .module-item .category-content .wdt-button:after { content: ""; position: relative; display: inline-block;
    width: 1em; height: 1em; background-color: currentColor; -webkit-mask-image: var(--wdt-arrow-mask); mask-image: var(--wdt-arrow-mask);
    -webkit-mask-size: 98%; mask-size: 98%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; font-size: 1rem;
    -webkit-mask-position: center; mask-position: center; transition: var(--wdt-Ad-Transition); margin-left: 8px; align-self: center; }

@media ( min-width: 1281px) {

    .module-layout.wdt_type_2 .module-item .category-content { display: grid; grid-template-columns: 1fr auto; gap: 0 20px; }
    .module-layout.wdt_type_2 .module-item .category-content .wdt-button { grid-column: 2/3; grid-row: 1/3; align-self: end; align-items: center; }

}

@media ( min-width: 1025px) {

    .module-layout.wdt_type_2 { display: flex; flex-wrap: nowrap; }
    .module-layout.wdt_type_2 .module-item { flex: 1; width: 100% !important; transition: flex var(--wdt-Ad-Transition) .3s; will-change: flex; }

    .module-layout.wdt_type_2 .module-item:not(:last-child) { margin-right: 24px; }
    .module-layout.wdt_type_2 .module-item.active { flex: 2; }

}

@media ( max-width: 1024px) {
    .module-layout.wdt_type_2 .module-item .category-content,
    .module-layout.wdt_type_2 .module-item.active .category-content { opacity: 1; transition: var(--wdt-Ad-Transition) .8s; transform: translateY(0); }
    .module-layout.wdt_type_2 .module-item .category-thumb-content { display: none; }
}


/* Type - 3 */

.module-layout.wdt_type_3 .module-item { display: grid; align-items: center; border-radius: var(--wdtRadius_3X); overflow: hidden; }
.module-layout.wdt_type_3 .module-item .category-image, .module-layout.wdt_type_3 .module-item .category-title { grid-area: 1/-1; margin: 0; }
.module-layout.wdt_type_3 .module-item .category-image img { max-height: 120px; 
    object-fit: cover; width: 100%; filter: brightness(0.7); -webkit-filter: brightness(0.7); 
    transform: scale(1); transition: var(--wdt-Ad-Transition); }
.module-layout.wdt_type_3 .module-item:hover .category-image img { transform: scale(1.1); }
.module-layout.wdt_type_3 .module-item:not(:last-child) { margin-bottom: 20px; }
.module-layout.wdt_type_3 .module-item .category-title { margin: 0 clamp(1.875rem, 1.5963rem + 1.2739vw, 3.125rem); }
.module-layout.wdt_type_3 .module-item .category-image a { height: 100%; position: relative; display: block; }
.module-layout.wdt_type_3 .module-item .category-image a::before { content: ""; 
    position: absolute; inset: 0; width: 100%; height: 100%; background: linear-gradient(-90deg, transparent 0%, #000 100%); 
    pointer-events: none; z-index: 1; opacity: 0.8; }

.module-layout.wdt_type_3 .module-item .category-title a { color: var(--wdtAccentTxtColor); z-index: 1; position: relative; }
.module-layout.wdt_type_3 .module-item:hover .category-title a,
.module-layout.wdt_type_3 .module-item .category-title a:hover,
.module-layout.wdt_type_3 .module-item .category-title a:focus { color: var(--wdtAccentTxtColor); opacity: 0.75; }

/* .module-layout.wdt_type_3 .module-item:hover .category-title a { color: var(--wdtLinkHoverColor); } */
.module-layout.wdt_type_3 .module-item .category-title span { position: relative; z-index: 1; color: var(--wdtAccentTxtColor); margin-left: 10px; }


/* Type - 4 */


.module-layout.wdt_type_4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 24px 14px; }
.module-layout.wdt_type_4 .category-image { margin: 0 0 10px; }
.module-layout.wdt_type_4 .category-image a { 
    display: block; aspect-ratio: 1; width: 100%; border-radius: 15px; overflow: hidden; will-change: transform; }
.module-layout.wdt_type_4 .category-image a img { transform: scale(1);
    width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.3s ease-in-out; }

.module-layout.wdt_type_4 .category-image a img:hover { transform: scale(1.1); }

.module-layout.wdt_type_4 .category-title { margin: 0; text-align: center; font-family: var(--wdtFontTypo_Base); 
    font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); 
    letter-spacing: 0; line-height: var(--wdtLineHeight_Base); text-transform: none; }


/* Type - 5 */

.module-layout.wdt_type_5 .module-item:not(:last-child) { 
    margin-bottom: clamp(0.625rem, 0.5805rem + 0.2454vw, 0.875rem); /*14px - 10px*/ padding-bottom: 8px; }
.module-layout.wdt_type_5 .module-item .category-title {     
    font-family: var(--wdtFontTypo_Base); font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); 
    text-transform: capitalize; margin: 0; display: flex; justify-content: space-between; align-items: baseline; }
.module-layout.wdt_type_5 .module-item .category-title span { margin-left: 5px; }