/* CONNECT CAMP '27 — CC ICON HOTFIX V2
   Remove qualquer fundo/quadrado antigo dos ícones e usa o monograma CC transparente. */

:root{
  --connect-cc-icon:url("../img/connect-camp/app-icon/connect-cc-system-icon.png?v=cc-icon-v2");
}

/* Ícones raster do Connect nunca recebem fundo do elemento img. */
body.acampante-body img[src*="connect-cc-system-icon"],
body.acampante-body img[src*="cta-star-3d"],
body.acampante-body img[src*="connect-180"],
body.acampante-body img[src*="connect-192"],
body.acampante-body img[src*="connect-512"]{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 5px 10px rgba(10,4,18,.22))!important;
}

/* Topo do painel: remove caixa antiga atrás do símbolo. */
body.acampante-app-body .camper-app-top img,
body.acampante-app-body .camper-hello img,
body.acampante-app-body .camper-app-top .brand-icon,
body.acampante-app-body .camper-hello .brand-icon{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  object-fit:contain!important;
}

/* Botão central do menu: o orb pode continuar premium, mas a imagem interna fica limpa. */
body.acampante-app-body .tab-star-orb{
  overflow:visible!important;
}
body.acampante-app-body .tab-star-orb img{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  filter:drop-shadow(0 7px 14px rgba(10,4,18,.28))!important;
}

/* Ícone da tela de boas-vindas / instalar app. */
body.acampante-body .welcome-hero-icon{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.acampante-body .welcome-hero-icon img{
  width:min(180px,44vw)!important;
  height:auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 24px rgba(10,4,18,.24))!important;
}

/* PWA install surfaces */
body.acampante-body [data-pwa-install] img,
body.acampante-body .pwa-ios-box img{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
}

/* Pequenos ícones do topo: mantém proporção premium. */
@media(max-width:699px){
  body.acampante-app-body .camper-app-top img,
  body.acampante-app-body .camper-hello img{
    width:44px!important;
    height:44px!important;
  }
}