/* ================================================
   Cookiebot - Dark Glass / visionOS dizájn
   ================================================ */

#CybotCookiebotDialogBackground {
  display: none !important;
}

.CybotCookiebotDialogBodyLevelButtonSliderWrapperFullWidth {
  border: none !important;
}


#CybotCookiebotDialog,
#CybotCookiebotDialog.CybotMultilevel,
#CybotCookiebotDialog.CybotCookiebotDialogActive,
#CybotCookiebotDialog[data-template="popup"] {
  position: fixed !important;
  bottom: 20px !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  transform: translateX(-50%) !important;
  width: calc(100% - 48px) !important;
  max-width: 1100px !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: rgba(20, 20, 22, 0.15) !important;
  backdrop-filter: blur(48px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(48px) saturate(160%) !important;
  border: none !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 48px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.08) !important;
  z-index: 2147483647 !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  font-family: -apple-system, 'Helvetica Neue', sans-serif !important;
}

/* Content wrapper */
#CybotCookiebotDialog .CybotCookiebotDialogContentWrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 32px !important;
  padding: 24px 28px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Elrejtendők */
#CybotCookiebotDialogHeader,
#CybotCookiebotDialogNav,
#CybotCookiebotDialogBodyEdgeMoreDetails,
.CybotCookiebotDialogGpcContainer,
.CybotCookiebotFader,
.CybotCookiebotScrollbarContainer,
#CybotCookiebotDialogBodyLevelButtonCustomize,
.CybotCookiebotDialogBodyContentControlsWrapper,
#CybotCookiebotDialogBodyContentCheckboxPersonalInformation,
label[for="CybotCookiebotDialogBodyContentCheckboxPersonalInformation"] {
  display: none !important;
}

/* Scroll containerek */
#CybotCookiebotDialogTabContent {
  flex: 1 1 auto !important;
  overflow: visible !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#CybotCookiebotDialogBody,
#CybotCookiebotDialogBody.CybotCookiebotDialogTabPanel,
.CybotCookiebotScrollContainer,
.CybotCookiebotScrollArea {
  overflow: visible !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* Szöveg */
#CybotCookiebotDialogBodyContent {
  padding: 0 !important;
  margin: 0 0 14px 0 !important;
}

#CybotCookiebotDialogBodyContentTitle {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.95) !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  letter-spacing: -0.02em !important;
}

#CybotCookiebotDialogBodyContentText,
#CybotCookiebotDialogBodyContentText p {
  font-size: 12.5px !important;
  color: rgba(255,255,255,0.6) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 400 !important;
}

/* Toggle sor */
.CybotCookiebotDialogBodyBottomWrapper {
  padding: 0 !important;
  margin: 0 !important;
}

#CybotCookiebotDialogBodyLevelWrapper,
#CybotCookiebotDialogBodyLevelButtons,
#CybotCookiebotDialogBodyLevelButtonsTable,
#CybotCookiebotDialogBodyLevelButtonsRow,
#CybotCookiebotDialogBodyLevelButtonsSelectPane {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: none !important;
  width: auto !important;
}

fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#CybotCookiebotDialogBodyFieldsetInnerContainer {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 8px 24px !important;
  align-items: center !important;
  padding: 12px 0 0 0 !important;
  margin: 0 !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
}

.CybotCookiebotDialogBodyLevelButtonWrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  width: auto !important;
  flex: 0 0 auto !important;
}

.CybotCookiebotDialogBodyLevelButtonLabel {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.CybotCookiebotDialogBodyLevelButtonSliderWrapper {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}

.CybotCookiebotDialogBodyLevelButtonDescription {
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.85) !important;
  white-space: nowrap !important;
  letter-spacing: -0.01em !important;
}

/* Footer - jobb oldal */
#CybotCookiebotDialogFooter {
  flex-shrink: 0 !important;
  width: 200px !important;
  overflow: visible !important;
  max-height: none !important;
  padding: 0 0 0 28px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  border-left: 1px solid rgba(255,255,255,0.1) !important;
  box-sizing: border-box !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotScrollContainer,
#CybotCookiebotDialogFooter .CybotCookiebotScrollArea {
  overflow: visible !important;
  max-height: none !important;
  padding: 0 !important;
  border: none !important;
}

#CybotCookiebotDialogBodyButtons {
  padding: 0 !important;
  margin: 0 !important;
}

#CybotCookiebotDialogBodyButtonsWrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Gombok alap */
#CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  display: block !important;
  width: 100% !important;
  padding: 11px 16px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  cursor: pointer !important;
  text-align: center !important;
  background: rgba(255,255,255,0.1) !important;
  color: rgba(255,255,255,0.9) !important;
  box-sizing: border-box !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
  font-family: -apple-system, 'Helvetica Neue', sans-serif !important;
}

#CybotCookiebotDialogBodyButtonDecline:hover,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover {
  background: rgba(255,255,255,0.1) !important;
  border-color: rgba(255,255,255,0.25) !important;
  color: rgba(255,255,255,0.9) !important;
}

/* Accept All - kiemelve */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background: rgba(255,255,255,0.1) !important;
  color: rgba(255,255,255,0.9) !important;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover {
  background: rgba(255,255,255,1) !important;
}

/* Animáció */
@keyframes glassSlideUp {
  from { opacity: 0; transform: translateX(-50%) translateY(20px); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

#CybotCookiebotDialog.CybotCookiebotDialogActive {
  animation: glassSlideUp 0.45s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* Mobil */
@media (max-width: 800px) {
  #CybotCookiebotDialog {
    bottom: 12px !important;
    width: calc(100% - 24px) !important;
    border-radius: 18px !important;
  }
  #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper {
    flex-direction: column !important;
    padding: 20px !important;
    gap: 16px !important;
  }
  #CybotCookiebotDialogFooter {
    width: 100% !important;
    border-left: none !important;
    padding-left: 0 !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    padding-top: 14px !important;
  }
  #CybotCookiebotDialogBodyButtonsWrapper {
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
  #CybotCookiebotDialogBodyButtonDecline,
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    flex: 1 1 45% !important;
  }
}