/* idepar-footer-3.css — patička celého webu, generuje web/postav_footer.py. RUČNĚ NEUPRAVOVAT. */
.ip-ft{--ink:#1B1A16;--soft:#FAF8F5;--mut:#6E6A63;--acc:#B0603A;--dark:#2B3326;--r:16px;
  --e:cubic-bezier(.16,1,.3,1);--sans:'Onest',-apple-system,'Segoe UI',sans-serif;
  --tx:#FAF8F5;--tx2:rgba(250,248,245,.78);--tx3:rgba(250,248,245,.66);--ln:rgba(250,248,245,.14);
  font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--tx);-webkit-font-smoothing:antialiased}
body.ip-ft-on #footer{display:none!important}
/* Doplněk „Hodnocení obchodu" (Martini, addons/dominikmartini/shop_rating) vkládá na homepage
   blok #hodnoceniobchodu před #footer, tedy pod naši patičku. Recenze máme vlastní, blok se
   schová (Dominik 28. 09. 2026: doplněk nechat, jen skrýt). Ostatní e-shopy doplněk nemají. */
body.ip-ft-on #hodnoceniobchodu{display:none!important}
.ip-ft .ft{background:var(--dark);color:var(--tx);margin:0;padding:0}
.ip-ft .w{width:min(1300px, 100% - 48px);margin:0 auto}
.ip-ft a{color:inherit;text-decoration:none}
.ip-ft .ft-col ul a:hover,.ip-ft .ft-kont a:hover,.ip-ft .ft-rate-box:hover,.ip-ft .ft-logo:hover,.ip-ft .ft-soc a:hover{text-decoration:none}
.ip-ft ul{list-style:none;margin:0;padding:0}
.ip-ft p,.ip-ft blockquote,.ip-ft h4{margin:0}
.ip-ft svg{width:1em;height:1em;flex:none}

/* fakta o nákupu: čtyři ověřené věci nahoře, každá jedna řádka tučně + doplněk */
.ip-ft .ft-fakta{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 28px;padding:30px 0 28px;border-bottom:1px solid var(--ln)}
.ip-ft .ft-fakta p{display:grid;grid-template-columns:26px 1fr;column-gap:14px;align-items:start;font-size:14.5px;line-height:1.4}
.ip-ft .ft-fakta i{grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;color:var(--acc);transform:translateY(-2px)}
.ip-ft .ft-fakta i svg{width:24px;height:24px}
.ip-ft .ft-fakta b{display:block;font-weight:600;color:var(--tx)}
.ip-ft .ft-fakta span{grid-column:2;display:block;font-size:13.5px;color:var(--tx2)}

/* mřížka sloupců */
.ip-ft .ftg{display:grid;grid-template-columns:1.35fr .75fr .85fr 1.05fr;align-items:start;gap:clamp(28px,3.2vw,56px);padding:clamp(40px,4.6vw,56px) 0 clamp(36px,4vw,48px)}
.ip-ft .ft-logo{display:inline-block;margin:0 0 26px}
.ip-ft .ft-logo img{display:block;height:26px;width:auto}
/* záloha: logo z adminu je černé na průhledné s velkým okrajem (1000×500, znak 979×252) */
.ip-ft .ft-logo img.je-admin{height:52px;margin:-10px 0 -16px;filter:brightness(0) invert(1)}
.ip-ft .ft-cit{position:relative;background:var(--soft);color:var(--ink);border-radius:var(--r);padding:16px 20px;font-size:14.5px;line-height:1.5;margin-bottom:22px;max-width:40ch}
.ip-ft .ft-cit::after{content:"";position:absolute;left:26px;bottom:-8px;width:16px;height:16px;background:var(--soft);transform:rotate(45deg);border-radius:0 0 3px}
.ip-ft .ft-cit cite{display:block;font-style:normal;font-size:13px;font-weight:600;color:var(--mut);margin-top:8px}
.ip-ft .ft-kont{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.ip-ft .ft-kont a,.ip-ft .ft-kont span{display:inline-flex;align-items:center;gap:11px;width:max-content;max-width:100%;font-size:15.5px;color:var(--tx)}
.ip-ft .ft-kont a{font-weight:600}
.ip-ft .ft-kont span{font-weight:400;color:var(--tx2)}
.ip-ft .ft-kont svg{width:20px;height:20px;color:var(--tx2)}
.ip-ft .ft-stav{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--tx2);margin-bottom:22px}
.ip-ft .ft-stav i{width:8px;height:8px;border-radius:50%;background:#7BC68F;flex:none}
.ip-ft .ft-soc{display:flex;gap:10px}
.ip-ft .ft-soc a{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:rgba(250,248,245,.09);transition:background .2s var(--e)}
.ip-ft .ft-soc a:hover{background:rgba(250,248,245,.18)}
.ip-ft .ft-soc svg{width:18px;height:18px;color:var(--tx)}

.ip-ft .ft-col h4{font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tx2);margin:6px 0 18px}
.ip-ft .ft-col ul{display:flex;flex-direction:column;gap:11px}
.ip-ft .ft-col ul a{position:relative;display:inline-block;width:max-content;font-size:15px;color:var(--tx);transition:color .22s var(--e)}
.ip-ft .ft-col ul a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--e);pointer-events:none}
.ip-ft .ft-col ul a:hover::after,.ip-ft .ft-kont a:hover::after{transform:scaleX(1);transform-origin:left}
.ip-ft .ft-kont a{position:relative}
.ip-ft .ft-kont a::after{content:"";position:absolute;left:31px;right:0;bottom:-3px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--e);pointer-events:none}

/* hodnocení: světlá karta, celá je odkaz na /hodnoceni-obchodu/ */
.ip-ft .ft-rate-box{display:block;background:var(--soft);color:var(--ink);border-radius:var(--r);padding:18px 20px 16px;transition:transform .25s var(--e)}
.ip-ft .ft-rate-box:hover{transform:translateY(-2px)}
.ip-ft .stg{display:inline-flex;gap:3px}
.ip-ft .stg svg{width:20px;height:20px;fill:var(--acc)}
.ip-ft .ft-rate-box > .stg{margin-bottom:10px}
.ip-ft .ft-rate-n{display:flex;align-items:baseline;gap:7px;margin-bottom:14px}
.ip-ft .ft-rate-n b{font-size:30px;font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--ink)}
.ip-ft .ft-rate-n span{font-size:14px;color:var(--mut)}
.ip-ft .ft-rate-n em{font-style:normal;font-size:13px;color:var(--mut);margin-left:auto}
.ip-ft .ft-rev-rot{display:grid}
.ip-ft .ft-rev{grid-area:1/1;display:flex;align-items:flex-start;gap:10px;opacity:0;transition:opacity .5s var(--e);pointer-events:none}
.ip-ft .ft-rev.je-on{opacity:1;pointer-events:auto}
.ip-ft .ft-rev-i{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--dark);color:var(--soft);font-size:12px;font-weight:600}
.ip-ft .ft-rev-b{min-width:0}
.ip-ft .ft-rev-b b{display:block;font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.3}
.ip-ft .ft-rev-m{display:flex;align-items:center;gap:6px;margin-top:3px}
.ip-ft .ft-rev-m .stg{gap:1px}
.ip-ft .ft-rev-m .stg svg{width:12px;height:12px}
.ip-ft .ft-rev-m i{font-style:normal;font-size:12px;color:var(--mut)}
.ip-ft .ft-rev q{display:block;quotes:none;font-size:13.5px;line-height:1.45;color:var(--ink);margin-top:6px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ip-ft .ft-rate-p{font-size:13px;color:var(--tx3);margin-top:12px;line-height:1.45}

/* pata */
.ip-ft .ftb{display:flex;justify-content:space-between;align-items:center;gap:14px 24px;flex-wrap:wrap;border-top:1px solid var(--ln);padding:18px 0 22px;font-size:13px;color:var(--tx3);line-height:1.6}
.ip-ft .ftb a{display:inline!important;color:inherit;text-decoration:underline;text-underline-offset:3px}   /* Shoptet dává .cookies-settings display:block */
.ip-ft .ftb a:hover{color:var(--tx)}
.ip-ft .ftb b{color:var(--tx2);font-weight:600}
.ip-ft .ftb-r{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}
.ip-ft .ft-sig:empty{display:none}
/* Carbon podpis Shoptetu tlačí na nulovou šířku, tady je čitelný a malý */
.ip-ft .ft-sig #signature{display:inline-flex!important;align-items:center;gap:5px;opacity:.7;width:auto!important;height:auto!important}
.ip-ft .ft-sig #signature a{display:inline!important;width:auto!important;height:auto!important;text-indent:0!important;overflow:visible!important;position:static!important;
  text-decoration:none;color:inherit;font-size:12px!important;line-height:1.4}
.ip-ft .ft-sig #signature img{display:inline-block!important;width:14px!important;height:14px!important;filter:brightness(0) invert(1)}

@media (max-width:1080px){
  .ip-ft .ftg{grid-template-columns:1fr 1fr;gap:34px 40px}
  .ip-ft .ft-fakta{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .ip-ft .w{width:auto;padding:0 16px}
  .ip-ft .ft-fakta{grid-template-columns:1fr;gap:14px;padding:24px 0 22px}
  /* seznamy odkazů vedle sebe, jinak je patička na mobilu 2 000 px dlouhá */
  .ip-ft .ftg{grid-template-columns:1fr 1fr;gap:30px 20px;padding:32px 0 28px}
  .ip-ft .ft-brand,.ip-ft .ft-rate{grid-column:1/-1}
  .ip-ft .ft-col ul a{width:auto;display:block}
  .ip-ft .ft-cit{max-width:none}
  .ip-ft .ftb{flex-direction:column;align-items:flex-start;gap:10px}
}
@media (prefers-reduced-motion:reduce){
  .ip-ft .ft-rev,.ip-ft .ft-col ul a::after,.ip-ft .ft-kont a::after,.ip-ft .ft-rate-box,.ip-ft .ft-soc a{transition:none}
}
