/* Bioekran Footer v1.0.1
 * Author: rtsasuk
 * https://t.me/rtsasuk
 */

.bioekran-footer-module {
  background:#061f40;
  color:#c5d7e4;
  padding:58px 0 25px;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  box-sizing:border-box;
}

.bioekran-footer-module *,
.bioekran-footer-module *:before,
.bioekran-footer-module *:after {
  box-sizing:border-box;
}

/* Hide only the original theme footer immediately following this module. */
.bioekran-footer-module + footer {
  display:none !important;
}

.bioekran-footer-module .bioekran-footer-container {
  width:auto;
  max-width:1470px;
  margin-left:auto;
  margin-right:auto;
  padding-left:24px;
  padding-right:24px;
}

.bioekran-footer-module .footer-grid {
  display:flex !important;
  flex-wrap:wrap;
  margin-left:-15px;
  margin-right:-15px;
}

.bioekran-footer-module .footer-col {
  display:block;
  margin-bottom:24px;
}

.bioekran-footer-module .footer-logo {
  display:block;
  width:230px;
  max-width:100%;
  height:auto;
  background:#fff;
  border-radius:12px;
  padding:7px;
  opacity:.96;
}

.bioekran-footer-module .bioekran-footer-logo-link {
  display:inline-block;
  margin:0;
}

.bioekran-footer-module p {
  color:#a8bfd1;
  margin-top:18px;
  margin-bottom:0;
  max-width:410px;
  font-size:14px;
  line-height:1.55;
}

.bioekran-footer-module h4 {
  margin:0 0 18px;
  color:#fff;
  font-size:14px;
  line-height:1.4;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.bioekran-footer-module a {
  display:block;
  margin:9px 0;
  color:#b9cfdd;
  font-size:14px;
  line-height:1.45;
  text-decoration:none;
  transition:color .2s ease;
}

.bioekran-footer-module a:hover,
.bioekran-footer-module a:focus {
  color:#ffc515;
  text-decoration:none;
}

.bioekran-footer-module .bioekran-footer-geo-text {
  margin-top:0;
}

.bioekran-footer-module .bioekran-footer-cta {
  color:#ffc515;
  font-weight:800;
}

.bioekran-footer-module .footer-bottom {
  border-top:1px solid rgba(255,255,255,.11);
  margin-top:42px;
  padding-top:20px;
  display:flex;
  justify-content:space-between;
  gap:24px;
  font-size:12px;
  line-height:1.5;
  color:#819bb0;
}

/* Corresponds to original Bootstrap 3 footer behavior */
@media (max-width:1180px) {
  .bioekran-footer-module .footer-col:last-child {
    width:100%;
  }
}

@media (max-width:920px) {
  .bioekran-footer-module .footer-col:last-child {
    width:50%;
  }
}

@media (max-width:767px) {
  .bioekran-footer-module .bioekran-footer-container {
    padding-left:14px;
    padding-right:14px;
  }
}

@media (max-width:680px) {
  .bioekran-footer-module .footer-col {
    width:100% !important;
  }

  .bioekran-footer-module .footer-bottom {
    flex-direction:column;
  }
}


/* Contacts / social links v1.0.1 */
.bioekran-footer-module .bioekran-footer-contact {
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.10);
}

.bioekran-footer-module .bioekran-footer-contact-title {
  margin-bottom:12px;
}

.bioekran-footer-module .bioekran-footer-phones {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
}

.bioekran-footer-module .bioekran-footer-phone {
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0;
  color:#fff;
  font-size:16px;
  line-height:1.45;
  font-weight:700;
}

.bioekran-footer-module .bioekran-footer-phone:hover,
.bioekran-footer-module .bioekran-footer-phone:focus {
  color:#ffc515;
}

.bioekran-footer-module .bioekran-footer-phone-icon {
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,197,21,.12);
  color:#ffc515;
}

.bioekran-footer-module .bioekran-footer-phone-icon svg {
  width:15px;
  height:15px;
  fill:currentColor;
}

.bioekran-footer-module .bioekran-footer-socials {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:16px;
}

.bioekran-footer-module .bioekran-footer-social {
  width:38px;
  height:38px;
  margin:0;
  padding:0;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);
  transition:transform .2s ease, background-color .2s ease, border-color .2s ease;
}

.bioekran-footer-module .bioekran-footer-social svg {
  width:19px;
  height:19px;
  fill:currentColor;
}

.bioekran-footer-module .bioekran-footer-social:hover,
.bioekran-footer-module .bioekran-footer-social:focus {
  color:#fff;
  transform:translateY(-2px);
  border-color:transparent;
}

.bioekran-footer-module .bioekran-footer-social-viber:hover,
.bioekran-footer-module .bioekran-footer-social-viber:focus { background:#7360f2; }

.bioekran-footer-module .bioekran-footer-social-telegram:hover,
.bioekran-footer-module .bioekran-footer-social-telegram:focus { background:#229ed9; }

.bioekran-footer-module .bioekran-footer-social-instagram,
.bioekran-footer-module .bioekran-footer-social-facebook,
.bioekran-footer-module .bioekran-footer-social-tiktok {
  background:#22a447;
  border-color:#22a447;
  color:#fff;
}

.bioekran-footer-module .bioekran-footer-social-whatsapp {
  background:#e53935;
  border-color:#e53935;
  color:#fff;
}

.bioekran-footer-module .bioekran-footer-social-instagram:hover,
.bioekran-footer-module .bioekran-footer-social-instagram:focus,
.bioekran-footer-module .bioekran-footer-social-facebook:hover,
.bioekran-footer-module .bioekran-footer-social-facebook:focus,
.bioekran-footer-module .bioekran-footer-social-tiktok:hover,
.bioekran-footer-module .bioekran-footer-social-tiktok:focus {
  background:#188a39;
  border-color:#188a39;
  color:#fff;
}

.bioekran-footer-module .bioekran-footer-social-whatsapp:hover,
.bioekran-footer-module .bioekran-footer-social-whatsapp:focus {
  background:#c62828;
  border-color:#c62828;
  color:#fff;
}

@media (max-width:767px) {
  .bioekran-footer-module .bioekran-footer-phone {
    font-size:15px;
  }
}


/* Bioekran Footer v1.0.2 — requested social button colors */
.bioekran-footer-module .bioekran-footer-socials {
  gap:10px;
}

.bioekran-footer-module .bioekran-footer-social {
  width:40px;
  height:40px;
}

.bioekran-footer-module .bioekran-footer-social svg {
  width:20px;
  height:20px;
}