/* =====================================================
   BeOrganic.sk — social_icons.css
   Väčšie sociálne ikony v päte + v zelenej topbar lište
   ===================================================== */

/* ── Footer bottom — container ── */
.bo-footer-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 20px 80px !important;
  border-top: 1px solid rgba(0,0,0,0.08) !important;
}

/* ── Sociálne ikony — väčšie, s kruhovým pozadím ── */
.bo-footer-social {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.bo-footer-social .bo-social-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #738671 !important;
  opacity: 1 !important;
  transition: background 0.2s, transform 0.2s !important;
}

.bo-footer-social .bo-social-link:hover {
  background: #5a6e58 !important;
  transform: translateY(-2px) !important;
  opacity: 1 !important;
}

.bo-footer-social .bo-social-link img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  filter: brightness(10) !important;
  display: block !important;
}

/* ── Topbar sociálne ikony — JS ich injektuje do .bo-top-right ── */
.bo-topbar-social {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-left: 14px !important;
  padding-left: 14px !important;
  border-left: 1px solid rgba(255,255,255,0.3) !important;
}

.bo-topbar-social a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  opacity: 0.85 !important;
  transition: opacity 0.2s !important;
}

.bo-topbar-social a:hover {
  opacity: 1 !important;
}

.bo-topbar-social img {
  width: 16px !important;
  height: 16px !important;
  filter: brightness(10) !important;
}

/* ── Mobile ── */
@media (max-width: 800px) {
  .bo-topbar-social {
    display: none !important;
  }

  .bo-footer-bottom {
    flex-direction: column !important;
    gap: 16px !important;
    padding: 20px 16px !important;
    text-align: center !important;
  }

  .bo-footer-social .bo-social-link {
    width: 36px !important;
    height: 36px !important;
  }
}