/* =========================================================
 * Kameraman.TR KULİS v1.5.51
 * Mobile/Profile navigation + project showcase stabilization
 * Loaded after all previous KULİS UI layers.
 * ========================================================= */

/* 1) Sidebar active icon: active surface belongs ONLY to the link. */
body.kulis-app-page :is(.kulis-dashboard-sidebar,.kulis-section-sidebar,.kulis-standard-section-sidebar) :is(nav,footer) a{
    isolation:isolate;
}
body.kulis-app-page :is(.kulis-dashboard-sidebar,.kulis-section-sidebar,.kulis-standard-section-sidebar) :is(nav,footer) a > .kulis-sidebar-icon,
body.kulis-app-page :is(.kulis-dashboard-sidebar,.kulis-section-sidebar,.kulis-standard-section-sidebar) :is(nav,footer) a > .kulis-sidebar-icon::before,
body.kulis-app-page :is(.kulis-dashboard-sidebar,.kulis-section-sidebar,.kulis-standard-section-sidebar) :is(nav,footer) a > .kulis-sidebar-icon::after,
body.kulis-app-page :is(.kulis-dashboard-sidebar,.kulis-section-sidebar,.kulis-standard-section-sidebar) :is(nav,footer) a > .kulis-sidebar-icon .dashicons,
body.kulis-app-page :is(.kulis-dashboard-sidebar,.kulis-section-sidebar,.kulis-standard-section-sidebar) :is(nav,footer) a > .kulis-sidebar-icon .dashicons::before,
body.kulis-app-page :is(.kulis-dashboard-sidebar,.kulis-section-sidebar,.kulis-standard-section-sidebar) :is(nav,footer) :is(a.is-active,a[aria-current="page"]) > :first-child,
body.kulis-app-page :is(.kulis-dashboard-sidebar,.kulis-section-sidebar,.kulis-standard-section-sidebar) :is(nav,footer) :is(a.is-active,a[aria-current="page"]) > :first-child::before,
body.kulis-app-page :is(.kulis-dashboard-sidebar,.kulis-section-sidebar,.kulis-standard-section-sidebar) :is(nav,footer) :is(a.is-active,a[aria-current="page"]) > :first-child::after{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    border-radius:0!important;
}
body.kulis-app-page :is(.kulis-dashboard-sidebar,.kulis-section-sidebar,.kulis-standard-section-sidebar) :is(nav,footer) a > .kulis-sidebar-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 20px!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    padding:0!important;
    margin:0!important;
    color:inherit!important;
}
body.kulis-app-page :is(.kulis-dashboard-sidebar,.kulis-section-sidebar,.kulis-standard-section-sidebar) :is(nav,footer) :is(a.is-active,a[aria-current="page"]){
    background:#1769ff!important;
    color:#fff!important;
    border-color:#1769ff!important;
}

/* 2) Profile navigation: never float over content and never wrap into multiple rows. */
body.kulis-app-page .kulis-profile-content-stack,
body.kulis-profile-page .kulis-profile-content-stack,
body.kulis-profile-route .kulis-profile-content-stack{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
}
body.kulis-app-page .kulis-profile-tabs,
body.kulis-profile-page .kulis-profile-tabs,
body.kulis-profile-route .kulis-profile-tabs{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    z-index:3!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    border:1px solid #e2e8f0!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 6px 20px rgba(15,23,42,.045)!important;
}
body.kulis-app-page .kulis-profile-tabs::-webkit-scrollbar,
body.kulis-profile-page .kulis-profile-tabs::-webkit-scrollbar,
body.kulis-profile-route .kulis-profile-tabs::-webkit-scrollbar{display:none!important}
body.kulis-app-page .kulis-profile-tabs button,
body.kulis-profile-page .kulis-profile-tabs button,
body.kulis-profile-route .kulis-profile-tabs button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    min-height:42px!important;
    margin:0!important;
    padding:0 12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    white-space:nowrap!important;
    scroll-snap-align:start!important;
    border-radius:12px!important;
}
body.kulis-app-page .kulis-profile-layout,
body.kulis-app-page .kulis-profile-main,
body.kulis-app-page .kulis-profile-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
}
body.kulis-app-page .kulis-profile-panel[hidden]{display:none!important}
body.kulis-app-page .kulis-profile-panel.is-active{display:block!important}

/* 3) Dedicated Projects profile tab. */
.kulis-profile-projects-panel{padding:18px!important;overflow:hidden!important}
.kulis-profile-projects-panel__heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin:0 0 18px!important}
.kulis-profile-projects-panel__heading h2{margin:5px 0 6px!important;font-size:24px!important;line-height:1.2!important}
.kulis-profile-projects-panel__heading p{max-width:720px!important;margin:0!important;color:#667085!important;line-height:1.55!important}
.kulis-featured-projects__grid--standalone{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
}
.kulis-featured-projects__grid--standalone .kulis-featured-project{
    min-width:0!important;
    overflow:hidden!important;
    border:1px solid #e2e8f0!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 10px 26px rgba(15,23,42,.055)!important;
}
.kulis-featured-projects__grid--standalone .kulis-featured-project__media{
    height:170px!important;
    min-height:170px!important;
    max-height:170px!important;
    overflow:hidden!important;
    border-radius:0!important;
    background:linear-gradient(135deg,#111827,#1e293b)!important;
}
.kulis-featured-projects__grid--standalone .kulis-featured-project__media img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
.kulis-featured-projects__grid--standalone .kulis-featured-project__body{padding:15px!important}
.kulis-profile-empty--projects{padding:44px 22px!important;text-align:center!important}

/* 4) Dashboard Kameraman Aranıyor: compact cards and stable company image/logo. */
body.kulis-app-page .kulis-dashboard-crew-search__grid{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:stretch!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 2px 9px!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:thin!important;
}
body.kulis-app-page .kulis-dashboard-crew-search__grid > .kulis-dashboard-crew-card{
    display:grid!important;
    grid-template-rows:96px minmax(0,1fr)!important;
    flex:0 0 clamp(235px,31%,300px)!important;
    width:clamp(235px,31%,300px)!important;
    min-width:235px!important;
    min-height:210px!important;
    padding:0!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
    border:1px solid #e2e8f0!important;
    border-radius:18px!important;
    background:#fff!important;
}
body.kulis-app-page .kulis-dashboard-crew-card__media{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:96px!important;
    min-height:96px!important;
    max-height:96px!important;
    padding:10px!important;
    overflow:hidden!important;
    border-radius:0!important;
    background:#f3f7fc!important;
}
body.kulis-app-page .kulis-dashboard-crew-card__media > img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:76px!important;
    object-fit:contain!important;
    border-radius:12px!important;
}
body.kulis-app-page .kulis-dashboard-crew-card__media > em{
    left:9px!important;
    bottom:8px!important;
}
body.kulis-app-page .kulis-dashboard-crew-card__body{padding:12px 13px 14px!important;gap:4px!important}
body.kulis-app-page .kulis-dashboard-crew-card__body > strong{font-size:14px!important;line-height:1.3!important}
body.kulis-app-page .kulis-dashboard-crew-card__body > span{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    white-space:normal!important;
}

/* 5) Kameraman Bul page: one readable horizontal card at a time on phones. */
@media (max-width:782px){
    html,body,body.kulis-app-page{overflow-x:hidden!important}

    body.kulis-app-page .kulis-profile-app,
    body.kulis-app-page .kulis-profile-layout,
    body.kulis-app-page .kulis-profile-main,
    body.kulis-app-page .kulis-profile-panel,
    body.kulis-app-page .kulis-profile-card{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin-left:0!important;
        margin-right:0!important;
        transform:none!important;
    }

    body.kulis-app-page .kulis-profile-tabs{padding:6px!important;border-radius:14px!important}
    body.kulis-app-page .kulis-profile-tabs button{min-height:39px!important;padding:0 10px!important;font-size:11px!important}

    .kulis-profile-projects-panel{padding:12px!important}
    .kulis-profile-projects-panel__heading{display:block!important;margin-bottom:12px!important}
    .kulis-profile-projects-panel__heading h2{font-size:20px!important}
    .kulis-profile-projects-panel__heading p{font-size:12.5px!important}
    .kulis-profile-projects-panel__heading > a{display:flex!important;width:100%!important;margin-top:12px!important;justify-content:center!important}
    .kulis-featured-projects__grid--standalone{
        display:flex!important;
        flex-flow:row nowrap!important;
        gap:12px!important;
        overflow-x:auto!important;
        padding:1px 1px 8px!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
    }
    .kulis-featured-projects__grid--standalone::-webkit-scrollbar{display:none!important}
    .kulis-featured-projects__grid--standalone .kulis-featured-project{
        flex:0 0 min(84vw,330px)!important;
        width:min(84vw,330px)!important;
        max-width:min(84vw,330px)!important;
        scroll-snap-align:start!important;
    }
    .kulis-featured-projects__grid--standalone .kulis-featured-project__media{
        height:150px!important;
        min-height:150px!important;
        max-height:150px!important;
    }

    body.kulis-app-page .kulis-dashboard-crew-search__grid > .kulis-dashboard-crew-card{
        flex:0 0 min(78vw,292px)!important;
        width:min(78vw,292px)!important;
        min-width:min(78vw,292px)!important;
        max-width:min(78vw,292px)!important;
    }

    body.kulis-crew-search-page .kulis-crew-search-grid{
        display:flex!important;
        flex-flow:row nowrap!important;
        align-items:stretch!important;
        gap:12px!important;
        width:100%!important;
        max-width:100%!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        padding:2px 2px calc(88px + env(safe-area-inset-bottom))!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
        -webkit-overflow-scrolling:touch!important;
    }
    body.kulis-crew-search-page .kulis-crew-search-grid::-webkit-scrollbar{display:none!important}
    body.kulis-crew-search-page .kulis-crew-search-grid > article,
    body.kulis-crew-search-page .kulis-crew-search-grid > .kulis-crew-search-card{
        flex:0 0 min(82vw,330px)!important;
        width:min(82vw,330px)!important;
        min-width:min(82vw,330px)!important;
        max-width:min(82vw,330px)!important;
        scroll-snap-align:start!important;
    }
    body.kulis-crew-search-page .kulis-crew-search-card__cover{
        height:96px!important;
        min-height:96px!important;
        max-height:96px!important;
        padding:8px!important;
        border-radius:16px!important;
    }
    body.kulis-crew-search-page .kulis-crew-search-card__cover img{
        width:100%!important;
        height:100%!important;
        max-height:80px!important;
        object-fit:contain!important;
        border-radius:10px!important;
    }

    /* Feed cards/composer must never be wider than the viewport. */
    body.kulis-feed-page :is(.kulis-feed-app,.kulis-feed-card,.kulis-feed-composer,.kulis-feed-search){
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        box-sizing:border-box!important;
    }
    body.kulis-feed-page .kulis-feed-composer__tools,
    body.kulis-feed-page .kulis-feed-compose-actions{
        display:flex!important;
        flex-wrap:wrap!important;
        gap:8px!important;
    }

    /* Message actions stay inside the bubble and open as a compact menu. */
    .kulis-message__action-shell{position:relative!important}
    .kulis-message__menu-toggle{opacity:1!important}
    .kulis-message__actions{
        right:0!important;
        left:auto!important;
        min-width:142px!important;
        max-width:min(180px,70vw)!important;
    }
}

@media (min-width:783px) and (max-width:1180px){
    .kulis-featured-projects__grid--standalone{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}