/* ======================================================
   PETR TLAMKA - COOKIES MODAL / SHOPTET COLORBOX
   Dark premium styl + čitelná tlačítka
   ====================================================== */


/* Overlay kolem modalu */
html body #cboxOverlay {
  background: rgba(0, 0, 0, 0.76) !important;
  opacity: 1 !important;
}


/* Hlavní modal */
html body #colorbox.shoptet-modal-md,
html body #colorbox {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}


/* Wrapper */
html body #colorbox #cboxWrapper {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* Odstranění starých colorbox hran */
html body #colorbox #cboxTopLeft,
html body #colorbox #cboxTopCenter,
html body #colorbox #cboxTopRight,
html body #colorbox #cboxMiddleLeft,
html body #colorbox #cboxMiddleRight,
html body #colorbox #cboxBottomLeft,
html body #colorbox #cboxBottomCenter,
html body #colorbox #cboxBottomRight {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* Obsah modalu */
html body #colorbox #cboxContent,
html body #colorbox #cboxLoadedContent,
html body #colorbox .colorbox-html-content,
html body #colorbox .cookiesDialog {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--pt-text, #f4efe6) !important;
}


/* Skutečná karta cookies */
html body #colorbox .cookiesSetting__form {
  display: block !important;

  margin: 0 !important;
  padding: 34px !important;

  background:
    radial-gradient(
      circle at 18% 0%,
      var(--pt-gold-soft-bg, rgba(200, 155, 69, 0.12)),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.055),
      rgba(255, 255, 255, 0.018) 48%,
      rgba(200, 155, 69, 0.045)
    ),
    var(--pt-card, #141414) !important;

  color: var(--pt-text, #f4efe6) !important;

  border: 1px solid var(--pt-border-gold-soft, rgba(200, 155, 69, 0.22)) !important;
  border-radius: var(--pt-radius-lg, 26px) !important;

  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  box-sizing: border-box !important;
}


/* Nadpis */
html body #colorbox .cookiesSetting__title {
  margin: 0 0 14px !important;
  padding: 0 !important;

  color: var(--pt-text, #f4efe6) !important;

  font-family: var(--pt-font-heading, "Source Serif 4", Georgia, "Times New Roman", serif) !important;
  font-size: clamp(30px, 4vw, 42px) !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
}


/* Úvodní text */
html body #colorbox .cookiesSetting__perex {
  margin: 0 0 24px !important;
  padding: 0 !important;

  color: var(--pt-text-muted, #b9b0a3) !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}


/* Seznam cookies */
html body #colorbox .cookiesSetting__data {
  display: grid !important;
  gap: 12px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
}


/* Jedna položka cookies */
html body #colorbox .cookiesSetting__item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;

  margin: 0 !important;
  padding: 18px 18px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.035),
      rgba(255, 255, 255, 0.012)
    ),
    rgba(5, 5, 5, 0.42) !important;

  border: 1px solid var(--pt-border, rgba(255, 255, 255, 0.1)) !important;
  border-radius: var(--pt-radius, 18px) !important;

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}


/* Levý sloupec */
html body #colorbox .cookiesSetting__item__col1 {
  min-width: 0 !important;
}


/* Pravý sloupec */
html body #colorbox .cookiesSetting__item__col2 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  min-width: 130px !important;
}


/* Název cookies skupiny */
html body #colorbox .cookiesSetting__item__name {
  margin: 0 0 6px !important;

  color: var(--pt-text, #f4efe6) !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}


/* Tučný název */
html body #colorbox .cookiesSetting__item__name strong {
  color: var(--pt-gold-light, #e2bb6a) !important;
  font-weight: 850 !important;
}


/* Popisek */
html body #colorbox .cookiesSetting__item__text {
  color: var(--pt-text-muted, #b9b0a3) !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}


/* Label kolem checkboxu */
html body #colorbox .cookiesSetting__item__status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  cursor: pointer !important;
}


/* Schování default checkboxu, ale necháme funkčnost */
html body #colorbox .cookiesSetting__item__checkbox {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}


/* Stav Zapnout - jako přepínač/tlačítko */
html body #colorbox .cookiesSetting__item__state {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 104px !important;
  min-height: 40px !important;

  margin: 0 !important;
  padding: 0 18px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.035),
      rgba(255, 255, 255, 0.012)
    ),
    rgba(5, 5, 5, 0.76) !important;

  color: var(--pt-text, #f4efe6) !important;

  border: 1px solid var(--pt-border-gold-soft, rgba(200, 155, 69, 0.22)) !important;
  border-radius: var(--pt-radius-sm, 10px) !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  box-shadow: none !important;
  cursor: pointer !important;

  transition:
    background 0.18s ease,
    color 0.18s ease,
    border-color 0.18s ease,
    transform 0.18s ease !important;
}


/* Hover stavu */
html body #colorbox .cookiesSetting__item__status:hover .cookiesSetting__item__state {
  color: var(--pt-gold-light, #e2bb6a) !important;
  border-color: var(--pt-border-gold, rgba(200, 155, 69, 0.42)) !important;
}


/* Zaškrtnutý stav */
html body #colorbox .cookiesSetting__item__checkbox:checked + .cookiesSetting__item__state {
  background:
    linear-gradient(
      135deg,
      var(--pt-gold-light, #e2bb6a) 0%,
      var(--pt-gold, #c89b45) 52%,
      var(--pt-gold-dark, #8d6728) 100%
    ) !important;

  color: var(--pt-text-dark, #11100d) !important;

  border-color: var(--pt-gold, #c89b45) !important;

  box-shadow: var(--pt-shadow-gold, 0 14px 32px rgba(200, 155, 69, 0.16)) !important;
}


/* Spodní oblast tlačítek */
html body #colorbox .cookiesSetting__bottom {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;

  margin: 26px 0 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
}


/* Wrapper kolem vypnout */
html body #colorbox .cookiesSetting__uncheck {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* Všechna tlačítka dole */
html body #colorbox .cookiesSetting__button,
html body #colorbox .cookiesSetting__uncheckLink,
html body #colorbox .js-cookiesConsentSubmit,
html body #colorbox button[data-testid="buttonCookiesTurnOff"],
html body #colorbox button[data-testid="cookiesConfirmSelection"],
html body #colorbox button[data-testid="buttonCookiesEnableAll"] {
  appearance: none !important;
  -webkit-appearance: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 46px !important;

  margin: 0 !important;
  padding: 0 20px !important;

  border-radius: var(--pt-radius-sm, 10px) !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  cursor: pointer !important;
  box-shadow: none !important;

  transition:
    transform 0.18s ease,
    background 0.18s ease,
    color 0.18s ease,
    border-color 0.18s ease,
    filter 0.18s ease !important;
}


/* Vše vypnout - sekundární tmavé */
html body #colorbox .cookiesSetting__uncheckLink,
html body #colorbox button[data-testid="buttonCookiesTurnOff"] {
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.035),
      rgba(255, 255, 255, 0.012)
    ),
    rgba(5, 5, 5, 0.76) !important;

  color: var(--pt-text-muted, #b9b0a3) !important;

  border: 1px solid var(--pt-border, rgba(255, 255, 255, 0.1)) !important;
}


/* Potvrdit moje volby - zlatý outline */
html body #colorbox button[data-testid="cookiesConfirmSelection"],
html body #colorbox .cookiesSetting__button[value="selection"] {
  background: rgba(200, 155, 69, 0.04) !important;

  color: var(--pt-gold-light, #e2bb6a) !important;

  border: 1px solid rgba(200, 155, 69, 0.55) !important;
}


/* Povolit vše - hlavní zlaté tlačítko */
html body #colorbox button[data-testid="buttonCookiesEnableAll"],
html body #colorbox .cookiesSetting__button--green,
html body #colorbox .cookiesSetting__button[value="all"] {
  background:
    linear-gradient(
      135deg,
      var(--pt-gold-light, #e2bb6a) 0%,
      var(--pt-gold, #c89b45) 52%,
      var(--pt-gold-dark, #8d6728) 100%
    ) !important;

  color: var(--pt-text-dark, #11100d) !important;

  border: 1px solid var(--pt-gold, #c89b45) !important;

  box-shadow: var(--pt-shadow-gold, 0 14px 32px rgba(200, 155, 69, 0.16)) !important;
}


/* Hover všech tlačítek */
html body #colorbox .cookiesSetting__button:hover,
html body #colorbox .cookiesSetting__uncheckLink:hover,
html body #colorbox .js-cookiesConsentSubmit:hover {
  transform: translateY(-1px) !important;
}


/* Hover vypnout */
html body #colorbox .cookiesSetting__uncheckLink:hover,
html body #colorbox button[data-testid="buttonCookiesTurnOff"]:hover {
  color: var(--pt-text, #f4efe6) !important;
  border-color: var(--pt-border-gold-soft, rgba(200, 155, 69, 0.22)) !important;
}


/* Hover potvrdit */
html body #colorbox button[data-testid="cookiesConfirmSelection"]:hover,
html body #colorbox .cookiesSetting__button[value="selection"]:hover {
  background: rgba(200, 155, 69, 0.12) !important;
  color: var(--pt-text, #f4efe6) !important;
  border-color: rgba(226, 187, 106, 0.85) !important;
}


/* Hover povolit vše */
html body #colorbox button[data-testid="buttonCookiesEnableAll"]:hover,
html body #colorbox .cookiesSetting__button--green:hover,
html body #colorbox .cookiesSetting__button[value="all"]:hover {
  filter: brightness(1.05) !important;
}


/* Zavřít tlačítko colorboxu */
html body #colorbox #cboxClose {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;

  width: 38px !important;
  height: 38px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.045),
      rgba(255, 255, 255, 0.012)
    ),
    rgba(5, 5, 5, 0.76) !important;

  color: transparent !important;

  border: 1px solid var(--pt-border-gold-soft, rgba(200, 155, 69, 0.22)) !important;
  border-radius: 50% !important;

  box-shadow: none !important;

  cursor: pointer !important;
}


/* Křížek */
html body #colorbox #cboxClose::before,
html body #colorbox #cboxClose::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;

  width: 16px !important;
  height: 2px !important;

  background: var(--pt-gold-light, #e2bb6a) !important;
  border-radius: 999px !important;

  transform-origin: center !important;
}


html body #colorbox #cboxClose::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}


html body #colorbox #cboxClose::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}


/* Hover zavřít */
html body #colorbox #cboxClose:hover {
  border-color: rgba(226, 187, 106, 0.85) !important;
}


/* Focus stav */
html body #colorbox button:focus-visible,
html body #colorbox input:focus-visible,
html body #colorbox label:focus-visible {
  outline: 3px solid var(--pt-gold-outline, rgba(226, 187, 106, 0.32)) !important;
  outline-offset: 3px !important;
}


/* Mobil */
@media (max-width: 760px) {
  html body #colorbox,
  html body #colorbox.shoptet-modal-md {
    left: 14px !important;
    right: 14px !important;
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
  }

  html body #colorbox #cboxWrapper,
  html body #colorbox #cboxContent,
  html body #colorbox #cboxLoadedContent {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body #colorbox .cookiesSetting__form {
    padding: 26px 20px !important;
    border-radius: 22px !important;
  }

  html body #colorbox .cookiesSetting__item {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 16px !important;
  }

  html body #colorbox .cookiesSetting__item__col2 {
    justify-content: flex-start !important;
    min-width: 0 !important;
  }

  html body #colorbox .cookiesSetting__bottom {
    justify-content: stretch !important;
  }

  html body #colorbox .cookiesSetting__button,
  html body #colorbox .cookiesSetting__uncheckLink,
  html body #colorbox .js-cookiesConsentSubmit {
    width: 100% !important;
  }

  html body #colorbox .cookiesSetting__title {
    padding-right: 44px !important;
    font-size: 31px !important;
  }
}
/* ======================================================
   COOKIES MODAL - FIX toggle tlačítek a hoverů
   ====================================================== */


/* Pravý sloupec s přepínačem */
html body #colorbox .cookiesSetting__item__col2 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 170px !important;
}


/* Obal přepínače */
html body #colorbox .cookiesSetting__item__status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}


/* Skutečný checkbox schovat natvrdo */
html body #colorbox .cookiesSetting__item__checkbox {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
}


/* Tlačítko "Zapnout" */
html body #colorbox .cookiesSetting__item__state {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  min-width: 138px !important;
  min-height: 52px !important;

  margin: 0 !important;
  padding: 0 20px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.03),
      rgba(255, 255, 255, 0.01)
    ),
    rgba(5, 5, 5, 0.82) !important;

  color: var(--pt-text, #f4efe6) !important;

  border: 1px solid rgba(200, 155, 69, 0.28) !important;
  border-radius: 14px !important;

  box-shadow: none !important;
  outline: none !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;

  cursor: pointer !important;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    border-color 0.18s ease,
    transform 0.18s ease !important;
}


/* Vlastní ikonka vlevo */
html body #colorbox .cookiesSetting__item__state::before {
  content: "" !important;

  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;

  border-radius: 5px !important;
  border: 1px solid rgba(226, 187, 106, 0.5) !important;
  background: rgba(255, 255, 255, 0.02) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
}


/* Hover - žádné bílé pozadí */
html body #colorbox .cookiesSetting__item__status:hover,
html body #colorbox .cookiesSetting__item__status:focus,
html body #colorbox .cookiesSetting__item__status:active,
html body #colorbox .cookiesSetting__item__state:hover,
html body #colorbox .cookiesSetting__item__state:focus,
html body #colorbox .cookiesSetting__item__state:active {
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}


/* Hover samotného tlačítka */
html body #colorbox .cookiesSetting__item__status:hover .cookiesSetting__item__state {
  color: var(--pt-gold-light, #e2bb6a) !important;
  border-color: rgba(226, 187, 106, 0.55) !important;
  transform: translateY(-1px) !important;
}


/* Zapnutý stav */
html body #colorbox .cookiesSetting__item__checkbox:checked + .cookiesSetting__item__state {
  background:
    linear-gradient(
      135deg,
      var(--pt-gold-light, #e2bb6a) 0%,
      var(--pt-gold, #c89b45) 52%,
      var(--pt-gold-dark, #8d6728) 100%
    ) !important;

  color: var(--pt-text-dark, #11100d) !important;
  border-color: var(--pt-gold, #c89b45) !important;
  box-shadow: 0 12px 28px rgba(200, 155, 69, 0.18) !important;
}


/* Ikonka při zapnutí */
html body #colorbox .cookiesSetting__item__checkbox:checked + .cookiesSetting__item__state::before {
  background: var(--pt-text-dark, #11100d) !important;
  border-color: var(--pt-text-dark, #11100d) !important;
  box-shadow: inset 0 0 0 4px var(--pt-gold-light, #e2bb6a) !important;
}


/* Zabránění bílému focus borderu z browseru */
html body #colorbox .cookiesSetting__item__state,
html body #colorbox .cookiesSetting__button,
html body #colorbox .cookiesSetting__uncheckLink,
html body #colorbox button {
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
}


/* Tlačítka dole - bez bílých okrajů */
html body #colorbox .cookiesSetting__button,
html body #colorbox .cookiesSetting__uncheckLink,
html body #colorbox button[data-testid="buttonCookiesTurnOff"],
html body #colorbox button[data-testid="cookiesConfirmSelection"],
html body #colorbox button[data-testid="buttonCookiesEnableAll"] {
  border-width: 1px !important;
  border-style: solid !important;
  box-shadow: none !important;
}


/* Vše vypnout */
html body #colorbox .cookiesSetting__uncheckLink,
html body #colorbox button[data-testid="buttonCookiesTurnOff"] {
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.03),
      rgba(255, 255, 255, 0.01)
    ),
    rgba(5, 5, 5, 0.82) !important;

  color: var(--pt-text, #f4efe6) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}


/* Potvrdit moje volby */
html body #colorbox button[data-testid="cookiesConfirmSelection"],
html body #colorbox .cookiesSetting__button[value="selection"] {
  background: rgba(200, 155, 69, 0.04) !important;
  color: var(--pt-gold-light, #e2bb6a) !important;
  border-color: rgba(200, 155, 69, 0.45) !important;
}


/* Povolit vše */
html body #colorbox button[data-testid="buttonCookiesEnableAll"],
html body #colorbox .cookiesSetting__button--green,
html body #colorbox .cookiesSetting__button[value="all"] {
  background:
    linear-gradient(
      135deg,
      var(--pt-gold-light, #e2bb6a) 0%,
      var(--pt-gold, #c89b45) 52%,
      var(--pt-gold-dark, #8d6728) 100%
    ) !important;

  color: var(--pt-text-dark, #11100d) !important;
  border-color: var(--pt-gold, #c89b45) !important;
}


/* Hover spodních tlačítek - bez bílé */
html body #colorbox .cookiesSetting__button:hover,
html body #colorbox .cookiesSetting__uncheckLink:hover,
html body #colorbox button:hover {
  box-shadow: none !important;
  outline: none !important;
}

html body #colorbox .cookiesSetting__uncheckLink:hover,
html body #colorbox button[data-testid="buttonCookiesTurnOff"]:hover {
  background: rgba(255,255,255,0.04) !important;
  color: var(--pt-text, #f4efe6) !important;
  border-color: rgba(200, 155, 69, 0.28) !important;
}

html body #colorbox button[data-testid="cookiesConfirmSelection"]:hover,
html body #colorbox .cookiesSetting__button[value="selection"]:hover {
  background: rgba(200, 155, 69, 0.12) !important;
  color: var(--pt-text, #f4efe6) !important;
  border-color: rgba(226, 187, 106, 0.8) !important;
}

html body #colorbox button[data-testid="buttonCookiesEnableAll"]:hover,
html body #colorbox .cookiesSetting__button--green:hover {
  filter: brightness(1.04) !important;
}


/* Mobil */
@media (max-width: 760px) {
  html body #colorbox .cookiesSetting__item__col2 {
    justify-content: flex-start !important;
    min-width: 0 !important;
  }

  html body #colorbox .cookiesSetting__item__state {
    min-width: 130px !important;
    min-height: 48px !important;
    padding: 0 18px !important;
  }
}
/* ======================================================
   COOKIES / COLORBOX - loading stav bez bílé plochy
   ====================================================== */

/* Loading overlay uvnitř modalu */
html body #colorbox #cboxLoadingOverlay {
  background:
    radial-gradient(
      circle at 50% 50%,
      rgba(200, 155, 69, 0.10),
      transparent 42%
    ),
    rgba(5, 5, 5, 0.92) !important;

  opacity: 1 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Původní bílé kolečko / obrázek schovat */
html body #colorbox #cboxLoadingGraphic {
  background: none !important;
  background-image: none !important;

  width: 48px !important;
  height: 48px !important;

  left: 50% !important;
  top: 50% !important;

  margin-left: -24px !important;
  margin-top: -24px !important;

  border: 0 !important;
  box-shadow: none !important;
}

/* Vlastní zlatý loader */
html body #colorbox #cboxLoadingGraphic::before {
  content: "" !important;

  display: block !important;

  width: 44px !important;
  height: 44px !important;

  border-radius: 50% !important;

  border: 3px solid rgba(226, 187, 106, 0.18) !important;
  border-top-color: var(--pt-gold-light, #e2bb6a) !important;

  animation: pt-cookie-loader-spin 0.8s linear infinite !important;
}

/* Animace loaderu */
@keyframes pt-cookie-loader-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* Pojistka proti bílé ploše v celé Colorbox vrstvě */
html body #colorbox,
html body #colorbox #cboxWrapper,
html body #colorbox #cboxContent,
html body #colorbox #cboxLoadedContent {
  background-color: transparent !important;
}