/* Logo Tosconime — tamanhos grandes e visíveis em todo o site */

:root {
  --logo-header: 72px;
  --logo-header-compact: 52px;
  --logo-embed: 48px;
  --logo-footer: 48px;
  --logo-loading: 120px;
  --logo-error: 128px;
}

.site-logo,
.brand-logo {
  object-fit: contain;
  object-position: center;
  background: transparent;
  border: none;
  box-shadow: none;
  filter: drop-shadow(0 3px 14px rgba(0, 0, 0, 0.45));
}

/* Header principal */
.brand {
  gap: 0.65rem;
}

.header-row-top .brand-icon,
.header-row-top .brand-logo {
  width: var(--logo-header);
  height: var(--logo-header);
  flex-shrink: 0;
  border-radius: 12px;
}

/* Barra compacta (mobile / player) */
.header-compact-logo {
  width: var(--logo-header-compact);
  height: var(--logo-header-compact);
  border-radius: 10px;
  object-fit: contain;
  border: none;
  box-shadow: none;
  filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.4));
}

/* Player — carregando */
.loading-logo {
  width: var(--logo-loading);
  height: var(--logo-loading);
  object-fit: contain;
  border-radius: 14px;
  border: none;
  filter: drop-shadow(0 6px 22px rgba(52, 211, 153, 0.3));
}

/* Player — erro */
.error-logo {
  width: var(--logo-error);
  height: var(--logo-error);
  object-fit: contain;
  border-radius: 14px;
}

/* Embed filmes */
.embed-brand-logo {
  width: var(--logo-embed);
  height: var(--logo-embed);
  object-fit: contain;
  border-radius: 10px;
  flex-shrink: 0;
  filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.4));
}

/* Rodapé */
.site-footer-brand-row {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
}

.site-footer-logo {
  width: var(--logo-footer);
  height: var(--logo-footer);
  object-fit: contain;
  border-radius: 10px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  :root {
    --logo-header: 60px;
    --logo-header-compact: 46px;
    --logo-loading: 100px;
    --logo-error: 108px;
    --logo-embed: 44px;
    --logo-footer: 44px;
  }
}

@media (max-width: 380px) {
  :root {
    --logo-header: 52px;
    --logo-header-compact: 42px;
  }
}

/* Sobrescreve mobile-enhance (carregado antes) */
@media (max-width: 768px) {
  .brand-icon.brand-logo,
  .header-row-top .brand-icon {
    width: var(--logo-header) !important;
    height: var(--logo-header) !important;
  }
}

@media (max-width: 768px) {
  .vjs-player .loading-logo,
  .embed-tap-shield .loading-logo {
    width: var(--logo-loading);
    height: var(--logo-loading);
  }
}