/* =====================================================================
   AgroKrajna - stopka w kolorach marki (PrestaShop 1.6, motyw zootech)
   Plik: themes/zootech/css/autoload/agrokrajna-footer.css
   ===================================================================== */

#footer {
  background:#123E72; color:#D3E2F2; font-size:14px; line-height:1.6;
  border-top:4px solid #2590CF; margin-top:30px; padding:0;
}
#footer > .container { padding-top:38px; padding-bottom:26px; }

/* 4 kolumny: Informacja | Moje konto | Kontakt | Social */
#footer > .container > .row { display:flex; flex-wrap:wrap; }
#footer > .container > .row > section { float:none; margin-bottom:22px; }
@media (min-width:768px) {
  #footer #blockcms-footer, #footer #blockmyaccountfooter, #footer #blockcontactinfos, #footer #blocksocial { width:25%; }
}

/* naglowki kolumn */
#footer h4, #footer #blocksocial .h4 {
  display:block; margin:0 0 16px; padding:0 0 10px; position:relative;
  font-size:16px; font-weight:700; line-height:1.3; color:#fff; text-transform:none; letter-spacing:.01em;
}
#footer h4:after, #footer #blocksocial .h4:after {
  content:""; position:absolute; left:0; bottom:0; width:36px; height:3px; border-radius:2px; background:#2590CF;
}

/* linki */
#footer ul.list-unstyled { margin:0; padding:0; }
#footer ul.list-unstyled > li { margin:0 0 7px; padding:0; line-height:1.45; }
#footer a { color:#E6EFF9; text-decoration:none; transition:color .15s; }
#footer a:hover, #footer a:focus { color:#fff; text-decoration:underline; }
#footer #blockcms-footer a, #footer #blockmyaccountfooter a { display:inline-block; padding:1px 0; }

/* dane firmy */
#footer #blockcontactinfos address { margin:0; font-style:normal; }
#footer #blockcontactinfos li { color:#D3E2F2; }
#footer #blockcontactinfos li b { color:#fff; font-size:15px; }
#footer #blockcontactinfos .icon {
  display:inline-block; width:30px; height:30px; margin-right:8px; border-radius:50%;
  background:rgba(255,255,255,.12); color:#fff; font-size:14px; line-height:30px; text-align:center; vertical-align:middle;
}
#footer #blockcontactinfos a[href^="tel:"] { font-weight:700; font-size:15px; }

/* social: kolumna z ikonami w kolkach */
#footer #blocksocial { padding-top:0; }
#footer #blocksocial > a {
  display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin:0 8px 8px 0;
  border-radius:50%; background:rgba(255,255,255,.12); color:#fff; transition:background-color .15s, transform .15s;
}
#footer #blocksocial > a:hover, #footer #blocksocial > a:focus { background:#2590CF; text-decoration:none; transform:translateY(-2px); }
#footer #blocksocial > a .icon { font-size:20px; width:auto; line-height:1; margin:0; color:#fff; }
#footer #blocksocial > a .icon:before { color:#fff; }

/* pasek praw autorskich */
#footer #copyright-footer {
  background:#0C2D55; color:#9FB8D4; font-size:13px; text-align:center; padding:14px 15px; margin:0; border:0;
}

/* telefon: jedna kolumna, wieksze odstepy miedzy linkami (wygodne klikanie) */
@media (max-width:767px) {
  #footer > .container { padding-top:28px; }
  #footer > .container > .row > section { width:100%; }
  #footer ul.list-unstyled > li { margin-bottom:10px; }
}
/* tablet: 2 x 2 */
@media (min-width:768px) and (max-width:991px) {
  #footer #blockcms-footer, #footer #blockmyaccountfooter, #footer #blockcontactinfos, #footer #blocksocial { width:50%; }
}

/* ---------------------------------------------------------------------
   v2: motyw ma wlasne, mocniejsze reguly kolorow i odstepow stopki
   (ciemne linki, duze odstepy) - nadpisujemy je wprost.
   --------------------------------------------------------------------- */
html body #footer,
html body #footer li,
html body #footer address,
html body #footer p,
html body #footer span:not(.label):not(.badge) { color:#D3E2F2 !important; }

html body #footer a,
html body #footer a:link,
html body #footer a:visited,
html body #footer ul li a,
html body #footer section ul li a { color:#E6EFF9 !important; }
html body #footer section ul li a { background:none !important; }
html body #footer a:hover,
html body #footer a:focus,
html body #footer ul li a:hover { color:#fff !important; text-decoration:underline !important; }

html body #footer h4,
html body #footer #blocksocial .h4,
html body #footer #blockcontactinfos li b,
html body #footer a[href*="poradniki"] { color:#fff !important; }

html body #footer ul.list-unstyled > li,
html body #footer section ul li { margin:0 0 7px !important; padding:0 !important; border:0 !important; line-height:1.45 !important; }
html body #footer section ul li a { padding:1px 0 !important; line-height:1.45 !important; }

html body #footer #blockcontactinfos .icon,
html body #footer #blockcontactinfos .icon:before,
html body #footer #blocksocial .icon:before { color:#fff !important; }

/* przyciski social: kolko zostaje, bez podkreslenia */
html body #footer #blocksocial > a { background:rgba(255,255,255,.12) !important; text-decoration:none !important; }
html body #footer #blocksocial > a:hover,
html body #footer #blocksocial > a:focus { background:#2590CF !important; text-decoration:none !important; }

html body #footer #copyright-footer,
html body #footer #copyright-footer * { color:#9FB8D4 !important; }

@media (max-width:767px) {
  html body #footer ul.list-unstyled > li,
  html body #footer section ul li { margin-bottom:10px !important; }
}
/* telefon i e-mail w jednej linii z ikona */
html body #footer #blockcontactinfos li a { display:inline !important; padding:0 !important; }