/* === LOVELLA – zápatí, varianta 3: Instagram pás přes celou šířku + odkazy v řádku (návrh 28. 10. 2026) ===
   Nahrát na FTP: /user/documents/css/paticka.css
   Záhlaví (pod main-fixed.css): <link href="/user/documents/css/paticka.css?v=1" rel="stylesheet" />
   Vrácení: smazat ten řádek <link>.
   Přebíjí #footer a #copyright z main-fixed.css (ř. 1011–1092), main-fixed.css se nemění.
   Skryté prvky zápatí (banner2–4 = zdroje pro JS, newsletter) zůstávají skryté.
*/
#footer {
  margin-top: 40px !important;
  padding: 60px 0 50px !important;
  background: #f7efe7 !important;
  border-top: 1px solid #ead9c8;
}
#footer .footer-rows { align-items: stretch !important; }
#footer .custom-footer {
  display: grid !important;
  grid-template-columns: 1fr 1.5fr;
  gap: 60px;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto !important;
}
#footer .custom-footer > div { width: auto !important; max-width: none !important; }
#footer .custom-footer > div:nth-child(n+3) { display: none !important; }

#footer .pageElement__heading {
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-align: left !important;
  color: #3a2f28 !important;
}
#footer .pageElement__heading::before,
#footer .pageElement__heading::after { display: none !important; }

#footer .custom-footer__articles ul { list-style: none; margin: 0; padding: 0; }
#footer .custom-footer__articles ul li {
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-size: 16px !important;
  text-align: left !important;
}
#footer .custom-footer__articles ul li::before { display: none !important; }
#footer .custom-footer__articles ul li a { color: #3a2f28 !important; text-decoration: none; }
#footer .custom-footer__articles ul li a:hover { color: #b0703f !important; text-decoration: underline; }

/* Instagram – 6 × 2 menší čtverce se zaoblením */
#footer .instagram-widget {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
#footer .instagram-widget > a {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  position: static !important;
}
#footer .instagram-widget > a:nth-of-type(n+13) { display: none !important; }
#footer .instagram-widget > a img {
  display: block;
  position: static !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 8px;
  transition: opacity .2s;
}
#footer .instagram-widget > a:hover img { opacity: .8; }
#footer .instagram-follow-btn {
  grid-column: 1 / -1;
  margin: 14px 0 0 !important;
  text-align: left !important;
}
#footer .instagram-follow-btn a {
  display: inline-flex !important;
  align-items: center;
  padding: 9px 18px !important;
  border-radius: 999px;
  background: #3a2f28 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700;
  text-decoration: none !important;
}
#footer .instagram-follow-btn a::before { color: #fff !important; }

#copyright { background-color: #3a2f28 !important; padding: 18px 0 !important; }
#copyright .copyright { font-size: 14px !important; color: #e9dccf !important; }

@media (max-width: 767px) {
  #footer { padding: 40px 0 30px !important; }
  #footer .custom-footer { grid-template-columns: 1fr; gap: 36px; padding: 0 16px !important; }
  #footer .instagram-widget { grid-template-columns: repeat(4, 1fr); gap: 6px; }
  #footer .instagram-widget > a:nth-of-type(n+9) { display: none !important; }
}

/* --- varianta 3: Instagram nahoře přes celou šířku, odkazy v řádku pod ním --- */
#footer { background: #eaccb2 !important; border-top: 0; padding-top: 50px !important; }
#footer .custom-footer { grid-template-columns: 1fr; gap: 40px; max-width: 1200px; }
#footer .custom-footer__instagram { order: -1; }
#footer .pageElement__heading { text-align: center !important; }
#footer .instagram-widget { grid-template-columns: repeat(8, 1fr); gap: 6px; }
#footer .instagram-widget > a:nth-of-type(n+9) { display: none !important; }
#footer .instagram-widget > a img { border-radius: 4px; }
#footer .instagram-follow-btn { text-align: center !important; margin-top: 18px !important; }
#footer .custom-footer__articles ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 26px; }
#footer .custom-footer__articles ul li { margin: 0 !important; font-size: 15px !important; }
@media (max-width: 767px) {
  #footer .instagram-widget { grid-template-columns: repeat(4, 1fr); }
  #footer .custom-footer__articles ul { gap: 8px 18px; }
}
