/* ==========================================================================
   Wholesale Fishing Flies Kenya — modern premium footer (theme: imake)
   Brand: burgundy #1b352d · red #b8542c · wave crest · 3 equal columns
   Native markup preserved: .footer-wrapper > .footer-container > footer#footer
   ========================================================================== */

/* ---------- shell ---------- */
body .footer-wrapper {
  position: relative;
  margin-top: 70px;
  background: #ffffff;
  isolation: isolate;
}

/* wave crest: white page flows into the dark footer */
body .footer-wrapper::before {
  content: "";
  position: absolute;
  top: -42px;
  left: 0;
  right: 0;
  height: 44px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 44' preserveAspectRatio='none'%3E%3Cpath d='M0,44 L0,22 C240,2 480,38 720,20 C960,2 1200,38 1440,18 L1440,44 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center bottom/cover;
  pointer-events: none;
  z-index: 0;
}

body .footer-container {
  position: relative;
  z-index: 1;
  background-color: #1b352d !important;
  background-image:
    radial-gradient(1100px 320px at 8% -14%, rgba(184, 84, 44, .20), transparent 62%),
    radial-gradient(900px 300px at 100% 0%, rgba(184, 84, 44, .10), transparent 58%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='90' viewBox='0 0 520 90'%3E%3Cpath d='M0 46 Q 65 16 130 46 T 260 46 T 390 46 T 520 46' fill='none' stroke='%23ffffff' stroke-opacity='.05' stroke-width='1.2'/%3E%3Cpath d='M0 66 Q 65 36 130 66 T 260 66 T 390 66 T 520 66' fill='none' stroke='%23ffffff' stroke-opacity='.03' stroke-width='1'/%3E%3C/svg%3E") !important;
  /* the wave tile is 90px tall: repeating it in both directions drew a line
     across the column headings and body copy on tall (mobile) footers */
  background-repeat: no-repeat, no-repeat, repeat-x !important;
  background-position: left top, right top, left top !important;
  color: #f0e9e6 !important;
  padding: 32px 0 0 !important;
  overflow: hidden;
}

/* ---------- brand band ---------- */
body .footer-container #footer .wff-footer-brand {
  display: flex !important;
  align-items: center;
  gap: 26px;
  flex-wrap: wrap;
  padding: 0 0 24px;
  margin: 0 0 26px;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  position: relative;
  z-index: 2;
}

body .footer-container #footer .wff-footer-brand__logo {
  flex: 0 0 auto;
  line-height: 0;
}

body .footer-container #footer .wff-footer-brand__logo img {
  max-height: 56px !important;
  width: auto !important;
  display: block;
  border-radius: 10px;
  background: rgba(255, 255, 255, .96);
  padding: 8px 14px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .24);
}

body .footer-container #footer .wff-footer-brand__text {
  flex: 1 1 300px;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13.5px;
  line-height: 1.65;
  color: #e3d7d3;
  font-weight: 500;
}

body .footer-container #footer .wff-footer-trust {
  flex: 0 0 auto;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body .footer-container #footer .wff-footer-trust li {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0 !important;
  padding: 7px 14px !important;
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .14);
  color: #f0e9e6;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

body .footer-container #footer .wff-footer-trust li i {
  color: #d9805a;
  font-size: 12px;
}

/* ---------- 3 equal columns ---------- */
body .footer-container #footer {
  position: relative;
  z-index: 2;
  padding: 0 0 32px !important;
  color: #f0e9e6 !important;
}

body .footer-container #footer .rows {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 !important;
}

body .footer-container #footer .rows > section,
body .footer-container #footer .rows > .footer-block {
  width: 33.3333% !important;
  max-width: 33.3333% !important;
  float: none !important;
  padding: 0 15px !important;
  margin-top: 0 !important;
  position: static !important;
}

/* ---------- headings ---------- */
body .footer-container #footer .footer-block h4,
body .footer-container #footer h4 {
  display: block;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: #d9805a !important;
  margin: 0 0 16px !important;
  padding: 0 0 9px !important;
  border-bottom: 0 !important;
  position: relative !important;
  text-align: left !important;
  width: auto !important;
  float: none !important;
}

body .footer-container #footer .footer-block h4::after,
body .footer-container #footer h4::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 42px !important;
  height: 3px !important;
  border-radius: 3px !important;
  background: linear-gradient(90deg, #b8542c, #d9805a) !important;
}

/* ---------- contact info ---------- */
body .footer-container #footer #block_contact_infos > div ul li {
  display: flex !important;
  align-items: flex-start;
  gap: 12px;
  max-width: 100% !important;
  width: auto !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  line-height: 1.6 !important;
  font-size: 13.5px !important;
  color: #e3d7d3 !important;
  /* the theme centres the footer columns and only un-centres the contact
     rows on phones; on wider screens the text floated in the middle of the
     row instead of sitting next to its icon */
  text-align: left !important;
  justify-content: flex-start !important;
}

body .footer-container #footer #block_contact_infos > div ul li i {
  flex: 0 0 34px;
  width: 34px !important;
  height: 34px;
  margin-top: 1px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .12);
  color: #d9805a !important;
  font-size: 15px !important;
  line-height: 32px !important;
  text-align: center;
}

body .footer-container #footer #block_contact_infos > div ul li span,
body .footer-container #footer #block_contact_infos > div ul li a {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: left !important;
}

/* ---------- links ---------- */
body .footer-container #footer a,
body .footer-container a {
  color: #f0e9e6 !important;
  text-decoration: none !important;
  transition: color .18s ease;
}

body .footer-container #footer a:hover,
body .footer-container a:hover {
  color: #d9805a !important;
  text-decoration: none !important;
}

body .footer-container #footer ul,
body .footer-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

body .footer-container #footer ul li,
body .footer-container ul li {
  margin: 0 0 9px !important;
  padding: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: #e3d7d3 !important;
}

/* ---------- newsletter ---------- */
body .footer-container #footer #newsletter_block_left > .container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .footer-container #footer #newsletter_block_left .box-newletter {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .footer-container #footer #newsletter_block_left .block_content p {
  margin: 0 0 14px;
  font-size: 13.5px;
  line-height: 1.6;
  color: #e3d7d3;
}

body .footer-container #footer #newsletter_block_left .form-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 !important;
}

body .footer-container #footer #newsletter_block_left .newsletter-input,
body .footer-container #footer #newsletter_block_left input.form-control {
  flex: 1 1 200px;
  min-width: 0;
  height: 44px;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  border: 1.5px solid rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .08) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

body .footer-container #footer #newsletter_block_left input.form-control::placeholder {
  color: rgba(240, 233, 230, .65);
}

body .footer-container #footer #newsletter_block_left input.form-control:focus {
  border-color: #d9805a !important;
  outline: 0;
  box-shadow: 0 0 0 4px rgba(184, 84, 44, .18) !important;
}

body .footer-container #footer #newsletter_block_left .button-small,
body .footer-container #footer #newsletter_block_left button {
  flex: 0 0 auto;
  height: 44px;
  padding: 0 22px !important;
  border-radius: 999px !important;
  background: #b8542c !important;
  color: #fff !important;
  border: 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease;
}

body .footer-container #footer #newsletter_block_left .button-small:hover,
body .footer-container #footer #newsletter_block_left button:hover {
  background: #d91f16 !important;
  transform: translateY(-1px);
}

/* ---------- social ---------- */
body .footer-container #footer #social_block {
  position: static !important;
  float: none !important;
  margin: 0 !important;
}

body .footer-container #footer #social_block .toggle-footer p {
  margin: 0 0 16px;
  font-size: 13.5px;
  line-height: 1.6;
  color: #e3d7d3;
}

body .footer-container #footer #social_block ul {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body .footer-container #footer #social_block ul li {
  float: none !important;
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
}

body .footer-container #footer #social_block ul li a {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  float: none !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .07) !important;
  text-indent: 0 !important;
  overflow: visible !important;
  line-height: 42px !important;
  text-align: center;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

body .footer-container #footer #social_block ul li a:hover {
  background: #b8542c !important;
  border-color: #b8542c !important;
  transform: translateY(-3px);
}

/* keep the icon, hide only the text label */
body .footer-container #footer #social_block ul li span {
  position: static !important;
  display: inline-block !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  text-indent: 0 !important;
  font-size: 0 !important;
  line-height: 42px !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: nowrap !important;
  left: auto !important;
}

body .footer-container #footer #social_block ul li a i {
  float: none !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  line-height: 42px !important;
  text-indent: 0 !important;
  font-size: 17px !important;
  color: #f0e9e6 !important;
  border-radius: 0 !important;
  transition: color .18s ease;
}

body .footer-container #footer #social_block ul li a:hover i {
  color: #fff !important;
}

/* ---------- bottom bar ---------- */
body .footer_bottom {
  position: relative;
  margin-top: 0;
  padding: 0 !important;
  background: #1b352d;
  border-top: 1px solid rgba(255, 255, 255, .10);
  text-align: center;
}

body .footer_bottom > .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 0;
}

body .footer_bottom .ybc_coppyright {
  flex: 0 1 auto;
  width: auto;
  margin: 0;
  font-size: 12.5px;
  color: #c9b8b3;
  text-align: left;
}

body .footer_bottom .ybc_coppyright a {
  color: #d9805a !important;
  font-weight: 600;
}

body .footer_bottom .payment_footer {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  float: none;
  width: auto;
  margin: 0;
  padding: 7px 14px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .22);
}

body .footer_bottom .payment_footer img {
  height: 24px;
  width: auto !important;
  max-width: none;
  display: block;
  vertical-align: middle;
  margin: 0;
}

body .footer_bottom .payment_footer img:last-child {
  margin-right: 0;
}

body .footer_bottom .scroll_top {
  flex: 0 0 auto;
}

body .footer_bottom .scroll_top span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .16);
  color: #f0e9e6;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  transition: background .18s ease, transform .18s ease;
}

body .footer_bottom .scroll_top span:hover {
  background: #b8542c;
  border-color: #b8542c;
  transform: translateY(-2px);
}

/* ---------- responsive ---------- */
@media (max-width: 991px) {
  body .footer-container #footer .rows > section,
  body .footer-container #footer .rows > .footer-block {
    width: 50% !important;
    max-width: 50% !important;
    margin-bottom: 26px !important;
  }
}

@media (max-width: 767px) {
  body .footer-wrapper {
    margin-top: 48px;
  }
  body .footer-container {
    padding-top: 24px !important;
  }
  body .footer-container #footer .wff-footer-brand {
    gap: 16px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  body .footer-container #footer .wff-footer-brand__logo img {
    max-height: 46px !important;
  }
  body .footer-container #footer .rows > section,
  body .footer-container #footer .rows > .footer-block {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 24px !important;
  }
  body .footer_bottom > .container {
    flex-direction: column;
    text-align: center;
  }
  body .footer_bottom .ybc_coppyright {
    text-align: center;
  }
}