@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* =====================================================
   ZÁKLAD
===================================================== */

html body {
  font-family: 'Roboto', Arial, sans-serif !important;
  font-size: 14px !important;
  color: #515151 !important;
  background-color: #ffffff !important;
  margin: 0 !important;
  padding: 2px 0 0 0 !important;
  letter-spacing: 0.4px !important;
}

html h1 {
  font-size: 30px !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
  color: #F98E04 !important;
}

html h2,
html h3,
html h4 {
  color: #515151 !important;
}

/* =====================================================
   ZÁHLAVÍ
===================================================== */

html header,
html .header,
html #header,
html .top,
html .top-bar,
html .header-top,
html .navbar,
html .navbar-header {
  padding-top: 30px !important;
}

html header .container,
html .header .container,
html #header .container,
html .top .container,
html .top-bar .container,
html .header-top .container,
html .navbar .container,
html .navbar-header .container {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

/* =====================================================
   ODKAZY
===================================================== */

html a,
html a:hover,
html a:focus,
html a:active,
html a:visited {
  color: #F98E04 !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* =====================================================
   RESET RÁMEČKŮ PO KLIKNUTÍ
===================================================== */

html *:focus,
html *:active,
html *:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

html a,
html button,
html input,
html select,
html textarea,
html label,
html img {
  -webkit-tap-highlight-color: transparent !important;
}

html a img,
html a:hover img,
html a:focus img,
html a:active img {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

html a::-moz-focus-inner,
html button::-moz-focus-inner,
html input::-moz-focus-inner {
  border: 0 !important;
  outline: none !important;
}

/* =====================================================
   LOGO
===================================================== */

html .navbar-brand,
html .navbar-brand:hover,
html .navbar-brand:focus,
html .navbar-brand:active,
html .navbar-brand img,
html .navbar-brand img:hover,
html .navbar-brand img:focus,
html .navbar-brand img:active,
html [class*="logo"],
html [class*="logo"]:hover,
html [class*="logo"]:focus,
html [class*="logo"]:active,
html [class*="logo"] img,
html [class*="logo"] img:hover,
html [class*="logo"] img:focus,
html [class*="logo"] img:active {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* =====================================================
   HLAVNÍ MENU
===================================================== */

html .navbar {
  background-color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

html .navbar-nav {
  background-color: #ffffff !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 24px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow-x: auto !important;
}

html .navbar-nav::-webkit-scrollbar {
  display: none !important;
}

html .navbar-nav > li {
  background-color: transparent !important;
  flex: 0 0 auto !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

html .navbar-nav > li > a {
  position: relative !important;
  background-color: transparent !important;
  color: #515151 !important;
  font-weight: 500 !important;
  padding: 16px 10px !important;
  white-space: nowrap !important;
  text-shadow: none !important;
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

html .navbar-nav > li > a:hover,
html .navbar-nav > li > a:focus,
html .navbar-nav > li > a:active,
html .navbar-nav > li.active > a,
html .navbar-nav > li.active > a:hover,
html .navbar-nav > li.active > a:focus,
html .navbar-nav > li.active > a:active {
  background-color: transparent !important;
  color: #515151 !important;
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

html .navbar-nav > li > a::after {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 6px !important;
  height: 2px !important;
  background: #F98E04 !important;
  opacity: 0 !important;
}

html .navbar-nav > li > a:hover::after,
html .navbar-nav > li.active > a::after {
  opacity: 1 !important;
}

/* =====================================================
   DROPDOWN MENU
===================================================== */

html .dropdown-menu {
  background-color: #ffffff !important;
  border: 1px solid #dcdcdc !important;
  box-shadow: none !important;
}

html .dropdown-menu > li > a {
  color: #F98E04 !important;
  background-color: #ffffff !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

html .dropdown-menu > li > a:hover,
html .dropdown-menu > li > a:focus,
html .dropdown-menu > li > a:active {
  color: #F98E04 !important;
  background-color: #F5F5F5 !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

html .dropdown-menu > .active > a,
html .dropdown-menu > .active > a:hover,
html .dropdown-menu > .active > a:focus,
html .dropdown-menu > .active > a:active,
html .dropdown-menu > li.active > a,
html .dropdown-menu > li.active > a:hover,
html .dropdown-menu > li.active > a:focus,
html .dropdown-menu > li.active > a:active {
  color: #F98E04 !important;
  background-color: #E8EDF2 !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* =====================================================
   SEARCH + LUPA
===================================================== */

html .input-group {
  position: relative !important;
}

html .input-group #searchfield {
  border: 2px solid #F98E04 !important;
  border-radius: 999px !important;
  height: 44px !important;
  line-height: 44px !important;
  padding: 0 54px 0 18px !important;
  background: #ffffff !important;
  color: #515151 !important;
  box-shadow: none !important;
  outline: none !important;
}

html .input-group #searchfield:hover,
html .input-group #searchfield:focus,
html .input-group #searchfield:active {
  border: 2px solid #F98E04 !important;
  box-shadow: none !important;
  outline: none !important;
}

html .input-group #searchfield ~ .input-group-btn {
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;
  width: auto !important;
  display: block !important;
}

html .input-group #searchfield ~ .input-group-btn .btn {
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background-color: #ffffff !important;
  border: 1px solid #F98E04 !important;
  color: #F98E04 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  outline: none !important;
}

html .input-group #searchfield ~ .input-group-btn .btn:hover,
html .input-group #searchfield ~ .input-group-btn .btn:focus,
html .input-group #searchfield ~ .input-group-btn .btn:active {
  background-color: #ffffff !important;
  border: 1px solid #F98E04 !important;
  color: #F98E04 !important;
  box-shadow: none !important;
  outline: none !important;
}

html .input-group #searchfield ~ .input-group-btn .glyphicon.glyphicon-search {
  font-size: 16px !important;
  line-height: 1 !important;
  color: #F98E04 !important;
}

/* =====================================================
   BUTTONY – ZÁKLAD
===================================================== */

html .btn,
html a.btn,
html button.btn,
html input.btn {
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Oranžové buttony */

html .btn-default,
html .btn-success,
html .btn-primary,
html .btn-warning,
html a.btn-default,
html a.btn-success,
html a.btn-primary,
html a.btn-warning,
html button.btn-default,
html button.btn-success,
html button.btn-primary,
html button.btn-warning,
html input.btn-default,
html input.btn-success,
html input.btn-primary,
html input.btn-warning {
  background-color: #F98E04 !important;
  border-color: #F98E04 !important;
  color: #ffffff !important;
}

/* Oranžové buttony – hover / focus / active */

html .btn-default:hover,
html .btn-default:focus,
html .btn-default:active,
html .btn-success:hover,
html .btn-success:focus,
html .btn-success:active,
html .btn-primary:hover,
html .btn-primary:focus,
html .btn-primary:active,
html .btn-warning:hover,
html .btn-warning:focus,
html .btn-warning:active,
html a.btn-default:hover,
html a.btn-default:focus,
html a.btn-default:active,
html a.btn-success:hover,
html a.btn-success:focus,
html a.btn-success:active,
html a.btn-primary:hover,
html a.btn-primary:focus,
html a.btn-primary:active,
html a.btn-warning:hover,
html a.btn-warning:focus,
html a.btn-warning:active,
html button.btn-default:hover,
html button.btn-default:focus,
html button.btn-default:active,
html button.btn-success:hover,
html button.btn-success:focus,
html button.btn-success:active,
html button.btn-primary:hover,
html button.btn-primary:focus,
html button.btn-primary:active,
html button.btn-warning:hover,
html button.btn-warning:focus,
html button.btn-warning:active,
html input.btn-default:hover,
html input.btn-default:focus,
html input.btn-default:active,
html input.btn-success:hover,
html input.btn-success:focus,
html input.btn-success:active,
html input.btn-primary:hover,
html input.btn-primary:focus,
html input.btn-primary:active,
html input.btn-warning:hover,
html input.btn-warning:focus,
html input.btn-warning:active {
  background-color: #F98E04 !important;
  border-color: #F98E04 !important;
  color: #ffffff !important;
}

/* Všechno uvnitř oranžových buttonů bíle */

html .btn-default *,
html .btn-success *,
html .btn-primary *,
html .btn-warning *,
html a.btn-default *,
html a.btn-success *,
html a.btn-primary *,
html a.btn-warning *,
html button.btn-default *,
html button.btn-success *,
html button.btn-primary *,
html button.btn-warning * {
  color: #ffffff !important;
}

/* Přímé přepsání odkazových buttonů, aby je nepřebil obecný styl pro a */

html a.btn,
html a.btn:hover,
html a.btn:focus,
html a.btn:active,
html a.btn:visited,
html a.btn-default,
html a.btn-default:hover,
html a.btn-default:focus,
html a.btn-default:active,
html a.btn-default:visited,
html a.btn-success,
html a.btn-success:hover,
html a.btn-success:focus,
html a.btn-success:active,
html a.btn-success:visited,
html a.btn-primary,
html a.btn-primary:hover,
html a.btn-primary:focus,
html a.btn-primary:active,
html a.btn-primary:visited,
html a.btn-warning,
html a.btn-warning:hover,
html a.btn-warning:focus,
html a.btn-warning:active,
html a.btn-warning:visited {
  background-color: #F98E04 !important;
  border-color: #F98E04 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* =====================================================
   PŘIHLÁŠENÍ / ÚČET BUTTON
===================================================== */

html .btn-warning,
html a.btn-warning,
html .login,
html .btn-login,
html .prihlaseni,
html .user-login,
html .header-login,
html .top-login {
  margin-top: 30px !important;
}

html .dropdown-toggle.btn-warning,
html a.dropdown-toggle.btn-warning,
html .open > .dropdown-toggle.btn-warning,
html .open > a.dropdown-toggle.btn-warning {
  background-color: #F98E04 !important;
  border-color: #F98E04 !important;
  color: #ffffff !important;
}

html .dropdown-toggle.btn-warning:hover,
html .dropdown-toggle.btn-warning:focus,
html .dropdown-toggle.btn-warning:active,
html a.dropdown-toggle.btn-warning:hover,
html a.dropdown-toggle.btn-warning:focus,
html a.dropdown-toggle.btn-warning:active,
html .open > .dropdown-toggle.btn-warning,
html .open > .dropdown-toggle.btn-warning:hover,
html .open > .dropdown-toggle.btn-warning:focus,
html .open > .dropdown-toggle.btn-warning:active,
html .open > a.dropdown-toggle.btn-warning,
html .open > a.dropdown-toggle.btn-warning:hover,
html .open > a.dropdown-toggle.btn-warning:focus,
html .open > a.dropdown-toggle.btn-warning:active {
  background-color: #F98E04 !important;
  border-color: #F98E04 !important;
  color: #ffffff !important;
}

html .dropdown-toggle.btn-warning *,
html a.dropdown-toggle.btn-warning *,
html .open > .dropdown-toggle.btn-warning *,
html .open > a.dropdown-toggle.btn-warning * {
  color: #ffffff !important;
}

/* =====================================================
   LEFT MENU
===================================================== */

html #left-menu > .list-group-item,
html #left-menu > .list-group-item:hover,
html #left-menu > .list-group-item:focus,
html #left-menu > .list-group-item:active {
  outline: none !important;
  box-shadow: none !important;
}

html #left-menu > .list-group-item.active,
html #left-menu > .list-group-item.active:focus,
html #left-menu > .list-group-item.active:hover,
html #left-menu > .list-group-item.active:active {
  background-color: #F98E04 !important;
  color: #ffffff !important;
  padding-left: 10px !important;
  outline: none !important;
  box-shadow: none !important;
}

/* =====================================================
   KOŠÍK / OBJEDNÁVKA – AKTIVNÍ KROK
===================================================== */

html .checkout-steps .active,
html .checkout-steps .active a,
html .checkout-steps li.active,
html .checkout-steps li.active a,
html .steps .active,
html .steps .active a,
html .steps li.active,
html .steps li.active a,
html .order-steps .active,
html .order-steps .active a,
html .order-steps li.active,
html .order-steps li.active a,
html .cart-steps .active,
html .cart-steps .active a,
html .cart-steps li.active,
html .cart-steps li.active a,
html .wizard .active,
html .wizard .active a,
html .wizard li.active,
html .wizard li.active a,
html .nav-pills > li.active > a,
html .nav-pills > li.active > a:hover,
html .nav-pills > li.active > a:focus,
html .nav-pills > li.active > a:active,
html .nav-tabs > li.active > a,
html .nav-tabs > li.active > a:hover,
html .nav-tabs > li.active > a:focus,
html .nav-tabs > li.active > a:active,
html [class*="step"] .active,
html [class*="step"] .active a,
html [class*="checkout"] .active,
html [class*="checkout"] .active a,
html [class*="cart"] .active,
html [class*="cart"] .active a,
html [class*="order"] .active,
html [class*="order"] .active a {
  background-color: #E8EDF2 !important;
  border-color: #D6DEE5 !important;
  color: #515151 !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

html .checkout-steps .active:hover,
html .checkout-steps .active:focus,
html .checkout-steps .active:active,
html .checkout-steps .active a:hover,
html .checkout-steps .active a:focus,
html .checkout-steps .active a:active,
html .steps .active:hover,
html .steps .active:focus,
html .steps .active:active,
html .steps .active a:hover,
html .steps .active a:focus,
html .steps .active a:active,
html .order-steps .active:hover,
html .order-steps .active:focus,
html .order-steps .active:active,
html .order-steps .active a:hover,
html .order-steps .active a:focus,
html .order-steps .active a:active,
html .cart-steps .active:hover,
html .cart-steps .active:focus,
html .cart-steps .active:active,
html .cart-steps .active a:hover,
html .cart-steps .active a:focus,
html .cart-steps .active a:active,
html .wizard .active:hover,
html .wizard .active:focus,
html .wizard .active:active,
html .wizard .active a:hover,
html .wizard .active a:focus,
html .wizard .active a:active,
html [class*="step"] .active:hover,
html [class*="step"] .active:focus,
html [class*="step"] .active:active,
html [class*="step"] .active a:hover,
html [class*="step"] .active a:focus,
html [class*="step"] .active a:active,
html [class*="checkout"] .active:hover,
html [class*="checkout"] .active:focus,
html [class*="checkout"] .active:active,
html [class*="checkout"] .active a:hover,
html [class*="checkout"] .active a:focus,
html [class*="checkout"] .active a:active,
html [class*="cart"] .active:hover,
html [class*="cart"] .active:focus,
html [class*="cart"] .active:active,
html [class*="cart"] .active a:hover,
html [class*="cart"] .active a:focus,
html [class*="cart"] .active a:active,
html [class*="order"] .active:hover,
html [class*="order"] .active:focus,
html [class*="order"] .active:active,
html [class*="order"] .active a:hover,
html [class*="order"] .active a:focus,
html [class*="order"] .active a:active {
  background-color: #E8EDF2 !important;
  border-color: #D6DEE5 !important;
  color: #515151 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* =====================================================
   DESTRUKTIVNÍ AKCE – odstranit / smazat / odebrat
   Pro odstranění z košíku, mazání položek apod.
===================================================== */

html .btn-danger,
html a.btn-danger,
html button.btn-danger,
html input.btn-danger,
html .btn-remove,
html a.btn-remove,
html button.btn-remove,
html input.btn-remove,
html .btn-delete,
html a.btn-delete,
html button.btn-delete,
html input.btn-delete,
html .remove,
html a.remove,
html button.remove,
html input.remove,
html .delete,
html a.delete,
html button.delete,
html input.delete,
html a[href*="delete"],
html a[href*="remove"],
html a[href*="odstranit"],
html a[href*="smazat"],
html a[href*="odebrat"],
html button[name*="delete"],
html button[name*="remove"],
html button[name*="odstranit"],
html button[name*="smazat"],
html button[name*="odebrat"],
html input[name*="delete"],
html input[name*="remove"],
html input[name*="odstranit"],
html input[name*="smazat"],
html input[name*="odebrat"],
html a[title*="Odstranit"],
html a[title*="Smazat"],
html a[title*="Odebrat"],
html button[title*="Odstranit"],
html button[title*="Smazat"],
html button[title*="Odebrat"],
html input[title*="Odstranit"],
html input[title*="Smazat"],
html input[title*="Odebrat"],
html .btn:has(.glyphicon-trash),
html .btn:has(.glyphicon-remove),
html .btn:has(.glyphicon-remove-circle),
html .btn:has(.fa-trash),
html .btn:has(.fa-remove),
html .btn:has(.fa-times) {
  margin-top: 5px !important;
  background-color: #C94A3D !important;
  border-color: #C94A3D !important;
  color: #ffffff !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

html .btn-danger:hover,
html .btn-danger:focus,
html .btn-danger:active,
html a.btn-danger:hover,
html a.btn-danger:focus,
html a.btn-danger:active,
html button.btn-danger:hover,
html button.btn-danger:focus,
html button.btn-danger:active,
html input.btn-danger:hover,
html input.btn-danger:focus,
html input.btn-danger:active,
html .btn-remove:hover,
html .btn-remove:focus,
html .btn-remove:active,
html a.btn-remove:hover,
html a.btn-remove:focus,
html a.btn-remove:active,
html button.btn-remove:hover,
html button.btn-remove:focus,
html button.btn-remove:active,
html input.btn-remove:hover,
html input.btn-remove:focus,
html input.btn-remove:active,
html .btn-delete:hover,
html .btn-delete:focus,
html .btn-delete:active,
html a.btn-delete:hover,
html a.btn-delete:focus,
html a.btn-delete:active,
html button.btn-delete:hover,
html button.btn-delete:focus,
html button.btn-delete:active,
html input.btn-delete:hover,
html input.btn-delete:focus,
html input.btn-delete:active,
html .remove:hover,
html .remove:focus,
html .remove:active,
html a.remove:hover,
html a.remove:focus,
html a.remove:active,
html button.remove:hover,
html button.remove:focus,
html button.remove:active,
html input.remove:hover,
html input.remove:focus,
html input.remove:active,
html .delete:hover,
html .delete:focus,
html .delete:active,
html a.delete:hover,
html a.delete:focus,
html a.delete:active,
html button.delete:hover,
html button.delete:focus,
html button.delete:active,
html input.delete:hover,
html input.delete:focus,
html input.delete:active,
html a[href*="delete"]:hover,
html a[href*="delete"]:focus,
html a[href*="delete"]:active,
html a[href*="remove"]:hover,
html a[href*="remove"]:focus,
html a[href*="remove"]:active,
html a[href*="odstranit"]:hover,
html a[href*="odstranit"]:focus,
html a[href*="odstranit"]:active,
html a[href*="smazat"]:hover,
html a[href*="smazat"]:focus,
html a[href*="smazat"]:active,
html a[href*="odebrat"]:hover,
html a[href*="odebrat"]:focus,
html a[href*="odebrat"]:active,
html button[name*="delete"]:hover,
html button[name*="delete"]:focus,
html button[name*="delete"]:active,
html button[name*="remove"]:hover,
html button[name*="remove"]:focus,
html button[name*="remove"]:active,
html button[name*="odstranit"]:hover,
html button[name*="odstranit"]:focus,
html button[name*="odstranit"]:active,
html button[name*="smazat"]:hover,
html button[name*="smazat"]:focus,
html button[name*="smazat"]:active,
html button[name*="odebrat"]:hover,
html button[name*="odebrat"]:focus,
html button[name*="odebrat"]:active,
html input[name*="delete"]:hover,
html input[name*="delete"]:focus,
html input[name*="delete"]:active,
html input[name*="remove"]:hover,
html input[name*="remove"]:focus,
html input[name*="remove"]:active,
html input[name*="odstranit"]:hover,
html input[name*="odstranit"]:focus,
html input[name*="odstranit"]:active,
html input[name*="smazat"]:hover,
html input[name*="smazat"]:focus,
html input[name*="smazat"]:active,
html input[name*="odebrat"]:hover,
html input[name*="odebrat"]:focus,
html input[name*="odebrat"]:active,
html a[title*="Odstranit"]:hover,
html a[title*="Odstranit"]:focus,
html a[title*="Odstranit"]:active,
html a[title*="Smazat"]:hover,
html a[title*="Smazat"]:focus,
html a[title*="Smazat"]:active,
html a[title*="Odebrat"]:hover,
html a[title*="Odebrat"]:focus,
html a[title*="Odebrat"]:active,
html button[title*="Odstranit"]:hover,
html button[title*="Odstranit"]:focus,
html button[title*="Odstranit"]:active,
html button[title*="Smazat"]:hover,
html button[title*="Smazat"]:focus,
html button[title*="Smazat"]:active,
html button[title*="Odebrat"]:hover,
html button[title*="Odebrat"]:focus,
html button[title*="Odebrat"]:active,
html input[title*="Odstranit"]:hover,
html input[title*="Odstranit"]:focus,
html input[title*="Odstranit"]:active,
html input[title*="Smazat"]:hover,
html input[title*="Smazat"]:focus,
html input[title*="Smazat"]:active,
html input[title*="Odebrat"]:hover,
html input[title*="Odebrat"]:focus,
html input[title*="Odebrat"]:active,
html .btn:has(.glyphicon-trash):hover,
html .btn:has(.glyphicon-trash):focus,
html .btn:has(.glyphicon-trash):active,
html .btn:has(.glyphicon-remove):hover,
html .btn:has(.glyphicon-remove):focus,
html .btn:has(.glyphicon-remove):active,
html .btn:has(.glyphicon-remove-circle):hover,
html .btn:has(.glyphicon-remove-circle):focus,
html .btn:has(.glyphicon-remove-circle):active,
html .btn:has(.fa-trash):hover,
html .btn:has(.fa-trash):focus,
html .btn:has(.fa-trash):active,
html .btn:has(.fa-remove):hover,
html .btn:has(.fa-remove):focus,
html .btn:has(.fa-remove):active,
html .btn:has(.fa-times):hover,
html .btn:has(.fa-times):focus,
html .btn:has(.fa-times):active {
  margin-top: 5px !important;
  background-color: #A93C32 !important;
  border-color: #A93C32 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

html .btn-danger *,
html a.btn-danger *,
html button.btn-danger *,
html .btn-remove *,
html a.btn-remove *,
html button.btn-remove *,
html .btn-delete *,
html a.btn-delete *,
html button.btn-delete *,
html .remove *,
html a.remove *,
html button.remove *,
html .delete *,
html a.delete *,
html button.delete *,
html a[href*="delete"] *,
html a[href*="remove"] *,
html a[href*="odstranit"] *,
html a[href*="smazat"] *,
html a[href*="odebrat"] *,
html button[name*="delete"] *,
html button[name*="remove"] *,
html button[name*="odstranit"] *,
html button[name*="smazat"] *,
html button[name*="odebrat"] *,
html input[name*="delete"] *,
html input[name*="remove"] *,
html input[name*="odstranit"] *,
html input[name*="smazat"] *,
html input[name*="odebrat"] *,
html a[title*="Odstranit"] *,
html a[title*="Smazat"] *,
html a[title*="Odebrat"] *,
html button[title*="Odstranit"] *,
html button[title*="Smazat"] *,
html button[title*="Odebrat"] *,
html input[title*="Odstranit"] *,
html input[title*="Smazat"] *,
html input[title*="Odebrat"] *,
html .btn:has(.glyphicon-trash) *,
html .btn:has(.glyphicon-remove) *,
html .btn:has(.glyphicon-remove-circle) *,
html .btn:has(.fa-trash) *,
html .btn:has(.fa-remove) *,
html .btn:has(.fa-times) * {
  color: #ffffff !important;
}

/* =====================================================
   PRODUKTY – BEZ ČERNÝCH RÁMEČKŮ
===================================================== */

html .thumbnail,
html .thumbnail:hover,
html .thumbnail:focus,
html .thumbnail:active,
html a.thumbnail,
html a.thumbnail:hover,
html a.thumbnail:focus,
html a.thumbnail:active,
html a.thumbnail.active,
html .product,
html .product:hover,
html .product:focus,
html .product:active,
html .product-item,
html .product-item:hover,
html .product-item:focus,
html .product-item:active,
html .product-box,
html .product-box:hover,
html .product-box:focus,
html .product-box:active,
html .product-card,
html .product-card:hover,
html .product-card:focus,
html .product-card:active,
html [class*="product"],
html [class*="product"]:hover,
html [class*="product"]:focus,
html [class*="product"]:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

html .product a,
html .product a:hover,
html .product a:focus,
html .product a:active,
html .product-item a,
html .product-item a:hover,
html .product-item a:focus,
html .product-item a:active,
html .product-box a,
html .product-box a:hover,
html .product-box a:focus,
html .product-box a:active,
html .product-card a,
html .product-card a:hover,
html .product-card a:focus,
html .product-card a:active,
html [class*="product"] a,
html [class*="product"] a:hover,
html [class*="product"] a:focus,
html [class*="product"] a:active {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

html .product img,
html .product img:hover,
html .product img:focus,
html .product img:active,
html .product-item img,
html .product-item img:hover,
html .product-item img:focus,
html .product-item img:active,
html .product-box img,
html .product-box img:hover,
html .product-box img:focus,
html .product-box img:active,
html .product-card img,
html .product-card img:hover,
html .product-card img:focus,
html .product-card img:active,
html [class*="product"] img,
html [class*="product"] img:hover,
html [class*="product"] img:focus,
html [class*="product"] img:active {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

html .product h2,
html .product h2:hover,
html .product h2:focus,
html .product h2:active,
html .product h3,
html .product h3:hover,
html .product h3:focus,
html .product h3:active,
html .product-title,
html .product-title:hover,
html .product-title:focus,
html .product-title:active,
html .product-name,
html .product-name:hover,
html .product-name:focus,
html .product-name:active,
html [class*="product"] h2,
html [class*="product"] h2:hover,
html [class*="product"] h2:focus,
html [class*="product"] h2:active,
html [class*="product"] h3,
html [class*="product"] h3:hover,
html [class*="product"] h3:focus,
html [class*="product"] h3:active,
html [class*="product"] .name,
html [class*="product"] .name:hover,
html [class*="product"] .name:focus,
html [class*="product"] .name:active {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* =====================================================
   BANNERY / SLIDERY – BEZ ČERNÝCH RÁMEČKŮ
===================================================== */

html .banner,
html .banner:hover,
html .banner:focus,
html .banner:active,
html .banner a,
html .banner a:hover,
html .banner a:focus,
html .banner a:active,
html .banner img,
html .banner img:hover,
html .banner img:focus,
html .banner img:active,
html .slider,
html .slider:hover,
html .slider:focus,
html .slider:active,
html .slider a,
html .slider a:hover,
html .slider a:focus,
html .slider a:active,
html .slider img,
html .slider img:hover,
html .slider img:focus,
html .slider img:active,
html .carousel,
html .carousel:hover,
html .carousel:focus,
html .carousel:active,
html .carousel a,
html .carousel a:hover,
html .carousel a:focus,
html .carousel a:active,
html .carousel img,
html .carousel img:hover,
html .carousel img:focus,
html .carousel img:active,
html [class*="banner"],
html [class*="banner"]:hover,
html [class*="banner"]:focus,
html [class*="banner"]:active,
html [class*="slider"],
html [class*="slider"]:hover,
html [class*="slider"]:focus,
html [class*="slider"]:active,
html [class*="carousel"],
html [class*="carousel"]:hover,
html [class*="carousel"]:focus,
html [class*="carousel"]:active {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* =====================================================
   FOOTER
===================================================== */

html footer {
  background-color: #F4F4F4 !important;
  color: #2A2A2A !important;
  border-top: 1px solid #e0e0e0 !important;
  width: 100% !important;
}

html footer a,
html footer .inner a {
  color: #2A2A2A !important;
  text-decoration: none !important;
}

html footer a:hover,
html footer .inner a:hover {
  color: #2A2A2A !important;
  text-decoration: underline !important;
}

/* =====================================================
   BADGE
===================================================== */

html .badge,
html .label,
html .tag {
  background-color: #00AC4F !important;
  color: #ffffff !important;
}

/* =====================================================
   MOBIL
===================================================== */

@media (max-width: 767px) {
  html body {
    padding: 20px 0 0 0 !important;
  }

  html header,
  html .header,
  html #header,
  html .top,
  html .top-bar,
  html .header-top,
  html .navbar,
  html .navbar-header {
    padding-top: 20px !important;
  }

  html header .container,
  html .header .container,
  html #header .container,
  html .top .container,
  html .top-bar .container,
  html .header-top .container,
  html .navbar .container,
  html .navbar-header .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  html .navbar-nav {
    flex-direction: row !important;
    gap: 16px !important;
  }

  html .btn-warning,
  html a.btn-warning,
  html .login,
  html .btn-login,
  html .prihlaseni,
  html .user-login,
  html .header-login,
  html .top-login {
    margin-top: 20px !important;
  }
}