@charset "UTF-8";
/* ==========================================================================
   Spicea – přívětivější cookie lišta · ČÁST 1/2: vzhled (CSS)
   Verze: 16. 10. 2026 (odmítnutí jako odkaz v textu)

   Nadstavba nad nativní cookie lištou Shoptetu. Funguje v páru se souborem
   spicea-cookie-bar.js (texty). Ukládání souhlasu dál dělá Shoptet.

   INSTALACE
     1) Nahrát do /user/documents/upload/spicea-cookie-bar.css
     2) Shoptet → HTML kód → ZÁHLAVÍ (před </head>):
        <link href="https://www.spicea.cz/user/documents/upload/spicea-cookie-bar.css?v=20261016" rel="stylesheet">
   Po každé úpravě souboru zvýšit ?v=… (jinak prohlížeče drží starou verzi).
   Vrácení zpět: smazat <link> ze záhlaví (a <script> ze zápatí).

   „Odmítnout“ je odkaz přímo v textu (jako na Rohlik.cz) – tučný, podtržený,
   VERZÁLKAMI, aby byl na první pohled vidět a odmítnutí bylo na 1 klik
   (GDPR + § 89 zákona o elektronických komunikacích). Vedle „Přijmout vše“
   je stejně velké tlačítko „Nastavení“.
   ========================================================================== */

/* Dokud skript nepřepíše text, lišta je skrytá (aby neproblikl starý text).
   Pojistka: kdyby se skript nenačetl, lišta se po 1,5 s ukáže v původní
   podobě – návštěvník tak vždy může souhlasit nebo odmítnout. */
.js-siteCookies:not(.spicea-cc) { visibility: hidden; animation: spicea-cc-reveal 0s 1.5s forwards; }
@keyframes spicea-cc-reveal { to { visibility: visible; } }

.siteCookies.spicea-cc {
  --cc-bg: var(--espresso, #23150D);
  --cc-fg: var(--cream, #FFF4DE);
  --cc-gold: var(--gold, #E9A50F);
  --cc-gold-lite: var(--gold-lite, #FFC64A);
  position: fixed !important;
  left: 16px !important; right: auto !important; bottom: 16px !important; top: auto !important;
  z-index: 2147483000 !important;
  width: min(460px, calc(100vw - 32px)) !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 22px 22px 18px !important;
  background: var(--cc-bg) !important;
  color: var(--cc-fg) !important;
  border: 2.5px solid var(--cc-gold) !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .35) !important;
  font-family: var(--body, "DM Sans", system-ui, sans-serif) !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  text-align: left !important;
  animation: spicea-cc-in .35s cubic-bezier(.22, .61, .36, 1) both;
}
@keyframes spicea-cc-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

.siteCookies.spicea-cc .siteCookies__form,
.siteCookies.spicea-cc .siteCookies__content {
  display: block !important; width: auto !important; max-width: none !important;
  margin: 0 !important; padding: 0 !important; background: none !important;
}
.siteCookies.spicea-cc .siteCookies__text { margin: 0 !important; padding: 0 !important; color: inherit !important; font-size: inherit !important; }
.siteCookies.spicea-cc .spicea-cc__title {
  display: block; margin: 0 0 6px;
  font-family: var(--display, "Baloo 2", system-ui, sans-serif);
  font-size: 21px; font-weight: 600; line-height: 1.15; color: var(--cc-gold-lite);
}
.siteCookies.spicea-cc .siteCookies__text p { margin: 0; color: inherit; }
.siteCookies.spicea-cc a { color: var(--cc-fg) !important; text-decoration: underline !important; text-underline-offset: 2px; }

/* tlačítka – stejná velikost; „Přijmout vše“ zlatě, „Odmítnout“ obrysově */
.siteCookies.spicea-cc .siteCookies__buttonWrap {
  display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px;
  width: auto !important; margin: 16px 0 0 !important; padding: 0 !important; float: none !important;
}
.siteCookies.spicea-cc .siteCookies__button {
  display: flex !important; align-items: center; justify-content: center;
  width: 100% !important; min-height: 48px; margin: 0 !important; padding: 12px 14px !important;
  border: 2.5px solid var(--cc-fg) !important; border-radius: 999px !important;
  background: transparent !important; color: var(--cc-fg) !important;
  font-family: var(--display, "Baloo 2", system-ui, sans-serif) !important;
  font-size: 14px !important; font-weight: 600 !important; letter-spacing: .08em !important;
  text-transform: uppercase !important; line-height: 1.1 !important; cursor: pointer;
  box-shadow: none !important;
  transition: background-color .16s, color .16s, border-color .16s, transform .16s;
}
.siteCookies.spicea-cc .siteCookies__button:hover { transform: translateY(-2px); }
.siteCookies.spicea-cc .siteCookies__button[value="reject"]:hover { background: rgba(255, 244, 222, .12) !important; }
.siteCookies.spicea-cc .siteCookies__button[value="all"] {
  background: var(--cc-gold) !important; border-color: var(--cc-gold) !important; color: var(--cc-bg) !important;
}
.siteCookies.spicea-cc .siteCookies__button[value="all"]:hover { background: var(--cc-gold-lite) !important; border-color: var(--cc-gold-lite) !important; }
.siteCookies.spicea-cc .siteCookies__button:focus-visible,
.siteCookies.spicea-cc .siteCookies__link:focus-visible { outline: 3px solid var(--cc-gold-lite) !important; outline-offset: 3px; }

/* odmítnutí jako odkaz v textu; tlačítko Shoptetu zůstává v DOM, jen skryté */
.siteCookies.spicea-cc--inline-reject .siteCookies__button[value="reject"] { display: none !important; }
.siteCookies.spicea-cc .spicea-cc__reject {
  display: inline; margin: 0; padding: 0; border: 0; background: none;
  color: var(--cc-gold-lite); font: inherit; font-weight: 700;
  text-transform: uppercase; letter-spacing: .03em;
  text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px;
  cursor: pointer;
}
.siteCookies.spicea-cc .spicea-cc__reject:hover { color: var(--cc-fg); }
.siteCookies.spicea-cc .spicea-cc__reject:focus-visible { outline: 3px solid var(--cc-gold-lite); outline-offset: 2px; border-radius: 4px; }

/* „Nastavení“ přesunuté vedle „Přijmout vše“ – obrysové tlačítko */
.siteCookies.spicea-cc .siteCookies__link.spicea-cc__settings {
  display: flex !important; align-items: center; justify-content: center;
  width: 100% !important; min-height: 48px; margin: 0 !important; padding: 12px 14px !important;
  border: 2.5px solid var(--cc-fg) !important; border-radius: 999px !important;
  background: transparent !important; color: var(--cc-fg) !important; opacity: 1;
  font-family: var(--display, "Baloo 2", system-ui, sans-serif) !important;
  font-size: 14px !important; font-weight: 600 !important; letter-spacing: .08em !important;
  text-transform: uppercase !important; text-decoration: none !important; line-height: 1.1 !important;
  transition: background-color .16s, transform .16s;
}
.siteCookies.spicea-cc .siteCookies__link.spicea-cc__settings:hover { background: rgba(255, 244, 222, .12) !important; transform: translateY(-2px); }
.siteCookies.spicea-cc .siteCookies__links[hidden] { display: none !important; }

/* „Nastavit podrobně“ jako odkaz pod tlačítky (záloha, kdyby se nepřesunulo) */
.siteCookies.spicea-cc .siteCookies__links { margin: 12px 0 0 !important; padding: 0 !important; text-align: center !important; }
.siteCookies.spicea-cc .siteCookies__link {
  padding: 4px 2px !important; border: 0 !important; background: none !important;
  color: var(--cc-fg) !important; opacity: .85;
  font-size: 13.5px !important; font-weight: 500 !important; text-decoration: underline !important;
  text-underline-offset: 2px; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer;
}
.siteCookies.spicea-cc .siteCookies__link:hover { opacity: 1; }

@media (max-width: 520px) {
  .siteCookies.spicea-cc { left: 10px !important; bottom: 10px !important; width: calc(100vw - 20px) !important; padding: 18px 16px 14px !important; }
}

/* podrobné nastavení (okno Shoptetu) – sjednocení tlačítek */
.cookiesSetting.spicea-cc-modal .cookiesSetting__item__text { line-height: 1.5; }
.cookiesSetting.spicea-cc-modal .spicea-cc__tools { display: block; margin-top: 4px; font-size: 12.5px; opacity: .7; }