/* Pätička A2 – Bio-racio-dia (26. 10. 2026, v1) – vzhľad k 26-10-pata-v1.js
   Farby: tmavozelená #1F3D29, text #CFE3D5, tlmený text #A9C2B0, béžová #F4E9DF / #EEDAC9.
   Pravidlá s !important držia vzhľad aj vtedy, keby v Zápätí ostal starý zelený štýl pätičky. */

/* ===== 1) základ – platí aj keby skript nebežal ===== */
footer#footer.footer{
  --pata-bg:#1F3D29;--pata-line:rgba(255,255,255,.12);--pata-text:#CFE3D5;--pata-muted:#A9C2B0;
  --pata-beige:#F4E9DF;--pata-beige2:#EEDAC9;--pata-panel:rgba(255,255,255,.06);
  position:relative;margin:40px 0 0!important;padding:0!important;border:0!important;border-radius:28px 28px 0 0;
  background:var(--pata-bg)!important;color:var(--pata-text)!important;font-family:Roboto,Arial,sans-serif;font-size:15px;line-height:1.55
}
#footer a{color:var(--pata-text)}
@media (hover:hover){#footer a:hover{color:#fff}}
#footer .pageElement__heading,#footer .pageElement__heading span{color:#fff}
#footer .custom-footer__facebook,#footer .custom-footer__login{display:none!important}
footer#footer.footer .footer-rows{padding-top:44px}
footer#footer.footer .footer-bottom{margin:0;padding:0;border-top:1px solid var(--pata-line);background:transparent!important;color:var(--pata-muted)!important}
#footer .footer-bottom a{color:var(--pata-text)!important}
@media (hover:hover){#footer .footer-bottom a:hover{color:#fff!important}}
#footer a:focus-visible,#footer button:focus-visible,#footer input:focus-visible{outline:3px solid var(--pata-beige2)!important;outline-offset:2px}

/* ===== 2) nová pätička (skript pridá triedu pata-on) ===== */
#footer.pata-on>.footer-rows,#footer.pata-on>.footer-links-icons,#footer.pata-on>.pata-skryte{display:none!important}
#footer .pata{display:block}
#footer .pata ul,#footer .pata li{margin:0;padding:0;list-style:none;background:none;border:0}
#footer .pata li::before,#footer .pata li::after{content:none!important;display:none!important}
#footer .pata p{margin:0;padding:0}
#footer .pata-h{margin:0 0 14px;padding:0;border:0;font:700 17px/1.3 Nunito,Arial,sans-serif;color:#fff!important;letter-spacing:0;text-transform:none;text-align:left}
#footer .pata-h span{color:inherit!important}
#footer .pata-h--mob{display:none}
#footer .pata-ic{display:inline-flex;flex:none;width:18px;height:18px;color:inherit!important}
#footer .pata-ic svg{display:block;width:100%;height:100%}

/* --- zľava 10 % (blok #brd-zlava-banner s formulárom Ecomail) --- */
#footer .pata-zlava{display:none}
#footer.pata-zlava-on .pata-zlava{display:block}
#footer .pata-zlava-in{padding:52px 0 48px;border-bottom:1px solid var(--pata-line);text-align:center}
#footer #brd-zlava-banner{max-width:none;margin:0;padding:0}
#footer #brd-zlava-banner .brdbn-card{display:block;margin:0;padding:0;border-radius:0;background:none!important;box-shadow:none!important;overflow:visible;text-align:center}
#footer #brd-zlava-banner .brdbn-card::before,#footer #brd-zlava-banner .brdbn-card::after{content:none!important;display:none!important}
#footer #brd-zlava-banner .brdbn-txt{position:static;max-width:none;margin:0 auto;flex:none}
#footer #brd-zlava-banner .brdbn-chip{display:inline-block;margin:0 0 14px;padding:6px 12px;border-radius:999px;background:rgba(244,233,223,.14);color:var(--pata-beige2)!important;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}
#footer #brd-zlava-banner .brdbn-txt strong{display:block;margin:0 0 8px;font:700 32px/1.15 Nunito,Arial,sans-serif;color:#fff!important}
#footer #brd-zlava-banner .brdbn-txt p{margin:0;font-size:16px;line-height:1.55;color:var(--pata-text)!important}
#footer #brd-zlava-banner .brdbn-form{position:relative;flex:none;max-width:580px;min-width:0;margin:24px auto 0;padding:0;border-radius:0;background:none!important;box-shadow:none!important}
/* formulár Ecomail – vnútro bez rámikov, pole a tlačidlo v jednom riadku */
#footer #brd-zlava-banner .ec-v-form-holder,#footer #brd-zlava-banner .ec-v-form-holder form,#footer #brd-zlava-banner .ec-v-form-step,#footer #brd-zlava-banner .ec-v-form-column{
  margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;
  max-width:none!important;width:auto!important;min-height:0!important;font-family:Roboto,Arial,sans-serif!important}
#footer #brd-zlava-banner .ec-v-form-step-visible{display:block!important;height:auto!important}
/* Ecomail má overflow:hidden/auto – orezával by rámik pri Tab */
#footer #brd-zlava-banner .ec-v-form-holder,#footer #brd-zlava-banner .ec-v-form-holder form{overflow:visible!important}
#footer #brd-zlava-banner .ec-v-form-step-visible .ec-v-form-column{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;text-align:center}
#footer #brd-zlava-banner .ec-v-form-spacer,#footer #brd-zlava-banner .pata-ec-skry,#footer #brd-zlava-banner .ec-v-forms-label:empty{display:none!important}
#footer #brd-zlava-banner .ec-v-form-input{grid-column:1/-1;grid-row:1;margin:0!important;padding:0!important;text-align:left}
#footer #brd-zlava-banner .ec-v-form-submit{grid-column:2;grid-row:1;justify-self:end;align-self:start;position:relative;z-index:1;margin:6px 6px 0 0!important;padding:0!important;text-align:right}
#footer #brd-zlava-banner .ec-v-form-text{grid-column:1/-1;margin:12px 0 0!important;padding:0!important;text-align:center!important}
#footer #brd-zlava-banner .ec-v-form-text p{display:inline;margin:0!important;padding:0!important;font-family:Roboto,Arial,sans-serif!important;font-size:13px!important;line-height:1.5!important;color:var(--pata-muted)!important}
#footer #brd-zlava-banner .ec-v-form-text p+p::before{content:" "}
#footer #brd-zlava-banner .ec-v-form-text span,#footer #brd-zlava-banner .ec-v-form-text strong{font-size:inherit!important;color:inherit!important}
#footer #brd-zlava-banner .ec-v-form-text a{color:var(--pata-text)!important;text-decoration:underline!important}
@media (hover:hover){#footer #brd-zlava-banner .ec-v-form-text a:hover{color:#fff!important}}
#footer #brd-zlava-banner input[type="email"]{
  display:block!important;box-sizing:border-box!important;width:100%!important;height:60px!important;margin:0!important;
  padding:0 var(--pata-btn,190px) 0 48px!important;border:0!important;border-radius:16px!important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F6862' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E") no-repeat 18px 50%/20px 20px!important;
  color:#1F1F1F!important;font:400 16px/normal Roboto,Arial,sans-serif!important;box-shadow:none!important;outline:0}
#footer #brd-zlava-banner input[type="email"]::placeholder{color:#5F6862!important;opacity:1}
#footer #brd-zlava-banner input[type="email"]:focus{box-shadow:0 0 0 3px var(--pata-beige2)!important}
#footer #brd-zlava-banner input[type="email"]:focus-visible{outline:0!important}
#footer #brd-zlava-banner .ec-v-form-submit button{
  display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0!important;height:48px!important;margin:0!important;padding:0 24px!important;
  border:0!important;border-radius:12px!important;background:var(--pata-bg)!important;color:#fff!important;
  font:700 16px/1 Roboto,Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer}
@media (hover:hover){#footer #brd-zlava-banner .ec-v-form-submit button:hover{background:#2C5539!important;color:#fff!important}}
#footer #brd-zlava-banner .ec-v-form-error,#footer #brd-zlava-banner .ec-v-form-autocorrect{width:fit-content;max-width:100%;margin:8px 0 0!important;padding:6px 10px!important;border:0!important;border-radius:8px!important;background:var(--pata-beige)!important;font-size:13px!important;font-weight:500;line-height:1.4!important;text-align:left}
#footer #brd-zlava-banner .ec-v-form-autocorrect:empty,#footer #brd-zlava-banner .ec-v-form-error:empty{display:none!important}
#footer #brd-zlava-banner .ec-v-form-autocorrect{position:relative!important;left:auto!important;top:auto!important}
#footer #brd-zlava-banner .ec-v-form-autocorrect::before{background:var(--pata-beige)!important}
#footer #brd-zlava-banner .ec-v-form-autocorrect b{cursor:pointer;text-decoration:underline;text-underline-offset:2px}
#footer #brd-zlava-banner .ec-v-form-error,#footer #brd-zlava-banner .ec-v-form-error *{color:#7A4A1E!important}
#footer #brd-zlava-banner .ec-v-form-autocorrect,#footer #brd-zlava-banner .ec-v-form-autocorrect *{color:var(--pata-bg)!important}
@media (min-width:768px){#footer #brd-zlava-banner .ec-v-form-submit button:focus-visible{outline-color:var(--pata-bg)!important}}
/* stav po odoslaní („ĎAKUJEME!“) – panel, zarovnanie ako zvyšok pásu */
#footer #brd-zlava-banner .ec-v-form-step-send .ec-v-form-column{display:block!important}
#footer #brd-zlava-banner .ec-v-form-step-send .ec-v-form-text{margin:0!important;padding:20px 24px!important;border-radius:16px!important;background:var(--pata-panel)!important}
#footer #brd-zlava-banner .ec-v-form-step-send h2,#footer #brd-zlava-banner .ec-v-form-step-send p{display:block!important;margin:0!important;padding:0!important;text-align:inherit!important}
#footer #brd-zlava-banner .ec-v-form-step-send h2,#footer #brd-zlava-banner .ec-v-form-step-send h2 *{font:800 22px/1.25 Nunito,Arial,sans-serif!important;letter-spacing:.02em!important;color:#fff!important}
#footer #brd-zlava-banner .ec-v-form-step-send h2::before{content:"";display:inline-block;width:22px;height:22px;margin:0 10px -4px 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237BD389' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M7.5 12.5l3 3 6-6.5'/%3E%3C/svg%3E") no-repeat center/contain}
#footer #brd-zlava-banner .ec-v-form-step-send p{margin-top:6px!important}
#footer #brd-zlava-banner .ec-v-form-step-send p,#footer #brd-zlava-banner .ec-v-form-step-send p *{font:400 15px/1.5 Roboto,Arial,sans-serif!important;color:var(--pata-text)!important}

/* --- stĺpce --- */
#footer .pata-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:40px 48px;padding:44px 0 40px}
#footer .pata-grid[data-n="3"]{grid-template-columns:1.3fr 1fr 1.2fr}
#footer .pata-grid[data-n="2"]{grid-template-columns:1fr 1fr}
#footer .pata-grid[data-n="1"]{grid-template-columns:1fr}
#footer .pata-col{min-width:0}
#footer .pata-list{display:flex;flex-direction:column;gap:10px}
#footer .pata-list a{font-size:15px;line-height:1.55;color:var(--pata-text)!important;text-decoration:none!important}
@media (hover:hover){#footer .pata-list a:hover{color:#fff!important;text-decoration:underline!important;text-underline-offset:3px}}
/* predajňa */
#footer .pata-stav{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px!important;padding:6px 12px!important;border-radius:999px;background:rgba(123,211,137,.14);color:#B7EBC2!important;font-size:13px;font-weight:500;line-height:1.3}
#footer .pata-stav::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#7BD389}
#footer .pata-stav.is-zatvorene{background:rgba(233,185,138,.16);color:#F2CFA8!important}
#footer .pata-stav.is-zatvorene::before{background:#E9B98A}
#footer .pata-stav[hidden]{display:none!important}
#footer .pata-adresa{color:#fff!important}
#footer .pata-hodiny{color:var(--pata-text)!important}
#footer a.pata-nav span{color:inherit!important}
#footer a.pata-nav{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:500;color:#fff!important;text-decoration:none!important}
@media (hover:hover){#footer a.pata-nav:hover{text-decoration:underline!important;text-underline-offset:3px}}
#footer .pata-pozn{margin-top:16px!important;font-size:13px;line-height:1.5;color:var(--pata-muted)!important}
/* kontakt */
#footer .pata-kon{display:flex;flex-direction:column;gap:8px}
#footer a.pata-kon-a{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;color:#fff!important;text-decoration:none!important}
@media (hover:hover){#footer a.pata-kon-a:hover .pata-kon-t{text-decoration:underline;text-underline-offset:3px}}
#footer .pata-kon-t{color:inherit!important;overflow-wrap:anywhere}
#footer .pata-kon-chev{display:none}
#footer .pata-col--kontakt .pata-pozn{margin:12px 0 18px!important}
#footer .pata-soc{display:flex;flex-wrap:wrap;gap:10px}
#footer a.pata-pill{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff!important;font-size:14px;font-weight:500;text-decoration:none!important}
@media (hover:hover){#footer a.pata-pill:hover{background:rgba(255,255,255,.1)}}

/* --- pás dôvery --- */
#footer .pata-trust:empty{display:none!important}
#footer .pata-trust{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,auto);justify-content:space-between;align-items:start;gap:18px 48px;padding:24px 0;border-top:1px solid var(--pata-line)}
#footer .pata-tg{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#footer .pata-tl{flex:0 0 100%;margin:0 0 2px;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--pata-muted)!important}
#footer .pata-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:10px;background:#fff!important;color:#1F3D29!important;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none!important}
#footer .pata-chip span{color:#1F3D29!important}
@media (hover:hover){#footer a.pata-chip:hover{box-shadow:0 0 0 2px var(--pata-beige2);color:#1F3D29!important}}
#footer .pata-chip img{display:block;width:auto;height:24px;max-height:24px}
#footer .pata-chip .pata-star{width:14px;height:14px;color:#9A6A00!important}
#footer .pata-note{margin:0 0 0 2px;font-size:13px;font-weight:500;color:var(--pata-beige2)!important}

/* --- spodný riadok --- */
#footer .footer-bottom .container::before,#footer .footer-bottom .container::after{display:none}
#footer .pata-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding:18px 0;font-size:13px;line-height:1.5;color:var(--pata-muted);text-align:left}
#footer .pata-bottom .copyright{display:inline;float:none;margin:0;padding:0;background:transparent!important;color:var(--pata-muted)!important;font-size:13px;line-height:1.5}
#footer .pata-bottom .copyright strong{font-weight:500;color:var(--pata-text)!important}
#footer .pata-ico{color:var(--pata-muted)!important}
#footer .pata-b-m{display:flex;flex-wrap:wrap;gap:6px 20px}
#footer .pata-b-m a{color:var(--pata-text)!important;text-decoration:none!important}
@media (hover:hover){#footer .pata-b-m a:hover{color:#fff!important;text-decoration:underline!important}}
#footer .pata-bottom #signature{float:none!important;margin:0!important;padding:0;font-size:13px;line-height:1.5;color:var(--pata-muted)!important}
#footer .pata-bottom #signature a{color:var(--pata-muted)!important}
#footer .pata-bottom #signature a.title{color:var(--pata-text)!important}
/* bublina chatu vpravo dole nesmie zakryť posledný riadok (odkaz na cookies) */
@media (max-width:1679.98px){#footer .pata-bottom{padding-bottom:84px}}

/* ===== 3) tablet ===== */
@media (min-width:768px) and (max-width:1199.98px){
  #footer .pata-grid,#footer .pata-grid[data-n]{grid-template-columns:1fr 1fr;gap:36px 40px}
  #footer .pata-grid[data-n="1"]{grid-template-columns:1fr}
}
@media (max-width:991.98px){
  #footer .pata-trust{grid-auto-flow:row;grid-auto-columns:auto;justify-content:stretch;gap:18px}
}

/* ===== 4) mobil ===== */
@media (max-width:767.98px){
  footer#footer.footer{margin-top:28px!important;border-radius:24px 24px 0 0}
  /* zľava */
  #footer .pata-zlava-in{padding:32px 0 28px;text-align:left}
  #footer #brd-zlava-banner .brdbn-card,#footer #brd-zlava-banner .brdbn-txt{text-align:left}
  #footer #brd-zlava-banner .brdbn-chip{margin-bottom:12px}
  #footer #brd-zlava-banner .brdbn-txt strong{font-size:24px;line-height:1.2}
  #footer #brd-zlava-banner .brdbn-txt p{font-size:15px}
  #footer #brd-zlava-banner .brdbn-form{max-width:none;margin:16px 0 0}
  #footer #brd-zlava-banner .ec-v-form-step-visible .ec-v-form-column{grid-template-columns:minmax(0,1fr);text-align:left}
  #footer #brd-zlava-banner .ec-v-form-text{text-align:left!important}
  #footer #brd-zlava-banner input[type="email"]{height:56px!important;padding:0 16px 0 46px!important;border-radius:14px!important;background-position:16px 50%!important}
  #footer #brd-zlava-banner .ec-v-form-submit{grid-column:1;grid-row:2;justify-self:stretch;margin:10px 0 0!important}
  #footer #brd-zlava-banner .ec-v-form-submit button{width:100%!important;height:52px!important;border-radius:14px!important;background:var(--pata-beige)!important;color:#1F3D29!important}
  @media (hover:hover){#footer #brd-zlava-banner .ec-v-form-submit button:hover{background:var(--pata-beige2)!important;color:#1F3D29!important}}
  /* poradie predajňa, kontakt, odkazy nastaví skript priamo v HTML */
  #footer .pata-grid,#footer .pata-grid[data-n]{display:flex;flex-direction:column;gap:0;padding:24px 0 0}
  #footer .pata-col--predajna{padding:18px;border-radius:20px;background:var(--pata-panel)}
  #footer .pata-col--kontakt{padding-top:24px}
  #footer .pata-col--nakup{margin-top:24px;border-top:1px solid var(--pata-line)}
  #footer .pata-col--predajna .pata-h,#footer .pata-col--kontakt .pata-h{margin-bottom:12px;font-size:18px}
  #footer .pata-stav{margin-bottom:12px!important}
  #footer a.pata-nav{display:flex;justify-content:center;height:48px;margin-top:14px;border-radius:14px;background:var(--pata-beige);color:#1F3D29!important;font-size:15px;font-weight:700}
  @media (hover:hover){#footer a.pata-nav:hover{background:var(--pata-beige2);color:#1F3D29!important;text-decoration:none!important}}
  #footer .pata-col--predajna .pata-pozn{margin-top:12px!important}
  /* kontakt */
  #footer a.pata-kon-a{height:52px;padding:0 16px;border-radius:14px;background:var(--pata-panel)}
  @media (hover:hover){#footer a.pata-kon-a:hover{background:rgba(255,255,255,.1)}}
  #footer .pata-kon-t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}
  #footer .pata-kon-chev{display:inline-flex}
  #footer .pata-col--kontakt .pata-pozn{margin:10px 0 0!important}
  #footer .pata-soc{flex-wrap:wrap;margin-top:20px}
  #footer a.pata-pill{flex:1 1 calc(50% - 5px);min-width:0;height:44px}
  /* rozbaľovacie odkazy */
  #footer .pata-h--pc{display:none}
  #footer .pata-h--mob{display:block;margin:0}
  #footer button.pata-acc{display:flex!important;align-items:center;justify-content:space-between;width:100%;height:56px;margin:0!important;padding:0!important;
    border:0!important;border-bottom:1px solid var(--pata-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
    color:#fff!important;font:700 17px/1.3 Nunito,Arial,sans-serif!important;text-align:left;text-transform:none!important;letter-spacing:0!important;cursor:pointer}
  #footer button.pata-acc:hover{background:transparent!important;color:#fff!important}
  #footer button.pata-acc span{color:inherit!important}
  #footer .pata-chev{width:20px;height:20px;transition:transform .2s ease}
  #footer .is-open .pata-chev{transform:rotate(180deg)}
  #footer .pata-acc-body{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .25s ease,visibility 0s linear .25s}
  #footer .is-open>.pata-acc-body{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .25s ease,visibility 0s linear 0s}
  #footer .pata-acc-in{min-height:0;overflow:hidden}
  #footer .pata-col--odkazy .pata-list{gap:0;padding:6px 0 10px;border-bottom:1px solid var(--pata-line)}
  #footer .pata-col--odkazy .pata-list a{display:flex;align-items:center;min-height:44px}
  #footer .pata-col--odkazy .pata-list a:focus-visible{outline-offset:-3px}
  /* pás dôvery */
  #footer .pata-trust{gap:16px;margin-top:0;padding:24px 0;border-top:0}
  /* spodný riadok – miesto pre bublinu chatu */
  #footer .pata-bottom{flex-direction:column;align-items:flex-start;gap:10px;padding:18px 0 88px}
}
@media (prefers-reduced-motion:reduce){
  #footer .pata-acc-body,#footer .pata-chev{transition:none!important}
}
