/**
 * DimosTV BRAND-13.2 — Portal and Mobile/PWA deployment.
 */

:root {
    --dtv-brand-navy: #1a2e4a;
    --dtv-brand-red: #cc001f;
}

.dtv-portal-brand {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    max-width: min(240px, 28vw);
    line-height: 0;
}

.dtv-portal-brand__lockup,
.dtv-portal-brand__logo {
    display: block;
    width: clamp(160px, 15vw, 240px);
    height: auto;
}

.dtv-portal-brand__compact {
    display: none;
    width: 40px;
    height: 40px;
    object-fit: contain;
}

@media (max-width: 767px) {
    .dtv-portal-brand {
        max-width: 159px;
    }

    .dtv-portal-brand__lockup,
    .dtv-portal-brand__logo {
        width: clamp(112px, 34vw, 159px);
    }
}

@media (max-width: 359px) {
    .dtv-portal-brand {
        width: 40px;
        max-width: 40px;
    }

    .dtv-portal-brand__lockup {
        display: none;
    }

    .dtv-portal-brand__compact {
        display: block;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dtv-portal-brand,
    .dtv-portal-brand * {
        transition: none !important;
    }
}