/* GateKeeper - CSS Robusto com Alta Especificidade */

/* Ocultar menu hamburguer */
body div.cursor-pointer.p-\[14px\].pl-\[10px\].text-white.hover\:text-\[\#F786FF\],
body div[class*="cursor-pointer"][class*="p-"][class*="pl-"][class*="text-white"][class*="hover:text-"] svg[width="20"][height="20"],
body *:not(#gatekeeper) div.cursor-pointer.p-\[14px\].pl-\[10px\] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
}

/* Ocultar Hailuo 02 com NEW tag */
body div.flex.h-full.w-full.items-center.overflow-hidden.pl-\[1px\]:has(img[src*="02.jpg"]),
body div.flex.h-full.w-full:has(div:contains("Hailuo 02")):has(span:contains("NEW")),
body *:not(#gatekeeper) div.flex:has(img[src*="02.jpg"]) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
}

/* Ocultar seletor de quantidade */
body div.ant-input-number-affix-wrapper,
body *:not(#gatekeeper) div[class*="ant-input-number"],
body div.ant-input-number-affix-wrapper.css-1b445k1.ant-input-number-outlined,
body span.ant-input-number-prefix:has(span:contains("Quantidade")),
body *:not(#gatekeeper) *:not(#gatekeeper) .ant-input-number-affix-wrapper {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Ocultar avatar do usuário */
body img[src*="user_avatar"],
body img[alt*="AI Video avatar"],
body img.h-\[30px\].w-\[30px\].rounded-full,
body *:not(#gatekeeper) img[class*="rounded-full"][class*="h-"][class*="w-"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Ocultar botão com ícone de caixa */
body button.border-hl_bg_00_8.hover\:bg-hl_bg_00_4,
body button[class*="border-hl_bg"][class*="hover:bg-hl_bg"],
body button:has(svg[width="16"][height="16"] path[d*="M1.03809"]),
body *:not(#gatekeeper) button.hidden.sm\:block {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
}

/* Alterar texto de contagem para mensagem de proteção */
body span.text-hl_text_00.select-none.text-\[13px\].font-medium.tracking-\[0\.24px\].ml-1,
body span[class*="text-hl_text_00"][class*="select-none"][class*="text-"][class*="font-medium"],
body *:not(#gatekeeper) span.ml-1:contains("11,819") {
  font-size: 0 !important;
  line-height: 1 !important;
}

body span.text-hl_text_00.select-none.text-\[13px\].font-medium.tracking-\[0\.24px\].ml-1::before,
body span[class*="text-hl_text_00"][class*="select-none"][class*="text-"][class*="font-medium"]::before {
  content: "Sistema Protegido. (GateKeeper by Punkq Gruppe)" !important;
  font-size: 13px !important;
  display: inline-block !important;
  visibility: visible !important;
  color: #ff0000 !important;
  font-weight: bold !important;
}

/* Remover elementos com imagens específicas do Hailuo */
body div.flex:has(img[src*="182a50d6-8a66-47cc-b3cf-3ef0a01754c4.jpg"]),
body div.flex:has(img[src*="multi_chat_file"]):has(div:contains("Hailuo 02")),
body *:not(#gatekeeper) div:has(img[src*="182a50d6-8a66-47cc-b3cf-3ef0a01754c4"]) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Destacar Hailuo 01 como pré-selecionado */
body div.flex:has(img[src*="01.jpg"]):has(div:contains("Hailuo 01")),
body div.flex:has(img[src*="c7c3b097-68be-46a4-8664-27e22891c946.jpg"]) {
  background-color: rgba(87, 242, 135, 0.2) !important;
  border: 2px solid #57f287 !important;
  border-radius: 8px !important;
  box-shadow: 0 0 10px rgba(87, 242, 135, 0.5) !important;
}

/* Visual feedback para cooldown */
.gatekeeper-cooldown {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  position: relative !important;
}

.gatekeeper-cooldown::after {
  content: attr(data-cooldown) !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: rgba(240, 66, 72, 0.9) !important;
  color: white !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: bold !important;
  z-index: 999999 !important;
  pointer-events: none !important;
}

/* Forçar regras com máxima especificidade */
html body *:not(#gatekeeper-protected) {
  /* Placeholder para garantir especificidade */
}

/* Animações de entrada para elementos protegidos */
@keyframes gatekeeper-protected {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.gatekeeper-protected {
  animation: gatekeeper-protected 0.3s ease-out !important;
}