/* ============================================================
   FOOTER — LIGHT THEME (global, loaded on every page)
   Scope: #footer
   ------------------------------------------------------------
   Repaints the Anvanto footer to a light style:
   white background, dark headings, grey links with pink hover,
   pink outlined social circles, and a payment strip that keeps
   each logo on a DARK chip (payment PNGs are white-on-transparent,
   so a dark chip guarantees every logo stays visible on white).
   ============================================================ */

/* --- Brand tokens ------------------------------------------ */
/* pink  #e6005c   orange #ff8a00 */

/* --- Footer surface ---------------------------------------- */
#footer,
#footer .footer-container {
  background: #ffffff !important;
}

#footer .footer-container {
  border-top: 1px solid #ececec;
  padding-top: 40px;
}

/* the theme's empty separator div — not needed on white */
#footer .footer-border {
  display: none !important;
}

/* --- Column headings --------------------------------------- */
#footer .footer-container .h4,
#footer .block-social-title,
#footer #block_myaccount_infos .myaccount-title,
#footer #block_myaccount_infos .myaccount-title a {
  color: #1a1a1a !important;
  font-weight: 700;
}

/* --- Column links ------------------------------------------ */
#footer .footer-container .cms-page-link,
#footer #block_myaccount_infos .account-list a,
#footer #block_myaccount_infos a {
  color: #6b6b6b !important;
  transition: color 0.15s ease;
}

#footer .footer-container .cms-page-link:hover,
#footer #block_myaccount_infos .account-list a:hover,
#footer #block_myaccount_infos a:hover {
  color: #e6005c !important;
}

/* mobile accordion toggle icons */
#footer .footer-container .title .navbar-toggler i,
#footer .footer-container .collapse-icons i {
  color: #1a1a1a !important;
}

/* --- Social icons: pink outlined circles ------------------- */
#footer .block-social ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

#footer .block-social ul li {
  margin: 0 !important;
  padding: 0 !important;
}

#footer .block-social ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: transparent !important;
  background-image: none !important;
  border: 1.5px solid #f4a9c6 !important;
  transition:
    background 0.2s ease,
    border-color 0.2s ease;
}

#footer .block-social ul li a .anicon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

/* recolor every glyph to brand pink (covers Instagram's
   two paths incl. its gradient fill via !important) */
#footer .block-social ul li a .anicon svg path {
  fill: #e6005c !important;
  transition: fill 0.2s ease;
}

/* hover: fill the circle, flip glyph to white */
#footer .block-social ul li a:hover {
  background: #e6005c !important;
  border-color: #e6005c !important;
}

#footer .block-social ul li a:hover .anicon svg path {
  fill: #ffffff !important;
}

/* keep the text labels hidden (icon-only) */
#footer .block-social .block-social-label {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

/* --- Scroll-to-top button (recolor for light bg) ----------- */
#footer #scrolltopbtn svg path {
  fill: #1a1a1a !important;
}
#footer #scrolltopbtn svg path[fill="none"] {
  fill: none !important;
}

/* ============================================================
   BOTTOM STRIP — payments + copyright
   an_trust_badges markup: a <table> of 7 <td> wrapped in <a href="#">
   ============================================================ */

#footer .copyright-container {
  position: relative;
  background: #000000;
  border-top: none;
  margin-top: 24px;
  padding: 34px 15px 30px;
}

/* brand gradient hairline across the top */
#footer .copyright-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(230, 0, 92, 0.5) 35%,
    rgba(255, 138, 0, 0.5) 65%,
    transparent 100%
  );
}

#footer .copyright-container .container {
  max-width: 1100px;
}

#footer .copyright-container .row,
#footer .copyright-container .copyright-container-left {
  margin: 0;
  padding: 0;
}

/* small caption above the icons — delete this rule to remove it */
#footer .copyright-container-left::before {
  content: "Bezpieczne płatności";
  display: block;
  text-align: center;
  margin-bottom: 20px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
}

/* neutralise the module's href="#" (icons aren't real links) */
#footer .an_copyright a {
  display: block;
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}

/* turn the <table> into a wrapping flex row */
#footer .an_copyright table,
#footer .an_copyright tbody,
#footer .an_copyright tr {
  display: block;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  border: 0;
}

/* icons sit directly on the black strip — no chips, as originally */
#footer .an_copyright tbody {
  text-align: center;
}

#footer .an_copyright tr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 34px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* cells transparent — logos rest directly on black */
#footer .an_copyright td {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
  text-align: center !important;
}

#footer .an_copyright td p {
  margin: 0;
  display: flex;
  align-items: center;
}

/* paynow ships as a DARK logo on a white backing box — keep that
   white box (tidied into a small chip) so it stays visible on black */
#footer .an_copyright td span {
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  padding: 4px 7px;
  border-radius: 4px;
}

#footer .an_copyright td img {
  height: 30px !important;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

/* copyright line (direct child <p> of the anchor) */
#footer .an_copyright a > p {
  margin: 24px 0 0;
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0.3px;
  color: rgba(255, 255, 255, 0.55);
}

/* --- Responsive -------------------------------------------- */
@media (max-width: 575px) {
  #footer .copyright-container {
    padding: 28px 12px 24px;
  }
  #footer .an_copyright tr {
    gap: 22px;
  }
  #footer .an_copyright td img {
    height: 24px !important;
  }
  #footer .copyright-container-left::before {
    font-size: 10px;
    letter-spacing: 1.5px;
    margin-bottom: 16px;
  }
}