/* ============================================================
   MICHALOVYTRUBKY-SHOP.CZ — FOOTER (universal)
   Závisí na: style.css (tokens), mt-header (sprite #i-pin/#i-phone/#i-mail)
   Verze: 10 (2026-06-29)

   = mt-footer-9.css beze změny (watermark opacity 0.04 desktop / 0.035 mobil).
   Přečíslováno na 10 jen kvůli PÁROVÁNÍ s mt-footer-10.js (link cleanup v JS) —
     CSS i JS se nasazují pod STEJNÝM číslem, ať se neopakuje nesoulad verzí.
   ============================================================ */

/* Hide native Shoptet footer — náš mt-footer je separátní element na konci body */
#footer.footer,
footer#footer.footer{ display:none !important; }

.mt-footer{
  position:relative;
  overflow:hidden;
  background:var(--mt-bg-dark, #1A2333);
  color:rgba(255,255,255,.72);
  padding:64px 0 0;
  margin-top:64px;
  font-family:var(--mt-body);
}
.mt-footer a{color:inherit; text-decoration:none}

/* ===== POZADÍ — bílé logo watermark PŘES CELOU ŠÍŘKU (centrované, kompletní) =====
   „Jen lehce prosvítá" → opacity (logo leží za všemi sloupci). 1řádkový knob. */
.mt-footer-watermark{
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-50%);
  width:min(96%, 1320px);
  opacity:.04;            /* klient: 0.08 → 0.04 (o polovinu); laditelné */
  pointer-events:none;
  user-select:none;
  z-index:0;
  line-height:0;
}
.mt-footer-watermark img{width:100%; height:auto; display:block}

/* ============ GRID ============ */
.mt-footer-grid{
  position:relative; z-index:1;
  max-width:var(--mt-container);
  margin:0 auto;
  padding:0 var(--mt-pad) 48px;
  display:grid;
  grid-template-columns:1.6fr repeat(3, 1fr);
  gap:44px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.mt-footer h4{
  font-family:var(--mt-display);
  font-size:12px; font-weight:700;
  color:#FFFFFF;
  letter-spacing:.12em; text-transform:uppercase;
  margin:0 0 18px;
}
.mt-footer ul{margin:0; padding:0; list-style:none}
.mt-footer ul li{margin-bottom:12px}

/* hover-line underline (origin-flip, port z ss-footer) */
.mt-footer-link{
  position:relative;
  display:inline-block;
  font-size:13.5px;
  color:rgba(255,255,255,.70);
}
.mt-footer-link::after{
  content:'';
  position:absolute; left:0; right:0; bottom:-2px;
  height:2px;
  background:var(--mt-primary-pale, #7DB1FF);
  transform:scaleX(0); transform-origin:right;
  transition:transform 350ms var(--mt-ease, cubic-bezier(.4,0,.2,1));
  pointer-events:none;
}
.mt-footer-link:hover{color:#FFFFFF}
.mt-footer-link:hover::after,
.mt-footer-link:focus-visible::after{
  transform:scaleX(1); transform-origin:left;
}

/* ============ CONTACT COLUMN ============ */
.mt-footer-contact{padding-right:24px}

/* Support heading — KOTVA bloku (větší než telefon) */
.mt-footer-help-heading{
  font-family:var(--mt-display); font-weight:700;
  font-size:21px; color:#FFFFFF;
  margin:0 0 10px; letter-spacing:-.01em;
}
.mt-footer-help-text{
  font-size:13.5px; line-height:1.6;
  color:rgba(255,255,255,.60);
  margin:0 0 22px; max-width:340px;
}

/* Contact lines — jednotný rytmus, jeden levý okraj (ikona 20px + 12px gap → text @32px) */
.mt-footer-clines{
  display:flex; flex-direction:column; gap:14px;
  margin:0 0 4px;
}
.mt-footer-phone{display:flex; align-items:center; gap:12px}
.mt-footer-phone .mt-i{width:20px; height:20px; color:var(--mt-primary-pale, #7DB1FF); flex-shrink:0}
.mt-footer-phone a{
  font-family:var(--mt-display); font-weight:700;
  font-size:19px; color:#FFFFFF; letter-spacing:.01em;
  transition:color var(--mt-dur);
}
.mt-footer-phone a:hover{color:var(--mt-primary-pale, #7DB1FF)}

/* doba — těsně pod telefon, text zarovnaný @32px, zelená tečka v ikonovém sloupci */
.mt-footer-hours{
  position:relative;
  padding-left:32px;
  font-size:12.5px; color:rgba(255,255,255,.55);
  margin-top:-7px;
}
.mt-footer-hours::before{
  content:'';
  position:absolute; left:6px; top:50%; transform:translateY(-50%);
  width:7px; height:7px; border-radius:50%;
  background:var(--mt-success, #10B981);
  box-shadow:0 0 0 3px rgba(16,185,129,.18);
}

.mt-footer-cline{
  display:flex; align-items:center; gap:12px;
  font-size:14px; color:rgba(255,255,255,.74);
  transition:color var(--mt-dur);
}
.mt-footer-cline .mt-i{width:20px; height:20px; color:var(--mt-primary-pale, #7DB1FF); flex-shrink:0}
a.mt-footer-cline:hover{color:#FFFFFF}

/* social */
.mt-footer-social-label{
  display:block;
  font-size:11px; font-weight:700;
  text-transform:uppercase; letter-spacing:.12em;
  color:rgba(255,255,255,.50);
  margin:22px 0 12px;
}
.mt-footer-social{display:flex; gap:10px}
.mt-footer-social a{
  width:38px; height:38px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.20);
  display:grid; place-items:center;
  color:rgba(255,255,255,.85);
  transition:background var(--mt-dur), border-color var(--mt-dur), color var(--mt-dur);
}
.mt-footer-social a:hover{
  background:var(--mt-primary, #0052DA);
  border-color:var(--mt-primary, #0052DA);
  color:#FFFFFF;
}
.mt-footer-social svg{display:block}

/* ============ BOTTOM STRIP — vše v JEDNÉ ROVINĚ: © vlevo · platby uprostřed · Web vpravo ============ */
.mt-footer-strip{
  position:relative; z-index:1;
  max-width:var(--mt-container);
  margin:0 auto;
  padding:22px var(--mt-pad) 30px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:16px 24px;
}
.mt-footer-copy{justify-self:start; font-size:12px; color:rgba(255,255,255,.45)}
.mt-footer-pay{justify-self:center; display:flex; flex-wrap:wrap; gap:8px; justify-content:center}
.mt-footer-pay span{
  font-size:11px; font-weight:600; letter-spacing:.02em;
  color:rgba(255,255,255,.60);
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-radius:5px;
  padding:5px 11px;
  white-space:nowrap;
}
.mt-footer-credit{justify-self:end; text-align:right; font-size:12px; color:rgba(255,255,255,.45)}
.mt-footer-credit a{color:rgba(255,255,255,.55); transition:color var(--mt-dur)}
.mt-footer-credit a:hover{color:#FFFFFF}

/* ============ RESPONSIVE ============ */
@media (max-width:980px){
  .mt-footer-grid{grid-template-columns:1fr 1fr; gap:32px}
  .mt-footer-contact{grid-column:1 / -1; padding-right:0}
  .mt-footer-watermark{width:min(100%, 760px); opacity:.035}
}
@media (max-width:640px){
  .mt-footer-grid{grid-template-columns:1fr; gap:28px}
  /* spodní pruh se na mobilu skládá pod sebe a centruje */
  .mt-footer-strip{grid-template-columns:1fr; justify-items:center; text-align:center; gap:12px}
  .mt-footer-copy,
  .mt-footer-credit{justify-self:center; text-align:center}
  .mt-footer-watermark{width:min(108%, 520px); opacity:.035}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .mt-footer-social a,
  .mt-footer-phone a,
  .mt-footer-link::after{transition:none}
}