/*! Rozhika theme · footer.css — the promise band and the site footer.
 * Printed in the body right before the footer (template-parts/site-footer.php), so it is
 * never render-blocking. Mobile first; sizes are the core.css fluid tokens.
 *
 * Colours: the band uses the theme tokens. The footer reads its own small palette
 * (--f-*), defined for light and dark in the template's <style id="rzk-dark-footer">,
 * which the dark-theme compiler skips: this sheet carries no colour literal of its own,
 * so dark mode is exactly the palette written there, not a machine mapping of it. */

/* ------------------------------------------------------------ promise band */
.rz-promise{padding-block:var(--rz-s8) var(--rz-s7)}
.rz-promise__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;
  background:var(--rz-line);border:1px solid var(--rz-line);border-radius:var(--rz-r-xl);overflow:hidden;box-shadow:var(--rz-sh-1)}
.rz-promise__item{display:flex;align-items:center;gap:clamp(.5rem,.4rem + .45vw,.875rem);min-width:0;
  padding:clamp(.75rem,.6rem + .6vw,1.125rem) clamp(.625rem,.45rem + .8vw,1.25rem);background:var(--rz-surface)}
.rz-promise__ic{flex:none;display:grid;place-items:center;width:clamp(2.25rem,2.05rem + .7vw,2.75rem);aspect-ratio:1;border-radius:var(--rz-r);
  background:var(--rz-brand-50);color:var(--rz-brand-600)}
.rz-promise__ic svg{width:52%;height:52%}
.rz-promise__tx{display:flex;flex-direction:column;gap:.1rem;min-width:0;line-height:1.55}
.rz-promise__tx strong{font-size:var(--rz-fs-sm);font-weight:800;color:var(--rz-text)}
.rz-promise__tx span{font-size:var(--rz-fs-xs);color:var(--rz-text-3)}
@media (max-width:359.98px){.rz-promise__item{gap:.45rem;padding-inline:.55rem}.rz-promise__ic{width:2rem}}
@media (min-width:640px){.rz-promise__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1180px){
  .rz-promise__list{grid-template-columns:repeat(6,minmax(0,1fr))}
  .rz-promise__item{justify-content:center}
}

/* ------------------------------------------------------------------ footer */
.rz-foot{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid var(--f-edge);background:var(--f-bg);color:var(--f-tx-2);font-size:var(--rz-fs-sm);line-height:1.9}
/* two still glows (no animation, no layers to repaint) */
.rz-foot::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(55% 60% at 100% 0,var(--f-glow-1),transparent 70%),radial-gradient(45% 55% at 0 100%,var(--f-glow-2),transparent 70%)}
.rz-foot a{color:var(--f-tx-2);text-decoration:none;transition:color var(--rz-dur) var(--rz-ease),background-color var(--rz-dur) var(--rz-ease),border-color var(--rz-dur) var(--rz-ease),transform .2s var(--rz-ease)}
.rz-foot a:hover{color:var(--f-tx)}
.rz-foot :focus-visible{outline:2px solid var(--f-ring);outline-offset:2px}

.rz-foot__top{display:grid;gap:var(--rz-s7);padding-block:var(--rz-s8) var(--rz-s7)}
@media (min-width:960px){.rz-foot__top{grid-template-columns:minmax(280px,1fr) minmax(0,1.6fr);gap:var(--rz-s8)}}

/* brand */
.rz-foot__logo{display:inline-flex;align-items:center;gap:.8rem;color:var(--f-tx)}
.rz-foot__logo:hover{color:var(--f-tx)}
.rz-foot__logo svg,.rz-foot__logo img{height:clamp(3rem,2.6rem + 1.4vw,3.75rem);width:auto}
.rz-foot__logo .header-logo-svg{aspect-ratio:404.23/397.22}
.rz-foot__name{display:flex;flex-direction:column;gap:.15rem;padding-inline-start:.8rem;border-inline-start:1px solid var(--f-line);line-height:1.25}
.rz-foot__name b{font-size:var(--rz-fs-2xl);font-weight:900;color:var(--f-tx);letter-spacing:-.01em}
.rz-foot__name small{font-size:var(--rz-fs-xs);font-weight:600;color:var(--f-tx-3)}
.rz-foot__about{margin:var(--rz-s5) 0;max-width:46ch;color:var(--f-tx-2);line-height:2.05}

.rz-foot__contact,.rz-foot__social,.rz-foot__links,.rz-foot__seal-list{list-style:none;margin:0;padding:0}
.rz-foot__contact{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--rz-s4)}
.rz-foot__contact a{display:inline-flex;align-items:center;gap:.5rem;min-height:2.625rem;padding:.35rem .95rem .35rem 1.05rem;border:1px solid var(--f-line);border-radius:var(--rz-r-pill);
  background:var(--f-bg-2);color:var(--f-tx);font-weight:700;line-height:1.3}
.rz-foot__contact a:hover{background:var(--f-bg-3);border-color:var(--f-line-2)}
.rz-foot__contact svg{width:1.05rem;height:1.05rem;color:var(--f-acc)}
.rz-foot__mail{font-feature-settings:"ss01" 0;letter-spacing:.01em}

.rz-foot__social{display:flex;flex-wrap:wrap;gap:.5rem}
/* tablets: the brand block spreads over the full row (words | contacts) instead of half of it */
@media (min-width:640px) and (max-width:959.98px){
  .rz-foot__brand{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo contact" "about social";column-gap:var(--rz-s7);align-items:start}
  .rz-foot__logo{grid-area:logo;justify-self:start}
  .rz-foot__about{grid-area:about;margin-bottom:0}
  .rz-foot__contact{grid-area:contact;flex-direction:column;align-items:stretch;margin:0}
  .rz-foot__contact li{display:flex}.rz-foot__contact a{flex:1}
  .rz-foot__social{grid-area:social;align-self:end;justify-content:flex-end;margin-bottom:.35rem}
}
.rz-foot__ch{display:grid;place-items:center;width:2.625rem;height:2.625rem;border:1px solid var(--f-line);border-radius:var(--rz-r);background:var(--f-bg-2);color:var(--f-tx-2)}
.rz-foot__ch svg{width:1.2rem;height:1.2rem}
.rz-foot .rz-foot__ch:hover{transform:translateY(-2px);color:var(--f-on-ch);border-color:transparent;background:var(--ch,var(--f-acc))}
.rz-foot__ch--instagram{--ch:var(--f-ch-instagram)}
.rz-foot__ch--telegram{--ch:var(--f-ch-telegram)}
.rz-foot__ch--whatsapp{--ch:var(--f-ch-whatsapp)}
.rz-foot__ch--rubika{--ch:var(--f-ch-rubika)}
.rz-foot__ch--bale{--ch:var(--f-ch-bale)}

/* link columns: phones keep two columns (the long one beside the two short ones) */
.rz-foot__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rz-s6) var(--rz-s5);align-content:start}
.rz-foot__col:first-child{grid-row:span 2}
@media (min-width:640px){.rz-foot__nav{grid-template-columns:repeat(3,minmax(0,1fr))}.rz-foot__col:first-child{grid-row:auto}}
.rz-foot__h{display:flex;align-items:center;gap:.5rem;margin:0 0 var(--rz-s3);font-size:var(--rz-fs-md);font-weight:800;line-height:1.4;color:var(--f-tx)}
.rz-foot__col .rz-foot__h::before{content:"";width:.375rem;height:.375rem;border-radius:2px;background:var(--f-acc);box-shadow:0 0 0 3px var(--f-bg-3)}
.rz-foot__links{display:grid}
.rz-foot__links a{display:inline-flex;align-items:center;min-height:2.25rem;font-weight:500}
.rz-foot__links a:hover{transform:translateX(-3px)}

/* newsletter + seals */
.rz-foot__mid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--rz-s6) var(--rz-s8);padding-block:var(--rz-s6);border-top:1px solid var(--f-line)}
.rz-foot__news{flex:1 1 34rem;display:flex;flex-wrap:wrap;align-items:center;gap:var(--rz-s4) var(--rz-s6)}
.rz-foot__news-tx{flex:1 1 15rem}
.rz-foot__news-tx p{margin:0;font-size:var(--rz-fs-xs);color:var(--f-tx-3);line-height:1.8}
.rz-foot__h--news{margin-bottom:.15rem}
.rz-foot__h--news svg{width:1.15rem;height:1.15rem;color:var(--f-acc)}
.rz-foot__form{flex:1 1 18rem;max-width:28rem;display:flex;align-items:center;gap:.375rem;padding:.3rem;border:1px solid var(--f-line-2);border-radius:var(--rz-r-pill);background:var(--f-bg-2);
  transition:border-color var(--rz-dur),box-shadow var(--rz-dur)}
.rz-foot__form:focus-within{border-color:var(--f-ring);box-shadow:0 0 0 3px var(--f-ring-soft)}
.rz-foot .rz-foot__form .rz-foot__in{flex:1;min-width:0;width:auto;min-height:2.5rem;height:2.5rem;padding:0 .95rem;border:0;border-radius:var(--rz-r-pill);background:transparent;box-shadow:none;
  color:var(--f-tx);font-size:max(16px,var(--rz-fs-sm));direction:ltr;text-align:left}
.rz-foot .rz-foot__form .rz-foot__in:placeholder-shown{direction:rtl;text-align:right}
.rz-foot .rz-foot__form .rz-foot__in::placeholder{color:var(--f-tx-3)}
.rz-foot .rz-foot__form .rz-foot__in:focus{border:0;box-shadow:none;outline:none}
.rz-foot__btn{flex:none;display:inline-flex;align-items:center;gap:.4rem;min-height:2.5rem;padding:0 1.15rem;border:0;border-radius:var(--rz-r-pill);
  background:var(--f-btn);color:var(--f-on-btn);font:inherit;font-size:var(--rz-fs-sm);font-weight:800;line-height:1;cursor:pointer;
  box-shadow:var(--f-btn-sh);transition:filter var(--rz-dur),transform .12s var(--rz-ease)}
.rz-foot__btn svg{width:1rem;height:1rem}
.rz-foot__btn:hover{filter:brightness(1.08)}
.rz-foot__btn:active{transform:scale(.97)}
.rz-foot__btn:disabled{opacity:.6;cursor:progress}

.rz-foot__seals{flex:0 1 auto;min-width:0}
.rz-foot__seal-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,5.25rem);gap:.625rem}
.rz-seal{display:grid;place-items:center;aspect-ratio:1;padding:.5rem;border-radius:var(--rz-r);background:var(--f-seal);box-shadow:var(--f-seal-sh)}
a.rz-seal:hover{transform:translateY(-2px)}
.rz-seal__img{width:100%;height:100%;object-fit:contain}
svg.rz-seal__img{width:86%;height:86%}

/* copyright */
.rz-foot__bar{padding-block:var(--rz-s5);border-top:1px solid var(--f-line);font-size:var(--rz-fs-xs);color:var(--f-tx-3);text-align:center}
.rz-foot__bar p{margin:0}
.rz-foot__bar a{color:var(--f-tx-2);font-weight:700}
/* phones: the last line clears the floating buttons (support hub, back to top) */
@media (max-width:767.98px){.rz-foot__bar{padding-bottom:calc(var(--rz-s5) + 3.75rem + env(safe-area-inset-bottom))}}

@media (prefers-reduced-motion:reduce){.rz-foot a,.rz-foot__btn{transition:none}.rz-foot__ch:hover,a.rz-seal:hover,.rz-foot__links a:hover{transform:none}}
@media print{.rz-promise,.rz-foot__social,.rz-foot__mid{display:none}.rz-foot{--f-tx:CanvasText;--f-tx-2:CanvasText;--f-tx-3:CanvasText;background:none}.rz-foot::before{display:none}}