/* paticka-2.css – vzhled patičky e-shopu www.zvireci-potreby.cz. ZDROJ: repo shoptet-zvireci-potreby, soubor shoptet/paticka-2.css.
Nahráno v Shoptetu (Správce souborů → složka paticka), načítá se z pole Záhlaví (Nastavení → Editor → HTML kód) ZA style.css.
Shoptet drží soubory v mezipaměti rok: po změně uložit pod NOVÝM číslem a přepsat odkaz v poli Záhlaví.
Verze 2 (12.10.2026): pročištěno – pryč pravidla pro prvky, které už v patičce nejsou, a hodnoty přepsané novější vrstvou.
Pořadí pravidel je zachované (novější přepisují starší). */
@media screen and (min-width: 1601px){.custom-footer__banner63, .custom-footer__banner64{position:absolute;top:230px;left:calc(50% - 710px);padding:0;width:auto !important;margin-left:-170px;}
.custom-footer__banner64{left:auto;right:calc(50% - 710px);margin-right:-170px;margin-left:0;}
body:not(.type-index) .custom-footer__banner63, body:not(.type-index) .custom-footer__banner64{display:none !important;}}
@media screen and (max-width: 1600px){.custom-footer__banner63, .custom-footer__banner64{display:none !important;}}
/* Vše scoped pod footer.zpf — třídu přidává script.js až po přestavbě DOM (bez JS zůstává nativní patička). */
footer.zpf{background:#f4f1e9 !important;color:#55635a;margin-top:0 !important;}
.zpf .zpf-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(46,125,50,.07);overflow:hidden;}
/* — newsletter (horní část bílé karty) — */
.zpf .zpf-card .custom-footer__newsletter{display:block;width:100%;float:none;padding:0;margin:0;}
.zpf .zpf-card .custom-footer__newsletter > .container{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:36px 44px;margin:0;max-width:none;width:100%;}
.zpf .zpf-card .newsletter-header{flex:1 1 auto;margin:0;padding:0;}
.zpf .zpf-card .newsletter-header .pageElement__heading{margin:0;padding:0;font-size:25px;font-weight:700;line-height:1.3;}
.zpf .zpf-card .newsletter-header .pageElement__heading span{color:#33413a;}
.zpf .zpf-card .subscribe-form .validator-msg-holder{order:1;position:relative;margin:0;}
.zpf .zpf-card .subscribe-form .validator-msg-holder::before{content:"";position:absolute;left:18px;top:50%;width:20px;height:20px;margin-top:-10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='2'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M2 7l10 6L22 7'/%3E%3C/svg%3E") no-repeat center/contain;pointer-events:none;z-index:1;}
.zpf .zpf-card .subscribe-form input[type=email]::placeholder{color:#9aa59d;}
.zpf .zpf-card .subscribe-form button[type=submit]:hover{background:#b45309;}
.zpf .zpf-card .subscribe-form .consents{margin:0;}
.zpf .zpf-card .subscribe-form .consents label{color:#8a948c;font-size:13px;font-weight:400;margin:8px 0 0;padding:0;line-height:1.4;}
.zpf .zpf-card .subscribe-form .consents label a{color:#2e7d32;text-decoration:underline;}
/* — adaptace newsletteru na novy Shoptet markup (ums_forms_redesign prepnut na --on, 23.7.2026):
e-mail je nove v .form-group.smart-label-wrapper, souhlas v .consents s , tlacitko ma viditelny text — */
.zpf .zpf-card .subscribe-form fieldset > .form-group.consents{width:100%;margin:0;}
.zpf .zpf-card .subscribe-form .consents .label{color:#8a948c;font-size:13px;font-weight:400;margin:8px 0 0;padding:0;line-height:1.4;}
.zpf .zpf-card .subscribe-form .consents .label a{color:#2e7d32;text-decoration:underline;}
/* — kontaktní pás (spodní část bílé karty) — */
.zpf .zpf-card .custom-footer__contact{display:block;width:100%;float:none;padding:0;margin:0;}
.zpf .zpf-card .custom-footer__contact > .container{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 44px;margin:0;max-width:none;width:100%;}
.zpf .zpf-card .custom-footer__contact .pageElement__heading{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center;}
.zpf .zpf-card .custom-footer__contact .pageElement__heading img{grid-row:1/3;width:64px !important;height:64px !important;max-width:none;border-radius:50%;display:block;}
.zpf .zpf-card .custom-footer__contact .pageElement__heading span{grid-column:2;font-size:19px;font-weight:700;color:#33413a;line-height:1.3;}
.zpf .zpf-card .custom-footer__contact .pageElement__heading p{grid-column:2;margin:3px 0 0;font-size:14px;font-weight:400;color:#8a948c;}
.zpf .zpf-card .contact-box{margin:0;padding:0;}
.zpf .zpf-card .contact-box ul{flex-wrap:wrap;}
.zpf .zpf-card .contact-box li{margin:0;padding:0;list-style:none;}
.zpf .zpf-card .contact-box a{color:#33413a;font-size:15.5px;font-weight:600;}
.zpf .zpf-card .contact-box a:hover{color:#d97706;}
.zpf .zpf-card .socialky{margin:0;padding:0;}
.zpf .zpf-card .socialky ul{display:flex;gap:12px;margin:0;padding:0;list-style:none;}
.zpf .zpf-card .socialky ul::before{margin-left:28px !important;margin-right:22px !important;align-self:center;}
.zpf .zpf-card .socialky li{margin:0;padding:0;list-style:none;}
.zpf .zpf-card .social-icon:hover{background:#d97706;}
/* — sloupce odkazů — */
.zpf .footer-rows{padding:24px 0 4px;}
/* --zp-footer-cols: script.js prepisuje, kdyz jsou nektere sloupce prazdne (napr. SK
mutace nema obsah pro "O nakupu"/"Blog") — desktop pak pouzije rovnomerne rozdeleni
mista jen mezi sloupce, ktere maji obsah, misto prazdne mezery. Bez JS zasahu (vsechny
sloupce plne) zustava puvodni pomer sirek z fallbacku. Mobilni pravidlo nize sirky
VZDY prepisuje natvrdo (jednosloupcovy stack), takze JS zasah tam nema vliv. */
.zpf .row.custom-footer{display:grid;grid-template-columns:var(--zp-footer-cols, 1.1fr 1fr 1.4fr 1fr);gap:48px;margin:0;padding:0;}
/* Jen 2 sloupce (SK mutace: chybi O nakupu + Blog, dokud se clanky neprelozi):
seznam Informace pro vas tece do 2 sloupcu, aby vedle uzke FB karty (320px,
viz JS) nevznikla prazdna plocha — vizualne 3 rovnomerne sloupce jako v CS.
Jen desktop; na mobilu je seznam harmonika v jednom sloupci. */
.zpf .row.custom-footer::before,.zpf .row.custom-footer::after{content:none;}
.zpf .row.custom-footer > [class*="col-"]{width:auto;float:none;padding:0;margin:0;}
/* Nadpisy sloupcu jako kapitalkovy eyebrow (jednotny styl webu), bez oranzoveho podtrzeni — UX audit 23.7.2026 */
.zpf .row.custom-footer .pageElement__heading{color:#1a6b1a;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px;padding:0;}
.zpf .row.custom-footer .pageElement__heading::after{content:none !important;}
.zpf .row.custom-footer ul{margin:0;padding:0;list-style:none;}
.zpf .row.custom-footer li{margin:0 0 10px;padding:0;list-style:none;}
.zpf .row.custom-footer a{color:#33413a;font-size:14.5px;font-weight:500;line-height:1.45;display:inline-block;transition:color .12s, transform .12s;}
.zpf .row.custom-footer a:hover{color:#1a6b1a;transform:translateX(4px);}
.zpf .row.custom-footer .news-item-widget{margin:0 0 10px;}
.zpf .row.custom-footer .newsItemWidget__heading{margin:0;padding:0;font-size:14.5px;font-weight:500;line-height:1.45;}
/* clanky v Blogu na jeden radek s vypustkou (desktop; na mobilu se smi zalamovat) */
@media (min-width:992px){.zpf .row.custom-footer .newsItemWidget__heading a{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}}
/* mobil: sbaleny akordeon ma pevnych 46px — mensi kapitalkovy nadpis ho musi vyplnit cely, jinak vykukuje obsah */
@media (max-width:991px){.zpf .row.custom-footer .pageElement__heading{margin:0 !important;display:flex !important;align-items:center !important;min-height:46px !important;}}
/* — Facebook karta (vlastní, iframe widget skryt) — */
.zpf .zpf-fb{background:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px rgba(46,125,50,.06);}
.zpf .zpf-fb-head img{width:42px;height:42px;border-radius:10px;object-fit:cover;display:block;}
.zpf .zpf-fb-head strong{display:block;color:#33413a;font-size:14.5px;font-weight:700;line-height:1.3;}
.zpf a.zpf-fb-btn{display:block;border:1.5px solid #2e7d32;color:#2e7d32;font-weight:700;font-size:13.5px;text-align:center;padding:9px 0;border-radius:8px;transition:background .2s,color .2s;}
.zpf a.zpf-fb-btn:hover{background:#2e7d32;color:#fff;}
/* — rychlé odkazy + loga dopravců — */
.zpf .footer-links-icons{padding:0;}
.zpf .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;border-top:1px solid #e3e3e4;padding:24px 0;margin:0;list-style:none;}
.zpf .footer-links .footer-link{margin:0;padding:0;list-style:none;}
.zpf .footer-links a{color:#7a857c;font-size:13.5px;}
.zpf .footer-links a:hover{color:#d97706;}
.zpf .footer-icons img{max-height:44px;width:auto;mix-blend-mode:multiply;display:block;}
/* — spodní zelená lišta — */
.zpf .footer-bottom{background:#2e7d32;padding:16px 0;margin:0;}
.zpf .footer-bottom .container{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:12px;}
.zpf .footer-bottom .copyright{color:rgba(255,255,255,.75);font-size:13px;}
.zpf .footer-bottom .copyright a{color:#fff;text-decoration:underline;}
.zpf .footer-bottom #signature .title{color:#fff;font-weight:600;font-size:13px;}
.zpf .footer-bottom #signature img{filter:brightness(0) invert(1);}
/* — mobil — */
@media (max-width:991px){.zpf .zpf-card .custom-footer__newsletter > .container{flex-direction:column;align-items:stretch;}
.zpf .zpf-card .custom-footer__contact > .container{flex-direction:column;align-items:flex-start;gap:18px;padding:24px 20px;}
.zpf .footer-rows{padding:20px 0 4px;}
.zpf .row.custom-footer{grid-template-columns:1fr;}
.zpf .row.custom-footer > [class*="col-"]{padding:0 16px;}
.zpf .footer-links{gap:8px 18px;padding:20px 0;}
.zpf .footer-bottom .container{text-align:center;gap:6px;}}
/* — fixy po 1. testu: šablonové wrap/absolute/underline — */
.zpf .zpf-card .custom-footer__newsletter > .container{flex-wrap:nowrap;}
.zpf .zpf-card .custom-footer__contact > .container{flex-wrap:nowrap;}
.zpf .zpf-card .custom-footer__contact .pageElement__heading{flex:0 1 auto;margin:0 !important;padding:0 !important;}
.zpf .zpf-card .contact-box{flex:0 0 auto;width:auto;}
.zpf .zpf-card .socialky{flex:0 0 auto;width:auto;}
.zpf .row.custom-footer a,.zpf .footer-links a,.zpf .zpf-card .contact-box a,.zpf a.zpf-fb-btn{text-decoration:none !important;}
.zpf .footer-bottom .container{flex-wrap:nowrap;padding-top:0;padding-bottom:0;min-height:0;}
.zpf .footer-bottom #signature,.zpf .footer-bottom .copyright{width:auto !important;margin:0;}
/* — fixy po 2. testu — */
.zpf .zpf-card .subscribe-form .validator-msg-holder{flex:1 1 0;}
.zpf .footer-bottom .container::before,.zpf .footer-bottom .container::after{content:none !important;display:none !important;}
/* — mobil: nativní akordeon sloupců (třída otevreno) zůstává, jen doladění — */
@media (max-width:991px){.zpf .row.custom-footer{gap:12px;}
.zpf .row.custom-footer > [class*="col-"]:not(.otevreno){max-height:46px !important;}
.zpf .footer-bottom .container{flex-direction:column-reverse;}}
/* === Loga dopravců v patičce: nízké zaoblené boxíky === */
.zpf .footer-icons .zpf-logo-box{background:#fff;border:1px solid #efeae0;border-radius:10px;height:52px;padding:0 20px;display:flex;align-items:center;justify-content:center;margin:0;width:auto;float:none;}
.zpf .footer-icons .zpf-logo-box img{height:26px;width:auto;max-width:150px;object-fit:contain;display:block;}
/* === Spodní zelený pruh: pryč bílá linka nad copyrightem === */
.zpf .footer-bottom .container{border-top:none !important;}
.zpf .footer-icons .zpf-logo-box a{display:flex !important;align-items:center !important;height:100% !important;align-self:stretch !important;margin:0 !important;padding:0 !important;}
/* === Paticka "Pomuzeme vam s vyberem": e-mail a telefon pod sebe, zarovnane, s provozni dobou (Roman 24.7.2026) === */
.zpf .zpf-card .contact-box ul{display:flex;flex-direction:column;gap:7px;align-items:flex-start;margin:0;padding:0;list-style:none;}
.zpf .zpf-card .contact-box .tel::after{content:"· Po–pá 8:00–16:00";display:inline;font-size:12.5px;font-weight:400;color:#8a948c;margin-left:7px;}
/* paticka: odkaz na chat v podtextu kontaktu */
.zpf .zpf-card .zp-chat-odkaz:hover{color:#228B22;}
/* === Paticka mobil (27.7.2026, Roman): nad ikony prepravcu se presunou pecete Overeno zakazniky + TOP FIRMA.
(Puvodne se prepravci na mobilu skryvali; 11.10.2026 Roman: zobrazit vsechny — po pridani GLS byl videt jen on.)
Pecete na mobilu vezely v defaultne zavrene FB harmonice, kterou nikdo nerozklika. Presun dela script.js,
logo USKVBL (povinnost prodejce veterinarnich leciv) zustava. Desktop beze zmeny. === */
@media (max-width: 991px){.zpf .custom-footer__facebook{display:none !important;}
/* po presunu peceti je sekce prazdna */
.footer-icons .zpf-oceneni-loga{display:flex;justify-content:center;align-items:center;gap:18px;width:100%;margin:2px 0 10px;}}
/* === Newsletter v paticce na mobilu (Roman 27.7.2026, foto z iPhone): pole pretekalo pres okraj
a tlacitko ODEBIRAT bylo utrzene vlevo. Sjednoceni: pole i tlacitko plna sirka pod sebou,
box-sizing pojistka proti preteceni (sirka 100 % + padding v Safari). === */
@media (max-width: 991px){.zpf form.subscribe-form .form-control,
.zpf form.subscribe-form input[type="email"]{width:100% !important;max-width:100% !important;box-sizing:border-box !important;padding-left:52px !important;padding-right:16px !important;text-align:left !important;}
/* desktopove odsazeni 80/180px pro tlacitko v radku mackalo text doprostred */}
/* === Úvodka: bloky Oblíbené značky / Nakupovat podle potřeby / pás odkazů (18.9.2026, Roman).
Obsah = doplňkové bannery (Zápatí) přeskupené v script.js (blok „Úvodka: bloky z doplňkových bannerů").
Mřížka log přebírá hodnoty původního .zp-brands-grid (bílé dlaždice 156px, rámeček #e4e0d6, radius 10px).
.footer-banners je do přeskupení skrytý (opacity), po 0,9 s se odkryje i kdyby JS selhal. === */
body.in-index .footer-banners{opacity:0;animation:zpHpReveal 0s .9s forwards;}
body.in-index .footer-banners.zp-hp-ready{opacity:1;animation:none;}
/* === Úvodka: řada AKCÍ z doplňkových bannerů (2.10.2026) – náhrada karuselu, vzor Super Zoo.
Karty 464×500 (obrázek 928×1000 bez textu), texty HTML Quicksand, 3 vedle sebe, listování, mobil 84 % + vykukující další.
Karusel a boční banner (.banners-row) se skryjí jen když JS vykreslí řadu (body.zp-akce-on). JS blok „Úvodka: řada AKCÍ". === */
body.zp-akce-on #content .banners-row:not(.footer-banners){display:none !important;}
/* rezervace místa pro řadu akcí ještě před spuštěním JS (karusel v adminu vypnutý) – nic neposkočí (CLS).
Výška = karta (šířka obsahu − 2 mezery)/3 × 500/464 + tečky + nadpis H1 s okraji; % v margin = šířka #content. */
body.in-index:not(.zp-akce-on):not(.zp-akce-zadne) #content:not(:has(> .banners-row:not(.footer-banners))) > .benefitBanner.position--benefitHomepage{margin-top:calc((100% - 28px) / 3 * 1.07759 + 198px);}
@media (max-width:767px){body.in-index:not(.zp-akce-on):not(.zp-akce-zadne) #content:not(:has(> .banners-row:not(.footer-banners))) > .benefitBanner.position--benefitHomepage{margin-top:calc((100% - 12px) * .84 * 1.07759 + 169px);}}
/* === Newsletter v paticce: kontrolni kod (Roman 11.10.2026, snimek z uvodky). Shoptet do formulare
pridal vnoreny