/* VAK Logo Carousel — integrated into Jahan Shoofazh Panel */
.vak-drag-scroll{cursor:grab;user-select:none;-webkit-user-select:none}.vak-drag-scroll.is-dragging{cursor:grabbing}
.vak-logo-carousel{--vak-logo-accent:#e63946;width:100%;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:auto;padding:8px 0 18px;touch-action:pan-x pan-y;direction:ltr!important}
.vak-logo-carousel::-webkit-scrollbar{display:none}.vak-logo-track{display:flex;align-items:stretch;gap:18px;width:max-content;min-width:100%}
.vak-logo-card{position:relative;flex:0 0 220px;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 20px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.vak-logo-card::after{content:"";position:absolute;left:50%;right:auto;bottom:0;width:0;height:4px;transform:translateX(-50%);transform-origin:center;background:var(--vak-logo-accent);border-radius:99px 99px 0 0;transition:width .35s ease}
.vak-logo-card::before{content:"";position:absolute;inset:-70% auto -70% -40%;width:30%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);opacity:0}
@keyframes vak-logo-shine{to{left:120%}}
.vak-logo-image-wrap{display:flex;align-items:center;justify-content:center;width:100%;min-height:55px}.vak-logo-card img{display:block;max-width:100%;max-height:55px;width:auto;height:auto;object-fit:contain;pointer-events:none}.vak-logo-title{color:#111;font-size:14px;font-weight:600;line-height:1.3;text-align:center}
@media (hover:hover) and (pointer:fine){.vak-logo-card.is-vak-hovered{transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,.11);border-color:color-mix(in srgb,var(--vak-logo-accent) 35%,transparent)}.vak-logo-card.is-vak-hovered::after{width:72%}.vak-logo-card.is-vak-hovered::before{opacity:1;animation:vak-logo-shine .85s ease forwards}}
.vak-items-direction-rtl{direction:rtl!important}.vak-items-direction-ltr{direction:ltr!important}.vak-logo-carousel.vak-items-direction-rtl,.vak-logo-carousel.vak-items-direction-ltr{direction:ltr!important}.vak-logo-carousel.vak-items-direction-rtl .vak-logo-track{flex-direction:row-reverse}.vak-logo-carousel.vak-items-direction-ltr .vak-logo-track{flex-direction:row}.vak-items-direction-rtl .vak-logo-card{direction:rtl!important;text-align:right!important}.vak-items-direction-ltr .vak-logo-card{direction:ltr!important;text-align:left!important}
@media (prefers-reduced-motion:reduce){.vak-logo-card{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}


/* 1.23.1 - opt-in dark mode. Disabled widgets keep their exact legacy appearance. */
html.jspanel-theme-dark .vak-logo-carousel.vak-dark-mode-compatible .vak-logo-card,
body.jspanel-theme-dark .vak-logo-carousel.vak-dark-mode-compatible .vak-logo-card{
    background:#171a1e!important;
    border-color:#30353a!important;
    box-shadow:none;
}
html.jspanel-theme-dark .vak-logo-carousel.vak-dark-mode-compatible .vak-logo-title,
body.jspanel-theme-dark .vak-logo-carousel.vak-dark-mode-compatible .vak-logo-title{
    color:#eef1f4!important;
}
@media (hover:hover) and (pointer:fine){
    html.jspanel-theme-dark .vak-logo-carousel.vak-dark-mode-compatible .vak-logo-card.is-vak-hovered,
    body.jspanel-theme-dark .vak-logo-carousel.vak-dark-mode-compatible .vak-logo-card.is-vak-hovered{
        background:#1b1f23!important;
        border-color:color-mix(in srgb,var(--vak-logo-accent) 42%,#30353a)!important;
        box-shadow:0 16px 40px rgba(0,0,0,.28)!important;
    }
    html.jspanel-theme-dark .vak-logo-carousel.vak-dark-mode-compatible .vak-logo-card::before,
    body.jspanel-theme-dark .vak-logo-carousel.vak-dark-mode-compatible .vak-logo-card::before{
        background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent)!important;
    }
}
