/* Shahin Sorkh official brand identity — v4.4.40 */
:root {
    --shahin-sorkh-mark: url('/assets/brand/shahin-sorkh-mark.webp');
    --shahin-sorkh-logo: url('/assets/brand/shahin-sorkh-logo.webp');
}

/* Compact product marks */
.ta-app-logo,
.ta-brand-mark,
.ta-onboarding-logo,
.ta-connect-logo,
.sa-logo,
.editorial-mark,
.sy-state-brand > span:first-child {
    background-color: transparent !important;
    background-image: var(--shahin-sorkh-mark) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}

.ta-app-logo { width: 46px !important; height: 46px !important; flex: 0 0 46px !important; }
.ta-brand-mark { width: 62px !important; height: 62px !important; }
.ta-mobile-brand .ta-brand-mark { width: 52px !important; height: 52px !important; }
.ta-onboarding-logo,
.ta-connect-logo { width: 46px !important; height: 46px !important; }
.sa-logo { width: 52px !important; height: 52px !important; flex: 0 0 52px !important; }
.editorial-mark { width: 50px !important; height: 50px !important; }
.sy-state-brand > span:first-child { width: 46px !important; height: 46px !important; }

/* Public website and magazine */
.brand img,
.blog-brand img {
    width: 54px !important;
    height: 54px !important;
    object-fit: contain !important;
    mix-blend-mode: normal !important;
    filter: none !important;
}
.footer-logo img,
.blog-footer .blog-brand img { width: 48px !important; height: 48px !important; }

/* Keep brand copy aligned with the taller official mark */
.ta-sidebar-brand-row { min-height: 72px; height: auto !important; }
.ta-brand-copy strong { font-size: 15px !important; }
.sa-brand { min-height: 86px; }
.sy-state-brand strong { font-weight: 900; }

/* Dark surfaces need no artificial white tile around the official transparent mark. */
.sa-sidebar .sa-logo,
.ta-auth-brand .ta-brand-mark {
    background-color: transparent !important;
}

/* Mobile sizing */
@media (max-width: 700px) {
    .brand img,
    .blog-brand img { width: 46px !important; height: 46px !important; }
    .ta-brand-mark { width: 52px !important; height: 52px !important; }
}