/* Karin – barvy webu (tmavě zelená #234b36). */
.kr-karin-tl{display:inline-flex;align-items:center;gap:10px;padding:3px 14px 3px 3px;border:1px solid #234b36;border-radius:999px;background:#fff;color:#1f2a24;cursor:pointer;font:inherit;line-height:1.15;text-align:left;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:background .15s}
.kr-karin-tl:hover{background:#eef5ef}
.kr-karin-tl img{width:34px;height:34px;border-radius:50%;flex:0 0 34px;background:#eef5ef}
.kr-karin-tl b{display:block;font-size:15px;font-weight:700;color:#234b36}
.kr-karin-tl small{display:block;font-size:12px;color:#555}
.kr-karin-plovouci{position:fixed;right:20px;bottom:96px;z-index:9990;padding:5px 18px 5px 5px;box-shadow:0 4px 16px rgba(0,0,0,.2)}
.kr-karin-plovouci img{width:46px;height:46px;flex:0 0 46px}
.kr-karin-plovouci b{font-size:16px}
@media (max-width:767px){.kr-karin-plovouci{right:12px;bottom:84px;padding:4px 14px 4px 4px}.kr-karin-plovouci img{width:38px;height:38px;flex:0 0 38px}.kr-karin-plovouci small{display:none}.kr-karin-plovouci b{font-size:14px}}

.kr-karin{position:fixed;right:16px;bottom:16px;z-index:2147483000;width:400px;max-width:calc(100vw - 32px);height:600px;max-height:calc(100vh - 32px);display:none;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.25);overflow:hidden;font-size:15px;color:#1f2a24}
.kr-karin.kr-karin-open{display:flex}
.kr-karin-hlava{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#234b36;color:#fff}
.kr-karin-hlava img{width:42px;height:42px;border-radius:50%;background:#eef5ef}
.kr-karin-hlava b{display:block;font-size:17px}
.kr-karin-hlava small{display:block;font-size:12px;opacity:.85}
.kr-karin-hlava div{flex:1}
.kr-karin-novy{background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}
.kr-karin-zavrit{background:transparent;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:0 4px}
.kr-karin-log{flex:1;overflow-y:auto;padding:12px;background:#f6f8f6}
.kr-karin-msg{max-width:88%;margin:0 0 10px;padding:9px 12px;border-radius:14px;line-height:1.45}
.kr-karin-msg p{margin:0 0 6px}.kr-karin-msg p:last-child{margin:0}
.kr-karin-karin{background:#fff;border:1px solid #e1e8e2}
.kr-karin-ty{margin-left:auto;background:#234b36;color:#fff}
.kr-karin-ceka{color:#666;font-style:italic}
.kr-karin-chyba{border-color:#e0b4a8;background:#fff6f3}
.kr-karin-navrhy{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.kr-karin-navrhy button{border:1px solid #234b36;background:#fff;color:#234b36;border-radius:999px;padding:6px 12px;font-size:14px;cursor:pointer}
.kr-karin-karty{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
.kr-karin-karta{display:flex;gap:10px;background:#fff;border:1px solid #e1e8e2;border-radius:12px;overflow:hidden;color:inherit;text-decoration:none}
.kr-karin-karta:hover{border-color:#234b36}
.kr-karin-karta img{width:110px;height:auto;object-fit:cover;flex:0 0 110px}
.kr-karin-karta-t{display:flex;flex-direction:column;gap:2px;padding:8px 8px 8px 0;font-size:13px}
.kr-karin-karta-t strong{font-size:15px}
.kr-karin-stav{color:#2e7d32;font-weight:600}.kr-karin-zaml{color:#b26a00}
.kr-karin-cena{font-weight:700;color:#234b36}
.kr-karin-detail{color:#234b36;text-decoration:underline}
.kr-karin-form{display:flex;gap:8px;padding:10px;border-top:1px solid #e1e8e2}
.kr-karin-form textarea{flex:1;resize:none;border:1px solid #c9d3cb;border-radius:10px;padding:8px;font:inherit;font-size:16px}
.kr-karin-odeslat{background:#234b36;color:#fff;border:0;border-radius:10px;padding:0 16px;font-weight:700;cursor:pointer}
.kr-karin-odeslat:disabled{opacity:.5}
.kr-karin-pata{font-size:11px;color:#666;padding:0 10px 8px}
@media (max-width:480px){.kr-karin{right:0;bottom:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}}
.kr-karin-overeni{flex:0 0 auto;padding:10px 12px;background:#fff8e1;border-top:2px solid #f0b400;font-size:15px;line-height:1.4}.kr-karin-overeni p{margin:0 0 6px}
.kr-karin-rc{margin:8px 0 4px;min-height:78px;transform-origin:0 0}
.kr-karin-rc-msg{font-size:13px;color:#8a3b1e}
@media (max-width:360px){.kr-karin-rc{transform:scale(.88)}}
.kr-karin-mic{flex:0 0 44px;width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#234b36;border:1px solid #234b36;border-radius:10px;cursor:pointer;padding:0}
.kr-karin-mic:hover{background:#eef5ef}
.kr-karin-mic-zap{background:#c62828;border-color:#c62828;color:#fff;animation:kr-karin-puls 1.2s ease-in-out infinite}
.kr-karin-mic-zap:hover{background:#b71c1c}
@keyframes kr-karin-puls{0%,100%{box-shadow:0 0 0 0 rgba(198,40,40,.45)}50%{box-shadow:0 0 0 6px rgba(198,40,40,0)}}
.kr-karin-mic-tip{display:none;font-size:13px;color:#234b36;background:#eef5ef;padding:6px 10px;margin:0 10px 6px;border-radius:8px}
@media (prefers-reduced-motion:reduce){.kr-karin-mic-zap{animation:none}}
/* Karin v hlavičce (v0.4.1) */
body.kr-karin-v-hlavicce #menu-item-192{display:none}
.kr-karin-menu{display:flex;align-items:center}
.kr-karin-hl{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #234b36;border-radius:999px;padding:3px 12px 3px 3px;cursor:pointer;font:inherit;line-height:1.1;color:#234b36;text-align:left;box-shadow:0 2px 8px rgba(0,0,0,.08);white-space:nowrap}
.kr-karin-hl:hover{background:#eef5ef}
.kr-karin-hl img{width:36px;height:36px;border-radius:50%;flex:0 0 36px;background:#eef5ef;display:block}
.kr-karin-hl small{display:block;font-size:11px;color:#555;font-weight:400}
.kr-karin-hl b{display:block;font-size:15px;font-weight:700;color:#234b36}
.kr-karin-hl-mobil{display:none;padding:2px;border-width:2px}
.kr-karin-hl-mobil img{width:40px;height:40px;flex-basis:40px}
.kr-karin-hl-mobil span{display:none}
/* Od 600 px (tablet, zmenšené okno) u fotky i nápis „Zeptejte se Karin“ */
@media (min-width:600px){.kr-karin-hl-mobil span{display:block}.kr-karin-hl-mobil{padding-right:16px;background:#f3faf4}.kr-karin-hl-mobil small{font-size:12px}.kr-karin-hl-mobil b{font-size:17px}}
/* Do 1279 px je menu pod třemi čárkami (kredence-vypis-a-uvod 2.5f) – Karin jako kulatá fotka vedle nich. Čisté CSS, bez závislosti na JS. */
body.kr-karin-v-hlavicce .kr-karin-plovouci{display:none}
@media (max-width:1279px){
body.kr-karin-v-hlavicce .kr-karin-hl-mobil{display:inline-flex;margin-left:auto;margin-right:4px}
body.kr-karin-v-hlavicce #brx-header .fr-header-bravo__inner{gap:10px!important}
body.kr-karin-v-hlavicce #brx-header .fr-nav-alpha{flex:0 0 auto!important}
body.kr-karin-v-hlavicce .kr-karin-menu{display:none}
}
@media (max-width:389px){body.kr-karin-v-hlavicce #brx-header .fr-header-bravo__inner{gap:6px!important}body.kr-karin-v-hlavicce .kr-karin-hl-mobil{margin-right:2px}.kr-karin-hl-mobil img{width:34px;height:34px;flex-basis:34px}}
/* Velmi úzký telefon (pod 350 px): fotka se do hlavičky vedle loga nevejde, Karin je vpravo dole */
@media (max-width:349px){body.kr-karin-v-hlavicce .kr-karin-hl-mobil{display:none}body.kr-karin-v-hlavicce .kr-karin-plovouci{display:inline-flex}}
/* v0.4.5: Karin v menu výraznější (návrh vlastníka), menu se o to přiblíží */
.kr-karin-hl-menu{padding:3px 16px 3px 3px;border-width:2px;background:#f3faf4;box-shadow:0 3px 12px rgba(35,75,54,.18)}
.kr-karin-hl-menu img{width:44px;height:44px;flex-basis:44px}
.kr-karin-hl-menu small{font-size:12px}
.kr-karin-hl-menu b{font-size:18px}
@media (min-width:1280px) and (max-width:1599px){body.kr-karin-v-hlavicce #brx-header .bricks-nav-menu{gap:8px!important}}
/* 1600–1799 px: názvy v menu se smí zalomit (jinak se menu nevejde a stránka jde posouvat do strany); jednořádkové menu až od 1800 px */
@media (min-width:1600px) and (max-width:1799px){body.kr-karin-v-hlavicce #brx-header .fr-nav-alpha .bricks-nav-menu{flex-wrap:nowrap;gap:10px!important}body.kr-karin-v-hlavicce #brx-header .fr-nav-alpha .bricks-nav-menu>li>a,body.kr-karin-v-hlavicce #brx-header .fr-nav-alpha .bricks-nav-menu>li>.brx-submenu-toggle{white-space:normal}}