/* ==========================================================================
   UNIGARDIA.cz – sjednocení černé barvy na #2E2A27
   --------------------------------------------------------------------------
   Přepisuje čistou černou (#000) a téměř černou (#111, #131313, #1f1f1f,
   #11111f, #252525) ze šablony Shoptet, doplňků a vlastních CSS souborů.
   Průhledné černé (stíny, překryvy) a tmavě šedé (#333) zůstávají beze změny.
   Barvu lze změnit na jednom místě – v proměnné --ug-black níže.
   ========================================================================== */

html:root {
  --ug-black: #2E2A27;

  /* proměnné šablony Shoptet (texty, nadpisy, tooltipy, překryv lightboxu) */
  --colors-foregrounds-headlines-primary: var(--ug-black);
  --colors-foregrounds-content-primary: var(--ug-black);
  --colors-foregrounds-content-primary-dark: var(--ug-black);
  --colors-surface-black: var(--ug-black);
  --tooltip-bubble-background: var(--ug-black);
  --cookies-notice-color: var(--ug-black);

  /* vlastní blok častých dotazů (FAQ) */
  --ugfaq-text: var(--ug-black);

  /* doplněk Header info bar */
  --header-info-bar-btn-text-color: var(--ug-black);
  --header-info-bar-btn-text-color-hover: var(--ug-black);
}

/* Texty a ikony v hlavičce (původně velmi tmavá modrá #1a1937).
   Pokud má hlavička zůstat tmavě modrá, tento blok smažte. */
html.header-background-light {
  --_color-header-text: var(--ug-black);
}

/* --- Šablona Shoptet: obecné prvky ---------------------------------------- */

html mark,
html .skip-link:focus,
html #cboxTitle {
  color: var(--ug-black);
}

html :where(.ums_forms_redesign--off) input[type="checkbox"],
html :where(.ums_forms_redesign--off) input[type="radio"],
html :where(.ums_forms_redesign--on) input[type="checkbox"],
html :where(.ums_forms_redesign--on) input[type="radio"] {
  color: var(--ug-black) !important;
}

html .tooltip-inner {
  background-color: var(--ug-black);
}

html .tooltip.top .tooltip-arrow,
html .tooltip.top-left .tooltip-arrow,
html .tooltip.top-right .tooltip-arrow {
  border-top-color: var(--ug-black);
}

html .tooltip.right .tooltip-arrow {
  border-right-color: var(--ug-black);
}

html .tooltip.left .tooltip-arrow {
  border-left-color: var(--ug-black);
}

html .tooltip.bottom .tooltip-arrow,
html .tooltip.bottom-left .tooltip-arrow,
html .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: var(--ug-black);
}

html .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: var(--ug-black);
}

html #cboxLoadingGraphic::before {
  border-left-color: var(--ug-black);
}

/* --- Šablona Shoptet: cookie lišta / nastavení cookies -------------------- */

html .cookiesSetting__title,
html .cookiesSetting__perex,
html .cookiesSetting__item__name,
html .cookiesSetting__item__text,
html .cookiesSetting__item__status:hover {
  color: var(--ug-black);
}

html .cookiesSetting__uncheckLink {
  color: var(--ug-black);
  border-color: var(--ug-black);
}

html .cookiesSetting__button,
html .cookiesSetting__button:hover {
  background-color: var(--ug-black);
}

/* --- Vlastní CSS (drobneupravy.css): patička, horní lišta, vyhledávání ---- */

html .footer-bottom,
html .footer-bottom a,
html .footer-bottom span,
html .top-navigation-bar,
html .top-navigation-bar a {
  color: var(--ug-black) !important;
}

html body #header input[type="search"].query-input.form-control.search-input.js-search-input:hover,
html body #header input[type="search"].query-input.form-control.search-input.js-search-input:focus,
html body #header input[type="search"].query-input.form-control.search-input.js-search-input:focus-visible {
  border-color: var(--ug-black) !important;
}

/* --- Vlastní CSS (pismo.css, upravylupy.css): bannery výhod, řazení ------- */

html .benefitBanner,
html .benefitBanner *,
html .benefitBanner.position--benefitHomepage::before,
html .benefitBanner.position--benefitProduct::before,
html .benefitBanner.position--benefitCategory::before,
html .benefitBanner a,
html .benefitBanner a:visited,
html .benefitBanner a:hover,
html .benefitBanner a:active,
html .benefitBanner a:focus,
html .unit-value {
  color: var(--ug-black) !important;
}

html .listSorting__control,
html .sortingToggle {
  color: var(--ug-black);
}

/* --- Vlastní blok recenzí Heureka (stránka O nás) ------------------------- */

html #ugHeurekaTestimonials .ug-heureka-link a,
html #ugHeurekaTestimonials .ug-date,
html #ugHeurekaTestimonials .ug-text,
html #ugHeurekaTestimonials .ug-author {
  color: var(--ug-black);
}

html #ugHeurekaTestimonials .ug-line {
  background-color: var(--ug-black);
}

/* --- Černý text nastavený přímo v editoru (popisy produktů, články) ------- */

html [style^="color: #000000" i],
html [style*="; color: #000000" i],
html [style^="color:#000000" i],
html [style*=";color:#000000" i],
html [style^="color: #000;" i],
html [style*="; color: #000;" i],
html [style^="color: black" i],
html [style*="; color: black" i],
html [style^="color: rgb(0, 0, 0)" i],
html [style*="; color: rgb(0, 0, 0)" i] {
  color: var(--ug-black) !important;
}

/* --- Video banner ---------------------------------------------------------- */

html .ug-video-banner,
html .ug-video-banner .ug-video-banner__placeholder {
  background-color: var(--ug-black) !important;
}

/* --- Foxentry (našeptávač adres) ------------------------------------------ */

html .foxentry-message.is-geo .foxentry-message__txt,
html .foxentry-pop__content,
html .foxentry-pop__btn,
html .foxentry-pop__item b,
html .foxentry-pop__history,
html .foxentry-autocomplete__scroll {
  color: var(--ug-black);
}