/* =========================================
   FOOTER facelift – based on your HTML
   ========================================= */

/* celý footer */
#footer.footer{
  background:#fff;
  border-top:1px solid rgba(0,0,0,.08);
}

/* řádek se 3 bloky */
#footer .custom-footer.elements-3{
  display:flex;
  gap:28px;
  padding:26px 0 10px;
}

/* sloupce – stejné chování */
#footer .custom-footer > [class^="custom-footer__"]{
  flex:1 1 0;
  min-width:240px;
}

/* nadpisy */
#footer .custom-footer h4{
  margin:0 0 12px;
  font-size:18px;
  font-weight:800;
  color:#151515;
}

/* jemná linka pod nadpisem */
#footer .custom-footer h4 span{
  position:relative;
  display:inline-block;
  padding-bottom:10px;
}
#footer .custom-footer h4 span::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:58px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,#D77A61,#C96B54);
  opacity:.95;
}

/* společný “card” look pro každý blok */
#footer .custom-footer__instagram,
#footer .custom-footer__contact,
#footer .custom-footer__articles{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  padding:18px 18px 16px;
  box-shadow:0 10px 26px rgba(0,0,0,.06);
}

/* =========================
   Instagram blok
   ========================= */
#footer .custom-footer__instagram .instagram-widget{
  margin-top:8px;
}

/* jedna fotka → uděláme z ní hezkou “kartu” */
#footer .custom-footer__instagram .instagram-widget a img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:14px;
  display:block;
  box-shadow:0 10px 22px rgba(0,0,0,.10);
}

/* follow button */
#footer .instagram-follow-btn{
  margin-top:12px;
}
#footer .instagram-follow-btn a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(215,122,97,.18);
  color:#6b2f24;
  text-decoration:none;
  font-weight:700;
  font-size:13px;
}
#footer .instagram-follow-btn a:hover{
  background:rgba(215,122,97,.28);
}

/* =========================
   Kontakt blok
   ========================= */

/* logo v kontaktu menší a čistě */
#footer .custom-footer__contact .contact-box > img{
  max-width:140px;
  height:auto;
  display:block;
  margin:6px 0 12px;
  opacity:.95;
}

/* reset listu */
#footer .custom-footer__contact .contact-box ul{
  margin:0;
  padding:0;
  list-style:none;
}

/* mail */
#footer .custom-footer__contact .contact-box .mail a{
  color:#8b3f2f;
  font-weight:700;
  text-decoration:none;
  font-size:14px;
}
#footer .custom-footer__contact .contact-box .mail a:hover{
  text-decoration:underline;
}

/* sociální ikony – do jedné řady */
#footer .custom-footer__contact .contact-box ul{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:14px;
}

/* sociální li položky */
#footer .custom-footer__contact .contact-box li{
  margin:0;
  padding:0;
}

/* tlačítka ikon */
#footer .custom-footer__contact a.social-icon{
  width:40px;
  height:40px;
  border-radius:999px;
  background:rgba(215,122,97,.18);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .2s ease, background .2s ease;
}

/* Shoptet ikonky bývají přes background-image – zachováme a jen zlepšíme */
#footer .custom-footer__contact a.social-icon:hover{
  transform:translateY(-2px);
  background:rgba(215,122,97,.28);
}

/* whatsapp link má u tebe mezeru ve wa.me → aspoň ať nepadá layout */
#footer .custom-footer__contact a.social-icon.whatsapp{
  overflow:hidden;
}

/* =========================
   Informace pro vás
   ========================= */

#footer .custom-footer__articles ul{
  margin:10px 0 0;
  padding:0;
  list-style:none;
}

#footer .custom-footer__articles li{
  margin:8px 0;
}

#footer .custom-footer__articles a{
  color:#8b3f2f;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
}

#footer .custom-footer__articles a:hover{
  text-decoration:underline;
}

/* =========================
   Footer bottom (copyright)
   ========================= */
#footer .footer-bottom{
  border-top:1px solid rgba(0,0,0,.08);
  margin-top:18px;
  padding:14px 0;
  font-size:13px;
}

#footer .footer-bottom .container{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  align-items:center;
  justify-content:space-between;
}

#footer .footer-bottom .copyright{
  opacity:.9;
}

/* =========================
   Mobile
   ========================= */
@media (max-width:768px){
  #footer .custom-footer.elements-3{
    flex-direction:column;
    gap:16px;
    padding:18px 0 8px;
  }

  #footer .custom-footer__instagram .instagram-widget a img{
    height:180px;
  }

  #footer .footer-bottom .container{
    justify-content:center;
    text-align:center;
  }
}
/* =========================================
   FOOTER – remove contact logo + polish
   ========================================= */

/* pryč obrázek "Řekni to svíčkou" (logo v kontaktu) */
#footer .custom-footer__contact .contact-box > img{
  display:none !important;
}

/* Kontakt: udělat header řádek (mail + ikony pěkně vedle sebe) */
#footer .custom-footer__contact .contact-box ul{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:10px 12px !important;
  margin-top:10px !important;
}

/* mail ať je první a má trošku prostoru */
#footer .custom-footer__contact .contact-box li:first-child{
  order:1;
  margin-right:8px !important;
}

/* sociální ikony hned za mailem */
#footer .custom-footer__contact .contact-box li.social-icon-list{
  order:2;
}

/* mail link trochu víc "premium" */
#footer .custom-footer__contact .contact-box .mail a{
  font-size:14px !important;
  font-weight:800 !important;
  color:#8b3f2f !important;
}

/* ikony o chlup menší a sjednocené */
#footer .custom-footer__contact a.social-icon{
  width:38px !important;
  height:38px !important;
  background: rgba(215,122,97,.18) !important;
  border:1px solid rgba(215,122,97,.18) !important;
}

/* ať "Kontakt" není zbytečně vysoký box po odebrání loga */
#footer .custom-footer__contact{
  padding-bottom:14px !important;
}
/* =========================================
   FOOTER – social icons under each other
   ========================================= */

/* celý seznam v kontaktu */
#footer .custom-footer__contact .contact-box ul{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
}

/* mail zůstane nahoře */
#footer .custom-footer__contact .contact-box li:first-child{
  margin-bottom:8px !important;
}

/* sociální ikony pod sebe */
#footer .custom-footer__contact .contact-box li.social-icon-list{
  width:100%;
}

/* sloupec pro sociální ikony */
#footer .custom-footer__contact .contact-box li.social-icon-list{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

/* samotná tlačítka */
#footer .custom-footer__contact a.social-icon{
  width:40px !important;
  height:40px !important;
  margin:0 !important;
}

/* =========================================
   FOOTER – Instagram grid 4x
   ========================================= */

/* celý instagram blok */
#footer .custom-footer__instagram{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

/* widget hned pod nadpis */
#footer .custom-footer__instagram .instagram-widget{
  margin-top:14px;
  width:100%;
}

/* GRID – 4 obrázky vedle sebe */
#footer .custom-footer__instagram .instagram-widget{
  display:grid !important;
  grid-template-columns:repeat(4, 1fr);
  gap:10px;
}

/* jednotlivý obrázek */
#footer .custom-footer__instagram .instagram-widget a{
  display:block;
  width:100%;
  aspect-ratio:1 / 1;
  overflow:hidden;
  border-radius:14px;
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}

/* IMG uvnitř */
#footer .custom-footer__instagram .instagram-widget a img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .3s ease;
}

/* hover efekt */
#footer .custom-footer__instagram .instagram-widget a:hover img{
  transform:scale(1.08);
}

/* FOLLOW button na střed */
#footer .custom-footer__instagram .instagram-follow-btn{
  margin-top:16px;
  width:100%;
  display:flex;
  justify-content:center;
}

#footer .custom-footer__instagram .instagram-follow-btn a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:999px;
  background:rgba(215,122,97,.18);
  color:#6b2f24;
  font-weight:700;
  font-size:14px;
  text-decoration:none;
  transition:background .2s ease, transform .2s ease;
}

#footer .custom-footer__instagram .instagram-follow-btn a:hover{
  background:rgba(215,122,97,.28);
  transform:translateY(-1px);
}

/* =========================================
   MOBILE – 2x2 grid
   ========================================= */
@media (max-width:768px){
  #footer .custom-footer__instagram .instagram-widget{
    grid-template-columns:repeat(2, 1fr);
  }
}

/* =========================================
   FOOTER – Instagram: one-line button, bigger tiles, no hover
   ========================================= */

/* 1) IG GRID – větší dlaždice */
#footer .custom-footer__instagram .instagram-widget{
  grid-template-columns: repeat(4, 1fr) !important;
  gap:12px !important;
}

/* zvětší “container”/dlaždice (větší fotky) */
#footer .custom-footer__instagram .instagram-widget a{
  aspect-ratio: 4 / 3 !important;   /* místo 1/1 -> větší obdélník */
  border-radius:16px !important;
  box-shadow:0 10px 22px rgba(0,0,0,.10) !important;
}

/* 2) VYPNOUT hover efekt (žádný zoom) */
#footer .custom-footer__instagram .instagram-widget a img{
  transition:none !important;
  transform:none !important;
}
#footer .custom-footer__instagram .instagram-widget a:hover img{
  transform:none !important;
}

/* 3) Tlačítko: text v 1 řádce + hezčí tvar */
#footer .custom-footer__instagram .instagram-follow-btn a{
  white-space: nowrap !important;    /* 1 řádka */
  width:auto !important;
  max-width:100% !important;
  border-radius: 999px !important;
  padding: 12px 20px !important;
}

/* zrušit případné “span” omezení, co to láme */
#footer .custom-footer__instagram .instagram-follow-btn span{
  display:block !important;
  width:100% !important;
  text-align:center !important;
}

/* pokud Shoptet tlačí ikonku vedle textu a dělá to divně, držíme to v řádce */
#footer .custom-footer__instagram .instagram-follow-btn a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}

/* 4) Mobile */
@media (max-width:768px){
  #footer .custom-footer__instagram .instagram-widget{
    grid-template-columns: repeat(2, 1fr) !important;
  }
  #footer .custom-footer__instagram .instagram-widget a{
    aspect-ratio: 16 / 10 !important;
  }
}