/* Mrkálek · cookies · 1.0.1
   Vložit jako poslední CSS v záhlaví. Pouze vzhled, bez změn souhlasu.
   Comical CZ a Poppins přebíráme z existujícího webu.
*/
html.cookies-visible #colorbox {
  position: fixed !important;
  top: 50% !important; left: 50% !important;
  transform: translate(-50%, -50%);
  width: min(900px, calc(100vw - 32px)) !important;
  height: auto !important; overflow: visible !important;
  z-index: 2147483001 !important;
  max-height: calc(100dvh - 32px) !important;
}
html.cookies-visible #cboxWrapper,
html.cookies-visible #cboxContent,
html.cookies-visible #cboxLoadedContent {
  box-sizing: border-box !important;
  width: 100% !important; height: auto !important;
}
/* Colorbox má absolutní obal a plovoucí boční díly.
   Obal musí přispívat k výšce dialogu, jinak translateY počítá s nulou. */
html.cookies-visible #cboxWrapper {
  position: relative !important; top: auto !important; left: auto !important;
  overflow: visible !important;
}
html.cookies-visible #cboxWrapper > div {
  float: none !important; clear: both !important;
}
html.cookies-visible #cboxTopLeft,
html.cookies-visible #cboxTopCenter,
html.cookies-visible #cboxTopRight,
html.cookies-visible #cboxMiddleLeft,
html.cookies-visible #cboxMiddleRight,
html.cookies-visible #cboxBottomLeft,
html.cookies-visible #cboxBottomCenter,
html.cookies-visible #cboxBottomRight { display: none !important; }
html.cookies-visible #cboxOverlay { z-index: 2147483000 !important; }
html.cookies-visible #cboxContent {
  float: none !important; margin: 0 !important;
  border: 3px solid #d9e5fb !important;
  border-radius: 28px !important;
  background: #fff !important;
  box-shadow: 0 20px 70px rgba(1,23,119,.22) !important;
  overflow: hidden !important;
}
html.cookies-visible #cboxLoadedContent {
  padding: 0 !important; margin: 0 !important;
  max-height: calc(100vh - 38px) !important;
  max-height: calc(100dvh - 38px) !important;
  overflow: auto !important; overscroll-behavior: contain;
}
html.cookies-visible .colorbox-html-content { padding: 0 !important; }
html.cookies-visible #cboxTitle { display: none !important; }
html.cookies-visible #cboxClose {
  top: 18px !important; right: 18px !important;
  width: 40px !important; height: 40px !important;
  border-radius: 50% !important;
  background: #edf3ff !important; color: #011777 !important;
}
html.cookies-visible #cboxClose::before {
  left: 10px !important; top: 0 !important; line-height: 40px !important;
}
.cookiesSetting__form {
  box-sizing: border-box; padding: 34px 28px 30px !important;
  color: #172143; font-family: 'Poppins', sans-serif !important;
}
.cookiesSetting__form *, .siteCookies * { box-sizing: border-box; }
.cookiesSetting__title {
  margin: 0 48px 16px 0 !important; color: #011777 !important;
  font-family: 'Mrkalek Nadpisy Comical CZ', 'Comical', 'Poppins', sans-serif !important;
  font-size: clamp(26px, 3.2vw, 38px) !important;
  font-weight: 400 !important; font-synthesis: none;
  line-height: 1.2 !important; text-transform: uppercase !important;
  letter-spacing: 0 !important;
}
.cookiesSetting__perex {
  margin: 0 0 22px !important; color: #172143 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important; line-height: 1.65 !important;
}
.cookiesSetting__data {
  display: grid; gap: 12px; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important; background: transparent !important;
}
.cookiesSetting__item {
  display: flex !important; align-items: center !important; gap: 18px;
  margin: 0 !important; padding: 16px 20px !important;
  border: 1px solid #e4edff !important; border-radius: 18px !important;
  background: #f0f5ff !important;
}
.cookiesSetting__item__col1 { flex: 1; min-width: 0; }
.cookiesSetting__item__name {
  margin: 0 0 4px !important; color: #011777 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 16px !important; line-height: 1.5 !important;
}
.cookiesSetting__item__name strong { font-weight: 700 !important; }
.cookiesSetting__item__text {
  margin: 0 !important; color: #172143 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important; line-height: 1.6 !important;
}
.cookiesSetting__item__col2 { flex: 0 0 auto; margin: 0 !important; }
.cookiesSetting__item__status {
  display: block !important; margin: 0 !important; padding: 12px 8px !important;
  border: 1px solid transparent !important; border-radius: 12px !important;
  background: transparent !important; color: #011777 !important;
  font-family: 'Poppins', sans-serif !important; cursor: pointer;
}
.cookiesSetting__item__status:hover { background: #e1eaff !important; }
.cookiesSetting__item__state {
  color: #011777 !important; font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important; font-weight: 600 !important;
}
.cookiesSetting__item__checkbox { accent-color: #011777; }
.cookiesSetting__item__checkbox + .cookiesSetting__item__state::before {
  border-color: #011777 !important; border-radius: 5px !important;
  background: #fff !important;
}
.cookiesSetting__item__checkbox:checked + .cookiesSetting__item__state::before {
  background: #011777 !important;
}
.cookiesSetting__item__checkbox:checked + .cookiesSetting__item__state::after { color: #fff !important; }
.cookiesSetting__item__checkbox:focus-visible + .cookiesSetting__item__state {
  outline: 3px solid #ea7211; outline-offset: 5px; border-radius: 4px;
}
.cookiesSetting__bottom {
  display: grid !important; grid-template-columns: 1fr 1.35fr 1fr;
  align-items: stretch !important; gap: 16px;
  margin: 26px 0 4px !important;
}
.cookiesSetting__uncheck { display: flex !important; margin: 0 !important; }
.cookiesSetting__uncheckLink, .cookiesSetting__button {
  display: flex !important; align-items: center; justify-content: center;
  width: 100% !important; min-height: 54px; margin: 0 !important;
  padding: 12px 14px !important; border: 2px solid #011777 !important;
  border-radius: 15px !important; background: #011777 !important;
  color: #fff !important; font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important; font-weight: 700 !important; line-height: 1.4 !important;
  text-align: center !important; text-decoration: none !important;
  white-space: normal !important; cursor: pointer;
  box-shadow: 0 5px 0 #ea7211 !important;
  transition: background-color .15s ease;
}
.cookiesSetting__uncheckLink {
  border-color: #011777 !important; background: #fff !important;
  color: #011777 !important; box-shadow: none !important;
}
.cookiesSetting__button--green {
  border-color: #ea7211 !important; background: #ea7211 !important;
  box-shadow: 0 5px 0 #bd5200 !important;
}
.cookiesSetting__uncheckLink:hover { background: #edf3ff !important; }
.cookiesSetting__button:hover { background: #092a9d !important; opacity: 1 !important; }
.cookiesSetting__button--green:hover { background: #d96206 !important; }
.cookiesSetting__form button:focus-visible, html.cookies-visible #cboxClose:focus-visible,
.siteCookies button:focus-visible, .siteCookies a:focus-visible {
  outline: 3px solid #ea7211 !important; outline-offset: 4px;
}
/* Úvodní cookie lišta – původní pozice a zobrazování řídí Shoptet. */
.siteCookies {
  background: #fff !important; color: #172143 !important;
  border-top: 2px solid #d9e5fb !important;
  box-shadow: 0 -8px 30px rgba(1,23,119,.10) !important;
  font-family: 'Poppins', sans-serif !important;
}
.siteCookies__form { padding: 18px 24px !important; gap: 20px; }
.siteCookies__text { color: #172143 !important; font-size: 14px !important; line-height: 1.6 !important; }
.siteCookies__text a { color: #011777 !important; text-decoration: underline !important; }
.siteCookies__buttonWrap { gap: 12px; }
.siteCookies__button, .siteCookies__link {
  border: 2px solid #011777 !important; border-radius: 13px !important;
  padding: 10px 18px !important; background: #fff !important;
  color: #011777 !important; font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important; font-weight: 600 !important; line-height: 1.5 !important;
  text-decoration: none !important; cursor: pointer;
}
.siteCookies__button[value="all"] {
  background: #ea7211 !important; border-color: #ea7211 !important;
  color: #fff !important; box-shadow: 0 4px 0 #bd5200 !important;
}
.siteCookies__button:hover, .siteCookies__link:hover { background: #edf3ff !important; }
.siteCookies__button[value="all"]:hover { background: #d96206 !important; }
@media (max-width: 767px) {
  .cookiesSetting__form { padding: 24px 18px !important; }
  .cookiesSetting__title { font-size: 27px !important; margin-right: 44px !important; }
  html.cookies-visible #cboxClose { top: 12px !important; right: 12px !important; }
  .cookiesSetting__item { padding: 14px !important; flex-wrap: wrap; gap: 8px; }
  .cookiesSetting__item__col1 { flex-basis: 100%; }
  .cookiesSetting__item__status { padding: 8px !important; }
  .cookiesSetting__bottom { grid-template-columns: 1fr; gap: 14px; margin-top: 20px !important; }
  .cookiesSetting__uncheckLink, .cookiesSetting__button { min-height: 50px; }
  .siteCookies__form { padding: 16px !important; }
  .siteCookies__buttonWrap { display: flex; flex-wrap: wrap; gap: 12px; }
  .siteCookies__button { flex: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .cookiesSetting__uncheckLink, .cookiesSetting__button { transition: none; }
}

/* Menší notebooky a zvětšené zobrazení: kompaktnější obsah. */
@media (max-height: 700px) and (min-width: 768px) {
  .cookiesSetting__form { padding: 24px !important; }
  .cookiesSetting__title { font-size: 30px !important; margin-bottom: 12px !important; }
  .cookiesSetting__perex { font-size: 14px !important; margin-bottom: 16px !important; }
  .cookiesSetting__item { padding: 12px 16px !important; }
  .cookiesSetting__data { gap: 10px; }
  .cookiesSetting__bottom { margin-top: 18px !important; }
}
