/* Zohi Portfolio Kalıcı Overlay v1.2.1 */

/* CAROUSEL + GRID KARTLARI */
.ct-portfolio-carousel .grid-item-inner,
.ct-portfolio-carousel1 .grid-item-inner,
[id^="ct_portfolio_carousel"] .grid-item-inner,
.ct-portfolio-grid1 .grid-item-inner,
[id^="ct_portfolio_grid"] .grid-item-inner {
    position: relative !important;
    overflow: hidden !important;
}

/* Hover alanını kartın altında sürekli açık tut */
.ct-portfolio-carousel .item--holder,
.ct-portfolio-carousel1 .item--holder,
[id^="ct_portfolio_carousel"] .item--holder,
.ct-portfolio-grid1 .item--holder,
[id^="ct_portfolio_grid"] .item--holder {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 110px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    padding: 38px 30px 24px 36px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate3d(0,0,0) !important;
    -webkit-transform: translate3d(0,0,0) !important;
    background: linear-gradient(
        to top,
        rgba(8, 12, 18, .94) 0%,
        rgba(8, 12, 18, .70) 46%,
        rgba(8, 12, 18, 0) 100%
    ) !important;
    z-index: 20 !important;
    pointer-events: none !important;
}

.ct-portfolio-carousel .item--holder:before,
.ct-portfolio-carousel .item--holder:after,
.ct-portfolio-carousel1 .item--holder:before,
.ct-portfolio-carousel1 .item--holder:after,
[id^="ct_portfolio_carousel"] .item--holder:before,
[id^="ct_portfolio_carousel"] .item--holder:after,
.ct-portfolio-grid1 .item--holder:before,
.ct-portfolio-grid1 .item--holder:after,
[id^="ct_portfolio_grid"] .item--holder:before,
[id^="ct_portfolio_grid"] .item--holder:after {
    opacity: 0 !important;
    visibility: hidden !important;
}

.ct-portfolio-carousel .item--meta,
.ct-portfolio-carousel1 .item--meta,
[id^="ct_portfolio_carousel"] .item--meta,
.ct-portfolio-grid1 .item--meta,
[id^="ct_portfolio_grid"] .item--meta {
    position: relative !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    -webkit-transform: none !important;
    z-index: 22 !important;
    pointer-events: auto !important;
}

.ct-portfolio-carousel .item--title,
.ct-portfolio-carousel1 .item--title,
[id^="ct_portfolio_carousel"] .item--title,
.ct-portfolio-grid1 .item--title,
[id^="ct_portfolio_grid"] .item--title {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    -webkit-transform: none !important;
    margin: 0 0 6px 0 !important;
}

.ct-portfolio-carousel .item--title a,
.ct-portfolio-carousel1 .item--title a,
[id^="ct_portfolio_carousel"] .item--title a,
.ct-portfolio-grid1 .item--title a,
[id^="ct_portfolio_grid"] .item--title a {
    display: block !important;
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    font-size: 22px !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.ct-portfolio-carousel .item--category,
.ct-portfolio-carousel1 .item--category,
[id^="ct_portfolio_carousel"] .item--category,
.ct-portfolio-grid1 .item--category,
[id^="ct_portfolio_grid"] .item--category,
.ct-portfolio-carousel .item--category a,
.ct-portfolio-carousel1 .item--category a,
[id^="ct_portfolio_carousel"] .item--category a,
.ct-portfolio-grid1 .item--category a,
[id^="ct_portfolio_grid"] .item--category a {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    -webkit-transform: none !important;
    color: rgba(255,255,255,.82) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

.ct-portfolio-carousel .item--readmore,
.ct-portfolio-carousel1 .item--readmore,
[id^="ct_portfolio_carousel"] .item--readmore,
.ct-portfolio-grid1 .item--readmore,
[id^="ct_portfolio_grid"] .item--readmore {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    -webkit-transform: none !important;
    z-index: 22 !important;
    pointer-events: auto !important;
}

.zohi-portfolio-title {
    display: none !important;
}

/* PORTFOLIO GRID FİLTRESİ: Tümü / Hizmetlerimiz
   Gerçek class: .grid-filter-wrap */
.ct-portfolio-grid1 > .grid-filter-wrap,
[id^="ct_portfolio_grid"] > .grid-filter-wrap,
.elementor-widget-ct_portfolio_grid .grid-filter-wrap,
.grid-filter-wrap {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Filtre alanından kalan boşluğu temizle */
.ct-portfolio-grid1,
[id^="ct_portfolio_grid"] {
    padding-top: 0 !important;
}

.ct-portfolio-grid1 .ct-grid-inner,
[id^="ct_portfolio_grid"] .ct-grid-inner {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media (max-width: 767px) {
    .ct-portfolio-carousel .item--holder,
    .ct-portfolio-carousel1 .item--holder,
    [id^="ct_portfolio_carousel"] .item--holder,
    .ct-portfolio-grid1 .item--holder,
    [id^="ct_portfolio_grid"] .item--holder {
        min-height: 92px !important;
        padding: 28px 18px 17px 22px !important;
    }

    .ct-portfolio-carousel .item--title a,
    .ct-portfolio-carousel1 .item--title a,
    [id^="ct_portfolio_carousel"] .item--title a,
    .ct-portfolio-grid1 .item--title a,
    [id^="ct_portfolio_grid"] .item--title a {
        font-size: 18px !important;
    }

    .ct-portfolio-carousel .item--category,
    .ct-portfolio-carousel1 .item--category,
    [id^="ct_portfolio_carousel"] .item--category,
    .ct-portfolio-grid1 .item--category,
    [id^="ct_portfolio_grid"] .item--category {
        font-size: 14px !important;
    }
}