/* --- jednoduchý footer (oranžové odkazy) --- */
.footer-mini { background:#001935; color:#e8f0ff; }
.footer-mini a { color:#ff762f; text-decoration:none; transition:color .2s ease; }
.footer-mini a:hover { color:#e14d00; text-decoration:underline; }


.footer-mini-main { padding:2rem 0 1.5rem; }
.mini-grid { display:grid; gap:2rem; grid-template-columns: 1fr 1fr; }
@media (max-width: 900px){ .mini-grid { grid-template-columns: 1fr; } }

.footer-mini h3 {
  margin:0 0 .4rem;
  font-family:'Gagalin', sans-serif;
  font-weight:normal;
  font-size: 2rem;
  color:#ff762f;
  text-shadow:1px 1px 2px rgba(0,30,60,.5);
}
.mini-tagline { margin:.25rem 0 1rem; color:#c8d6f6; }

/* pravý sloupec */
.mini-links {
  display:flex; flex-wrap:wrap; gap:.25rem 1rem; margin:0 0 .75rem;
}
.mini-company { font-style:normal; color:#c8d6f6; line-height:1.5; margin:.25rem 0 .5rem; }
.mini-social { margin:.25rem 0 0; color:#8fb3ff; }
.mini-social span { opacity:.6; margin:0 .35rem; }

/* platební loga */
.payment-logos { display:flex; flex-wrap:wrap; gap:8px 10px; align-items:center; }
.payment-logos img { height:30px; max-width:110px; object-fit:contain; opacity:.97; transition:transform .15s ease, opacity .15s ease; }
.payment-logos img:hover { transform:translateY(-1px); opacity:1; }

.footer-mini-bottom { background:#0b213b; }
.footer-mini-bottom .container_footer { text-align:center; padding:.8rem 0; }
.footer-mini-bottom p { margin:0; font-size:.92rem; color:#c8d6f6; }
.footer-mini-bottom p { margin:0; font-size:.92rem; color:#c8d6f6; }

/* Phones – payment-logos: 3 v řadě + vše centrované */
@media (max-width: 600px){
  /* Kontejner patičky na full width a centrovaný obsah */
  .footer-mini .container{
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* Jeden sloupec + centrování (pro jistotu, i když už máš 1 col <=900px) */
  .footer-mini .mini-grid{
    grid-template-columns: 1fr;
    justify-items: center;
  }

  /* Centrovat texty v obou sloupcích a v navigaci */
  .footer-mini .mini-col,
  .footer-mini .mini-right,
  .footer-mini .mini-links,
  .footer-mini .mini-company,
  .footer-mini .mini-social{
    text-align: center;
  }
  .footer-mini .mini-links{
    justify-content: center;
  }

  /* PLATEBNÍ LOGA: grid 3×N, vše krásně uprostřed */
  .footer-mini .payment-logos{
    display: grid;                          /* přepnuto z flex na grid */
    grid-template-columns: repeat(3, 1fr);  /* 3 v řadě */
    gap: 12px 12px;
    justify-content: center;
    align-items: center;
    justify-items: center;
    margin-inline: auto;
    max-width: 520px;                       /* volitelný strop, ať se to netáhne */
  }
  .footer-mini .payment-logos img{
    height: 28px;          /* o chlup menší na mobilu */
    max-width: 100%;       /* žádné přetékání buněk */
    object-fit: contain;
  }

  /* mini-bottom řádek necháme uprostřed */
  .footer-mini-bottom .container_footer{
    text-align: center;
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* Extra malé telefony – kdyby bylo třeba ještě zmenšit loga */
@media (max-width: 340px){
  .footer-mini .payment-logos img{ height: 24px; }
}