/* Footer styles using 12-8-4 grid helpers
   - Desktop: 3 columns (12 grid -> 4 | 4 | 4)
   - Tablet: 2 columns per row (8 grid -> 4 | 4)
   - Mobile: stacked (4 grid -> 1 each)
*/
.footer {
  background: var(--footer-bg, #ffffff);
  color: var(--footer-color-text, #000000);
  padding: 2rem 1rem;
  margin-top: auto;
}

.footer .col {
  color: var(--footer-color-text, #000000);
}

.footer h4 {
  margin: 0 0 0.25rem 0;
  font-size: 1rem;
  color: var(--footer-color-header, #646363);
}

.footer ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.footer li {
  margin: 0.25rem 0;
}

.footer li a {
  text-decoration: none;
  color: var(--footer-color-text, #000000);
}

.footer li a:hover, .footer p a:hover {
  color: #ffb703;
}

.footer p, .footer a {
  color: var(--footer-color-text, #000000);
  font-size: 0.95rem;
  text-decoration: none;
}

.footer .p_not_adjusted, .footer .a_not_adjusted {
  color: var(--footer-color-text, #000000);
  font-size: 0.95rem;
  text-decoration: none;
}

.footer .footer-bottom {
  margin-top: 1.5rem;
  text-align: center;
  font-size: 0.9rem;
  opacity: 0.9;
}

.footer img {
    height: 13px;
    width: 19.5px;
}

/* Ensure spacing between items in small screens */
@media (max-width: 900px) {
    .footer {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 600px) {
    .footer {
        font-size: 7px;
    }

    .footer h4 {
        font-size: 7px;
    }
    .footer p, .footer a {
        font-size: 7px;
    }
}

.footer-short {
    background: transparent;
    color: #ffffff;
}